Appearance

Pills

DesignA11yAPIExampleChangelog

[5.14.0] - 2023-12-06 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/flex-box [5.12.0 ~> 5.13.0], @semcore/neighbor-location [4.11.0 ~> 4.12.0], @semcore/core [2.11.0 ~> 2.12.0]).

[5.13.0] - 2023-12-04 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/flex-box [5.11.0 ~> 5.12.0], @semcore/neighbor-location [4.10.0 ~> 4.11.0], @semcore/utils [4.13.0 ~> 4.14.0], @semcore/core [2.10.0 ~> 2.11.0]).

[5.12.0] - 2023-11-23 ​

Added ​

  • New behavior auto instead of radio and manual instead of tags.

Fixed ​

  • Selection of disabled Pills.Item.

[5.11.2] - 2023-11-21 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/flex-box [5.10.1 ~> 5.10.2], @semcore/neighbor-location [4.9.1 ~> 4.9.2], @semcore/utils [4.10.2 ~> 4.10.3], @semcore/core [2.9.1 ~> 2.9.2]).

[5.11.1] - 2023-11-09 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/flex-box [5.10.0 ~> 5.10.1], @semcore/neighbor-location [4.9.0 ~> 4.9.1], @semcore/utils [4.10.1 ~> 4.10.2], @semcore/core [2.9.0 ~> 2.9.1]).

[5.11.0] - 2023-11-06 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/flex-box [5.9.0 ~> 5.10.0], @semcore/neighbor-location [4.8.0 ~> 4.9.0], @semcore/utils [4.9.0 ~> 4.10.1], @semcore/core [2.8.0 ~> 2.9.0]).

[5.10.0] - 2023-10-27 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/flex-box [5.8.2 ~> 5.9.0], @semcore/neighbor-location [4.7.7 ~> 4.8.0], @semcore/utils [4.8.4 ~> 4.9.0], @semcore/core [2.7.7 ~> 2.8.0]).

[5.9.2] - 2023-10-24 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/flex-box [5.8.1 ~> 5.8.2], @semcore/neighbor-location [4.7.6 ~> 4.7.7], @semcore/utils [4.8.3 ~> 4.8.4], @semcore/core [2.7.6 ~> 2.7.7]).

[5.9.1] - 2023-10-16 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/flex-box [5.8.0 ~> 5.8.1], @semcore/neighbor-location [4.7.5 ~> 4.7.6], @semcore/utils [4.8.2 ~> 4.8.3], @semcore/core [2.7.5 ~> 2.7.6]).

[5.9.0] - 2023-10-10 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/flex-box [5.7.5 ~> 5.8.0]).

[5.8.5] - 2023-10-06 ​

Fixed ​

  • Pills with behavior="tabs" had focus ring both on container and on pills. Now focus ring is only on pills.
  • Focus ring of every pill was overlaped by the next sibling pill.

[5.8.4] - 2023-10-03 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/flex-box [5.7.3 ~> 5.7.4], @semcore/neighbor-location [4.7.3 ~> 4.7.4], @semcore/utils [4.8.0 ~> 4.8.1], @semcore/core [2.7.3 ~> 2.7.4]).

[5.8.3] - 2023-10-02 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/flex-box [5.7.2 ~> 5.7.3], @semcore/neighbor-location [4.7.2 ~> 4.7.3], @semcore/utils [4.7.2 ~> 4.8.0], @semcore/core [2.7.2 ~> 2.7.3]).

[5.8.2] - 2023-09-20 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/flex-box [5.7.1 ~> 5.7.2], @semcore/neighbor-location [4.7.1 ~> 4.7.2], @semcore/core [2.7.1 ~> 2.7.2]).

[5.8.1] - 2023-09-20 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/flex-box [5.7.0 ~> 5.7.1], @semcore/neighbor-location [4.7.0 ~> 4.7.1], @semcore/utils [4.7.0 ~> 4.7.1], @semcore/core [2.7.0 ~> 2.7.1]).

[5.8.0] - 2023-09-13 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/flex-box [5.6.3 ~> 5.7.0], @semcore/neighbor-location [4.6.3 ~> 4.7.0], @semcore/utils [4.6.3 ~> 4.7.0], @semcore/core [2.6.3 ~> 2.7.0]).

[5.7.3] - 2023-09-12 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/flex-box [5.6.2 ~> 5.6.3], @semcore/neighbor-location [4.6.2 ~> 4.6.3], @semcore/core [2.6.2 ~> 2.6.3]).

[5.7.2] - 2023-09-08 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/flex-box [5.6.1 ~> 5.6.2], @semcore/neighbor-location [4.6.1 ~> 4.6.2], @semcore/utils [4.6.1 ~> 4.6.2], @semcore/core [2.6.1 ~> 2.6.2]).

[5.7.1] - 2023-09-05 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/flex-box [5.6.0 ~> 5.6.1], @semcore/neighbor-location [4.6.0 ~> 4.6.1], @semcore/core [2.6.0 ~> 2.6.1]).

[5.7.0] - 2023-09-04 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/flex-box [5.5.0 ~> 5.6.0], @semcore/neighbor-location [4.5.0 ~> 4.6.0], @semcore/core [2.5.0 ~> 2.6.0]).

[5.6.0] - 2023-08-28 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/flex-box [5.4.1 ~> 5.5.0], @semcore/neighbor-location [4.4.1 ~> 4.5.0], @semcore/utils [4.4.1 ~> 4.5.0], @semcore/core [2.4.1 ~> 2.5.0]).

[5.5.1] - 2023-08-24 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/flex-box [5.4.0 ~> 5.4.1], @semcore/neighbor-location [4.4.0 ~> 4.4.1], @semcore/utils [4.4.0 ~> 4.4.1], @semcore/core [2.4.0 ~> 2.4.1]).

[5.5.0] - 2023-08-23 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/flex-box [5.3.1 ~> 5.4.0], @semcore/neighbor-location [4.3.1 ~> 4.4.0], @semcore/utils [4.3.1 ~> 4.4.0], @semcore/core [2.3.1 ~> 2.4.0]).

[5.4.1] - 2023-08-21 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/flex-box [5.3.0 ~> 5.3.1], @semcore/neighbor-location [4.3.0 ~> 4.3.1], @semcore/core [2.3.0 ~> 2.3.1]).

[5.4.0] - 2023-08-18 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/flex-box [5.2.1 ~> 5.3.0], @semcore/neighbor-location [4.2.1 ~> 4.3.0], @semcore/utils [4.2.0 ~> 4.3.0], @semcore/core [2.2.1 ~> 2.3.0]).

[5.3.2] - 2023-08-18 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/neighbor-location [4.2.0 ~> 4.2.1]).

[5.3.1] - 2023-08-14 ​

Changed ​

  • Version minor update due to children dependencies update (@semcore/core [2.2.0 ~> 2.2.1]).

[5.3.0] - 2023-08-07 ​

Changed ​

  • Version minor update due to children dependencies update (@semcore/flex-box [5.1.0 ~> 5.2.0], @semcore/neighbor-location [4.0.1 ~> 4.1.0], @semcore/utils [4.0.0 ~> 4.1.0]).

[5.2.0] - 2023-08-01 ​

Changed ​

  • Version minor update due to children dependencies update (@semcore/flex-box [5.0.0 ~> 5.1.0]).

[5.1.0] - 2023-07-27 ​

Changed ​

  • Use event.key instead of event.code for better support of non QWERTY keyboard layouts.

[5.0.2] - 2023-07-24 ​

Fixed ​

  • Pills props strictness.

[5.0.1] - 2023-07-18 ​

Fix ​

  • PillsProps wasn't including BoxProps.

[5.0.0] - 2023-07-17 ​

Break ​

  • Strict, backward incompatible typings.

[4.6.9] - 2023-06-30 ​

[4.6.8] - 2023-06-27 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/flex-box [4.7.31 ~> 4.7.32], @semcore/neighbor-location [3.1.37 ~> 3.1.38], @semcore/utils [3.53.4 ~> 3.54.0]).

[4.6.7] - 2023-06-14 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/flex-box [4.7.30 ~> 4.7.31], @semcore/neighbor-location [3.1.36 ~> 3.1.37], @semcore/utils [3.53.3 ~> 3.53.4]).

[4.6.6] - 2023-06-12 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/flex-box [4.7.29 ~> 4.7.30], @semcore/neighbor-location [3.1.35 ~> 3.1.36], @semcore/utils [3.53.2 ~> 3.53.3]).

[4.6.5] - 2023-06-09 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/flex-box [4.7.28 ~> 4.7.29], @semcore/neighbor-location [3.1.34 ~> 3.1.35], @semcore/utils [3.53.1 ~> 3.53.2]).

[4.6.4] - 2023-06-07 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/flex-box [4.7.27 ~> 4.7.28], @semcore/neighbor-location [3.1.33 ~> 3.1.34], @semcore/utils [3.53.0 ~> 3.53.1]).

[4.6.3] - 2023-05-31 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/flex-box [4.7.26 ~> 4.7.27], @semcore/neighbor-location [3.1.32 ~> 3.1.33], @semcore/utils [3.52.0 ~> 3.53.0]).

[4.6.2] - 2023-05-25 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/flex-box [4.7.25 ~> 4.7.26], @semcore/neighbor-location [3.1.31 ~> 3.1.32], @semcore/utils [3.51.1 ~> 3.52.0]).

[4.6.1] - 2023-05-24 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/flex-box [4.7.24 ~> 4.7.25], @semcore/neighbor-location [3.1.30 ~> 3.1.31], @semcore/utils [3.51.0 ~> 3.51.1]).

[4.6.0] - 2023-05-24 ​

Added ​

  • Added behavior prop for better accessability in forms. Props takes value tabs and radio, tabs is a default value and correspond to the old component behavior.

[4.5.0] - 2023-05-22 ​

Changed ​

  • Updated token for selected Pill.

[4.4.24] - 2023-05-11 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/flex-box [4.7.22 ~> 4.7.23], @semcore/neighbor-location [3.1.28 ~> 3.1.29], @semcore/utils [3.50.6 ~> 3.50.7]).

[4.4.23] - 2023-05-04 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/flex-box [4.7.21 ~> 4.7.22], @semcore/neighbor-location [3.1.27 ~> 3.1.28], @semcore/utils [3.50.5 ~> 3.50.6]).

[4.4.22] - 2023-05-04 ​

Added ​

  • Allowed pills focus navigation with left and right keyboard arrows.

[4.4.21] - 2023-05-03 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/flex-box [4.7.20 ~> 4.7.21], @semcore/neighbor-location [3.1.26 ~> 3.1.27], @semcore/utils [3.50.4 ~> 3.50.5]).

[4.4.20] - 2023-04-24 ​

[4.4.19] - 2023-04-17 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/flex-box [4.7.18 ~> 4.7.19], @semcore/neighbor-location [3.1.24 ~> 3.1.25], @semcore/utils [3.50.0 ~> 3.50.3]).

[4.4.8] - 2023-02-09 ​

Changed ​

  • Renamed rounding design token (--intergalactic-rounded-medium -> --intergalactic-control-rounded).

[4.4.7] - 2023-01-20 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/flex-box [4.7.6 ~> 4.7.7], @semcore/neighbor-location [3.1.12 ~> 3.1.13], @semcore/utils [3.45.0 ~> 3.46.0]).

[4.4.5] - 2023-01-10 ​

[4.4.4] - 2023-01-09 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/flex-box [4.7.3 ~> 4.7.4], @semcore/neighbor-location [3.1.9 ~> 3.1.10], @semcore/utils [3.44.1 ~> 3.44.2]).

[4.4.1] - 2022-12-13 ​

Changed ​

  • Added react-dom to peer dependencies.

[4.4.0] - 2022-12-12 ​

Added ​

  • Design tokens based theming.

[4.3.4] - 2022-11-25 ​

Added ​

  • Added css property isolation to container.

[4.3.3] - 2022-10-28 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/flex-box [4.6.2 ~> 4.6.3], @semcore/neighbor-location [3.1.2 ~> 3.1.3], @semcore/utils [3.40.0 ~> 3.40.0]).

[4.3.0] - 2022-10-10 ​

Changed ​

  • Added support for React 18 🔥

[4.2.2] - 2022-10-07 ​

Changed ​

  • Updated major dependency @semcore/neighbor-location [2.3.15 ~> 3.0.0]

[4.2.1] - 2022-10-04 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/flex-box [4.5.11 ~> 4.5.12], @semcore/neighbor-location [2.3.15 ~> 2.3.16], @semcore/utils [3.37.1 ~> 3.37.2]).

[4.2.0] - 2022-09-30 ​

Fixed ​

  • Added essential accessibility attributes.

[4.1.6] - 2022-08-30 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.37.0 ~> 3.37.1], @semcore/flex-box [4.5.10 ~> 4.5.11], @semcore/neighbor-location [2.3.14 ~> 2.3.15]).

[4.1.0] - 2022-06-01 ​

Changed ​

  • Changed type names from 'IPopperHandlers' to 'IPillsHandlers' so that there are no intersections with other components.

[4.0.4] - 2022-05-31 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.32.1 ~> 3.32.2], @semcore/flex-box [4.5.3 ~> 4.5.4], @semcore/neighbor-location [2.3.6 ~> 2.3.7], @semcore/icon [2.26.0 ~> 2.26.1], @semcore/badge [3.0.1 ~> 3.0.2]).

[4.0.0] - 2022-05-17 ​

BREAK ​

  • Updated styles according to the library redesign policy.
  • Remove value "xl"/"s"" for "size".

[3.5.5] - 2022-03-14 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.31.2 ~> 3.31.2], @semcore/flex-box [4.5.0 ~> 4.5.1], @semcore/neighbor-location [2.3.4 ~> 2.3.5]).

[3.5.4] - 2022-02-24 ​

Added ​

  • Added repository field to package.json file.

[3.5.3] - 2021-12-23 ​

Changed ​

  • Changed line-height from 1.2 to 1.1 for correct display in all browsers.

[3.5.2] - 2021-8-26 ​

Changed ​

  • Add 'sideEffect=false' for more optimal build via webpack

[3.5.1] - 2021-07-05 ​

Fixed ​

  • Add default type for generic value

[3.5.0] - 2021-06-08 ​

Changed ​

  • Rewrite code from TS to JS 🧑‍💻

[3.4.0] - 2021-04-26 ​

Changed ​

  • Version of dependence @semcore/core has been changed to 1.11.
  • Improved performance. Removed one component wrapper.
  • The style processing system has been changed.
  • Removed the ability to apply media styles via a plugin babel-plugin-react-semcore.

[3.3.1] - 2021-04-16 ​

Changed ​

  • Changed line-height value

[3.3.0] - 2020-12-17 ​

Added ​

  • Added supported react@17.

[3.2.3] - 2020-11-25 ​

Fixed ​

  • Fixed disabled pills styles

[3.2.2] - 2020-10-29 ​

Fixed ​

  • Added the placeholder for ID style tag to improve collision protection.

[3.2.1] - 2020-10-14 ​

Fixed ​

  • fixed wrong path for ES6 build

[3.2.0] - 2020-10-13 ​

Added ​

  • Added alternative api for inserting Addon.

[3.1.0] - 2020-09-30 ​

Added ​

  • Added generic for better value and onChange typings

Changed ​

  • Update @semcore/core version to ^1.8

[3.0.5] - 2020-09-08 ​

Fixed ​

  • Fixed possible styles collisions between components with different versions, but same styles

[3.0.4] - 2020-08-16 ​

Changed ​

  • Добавлен line-height для Addon для корректного выравнивания при использовании текста(например счетчика).

[3.0.3] - 2020-07-14 ​

Changed ​

  • Улучшена производительность. Теперь внутренние компоненты не перерендриваються из-за создания новых функций-хендлеров.

[3.0.2] - 2020-06-10 ​

Fixed ​

  • Исправлены TS типы

[3.0.1] - 2020-06-01 ​

BREAK ​

[2.2.1] - 2019-12-17 ​

Fixed ​

  • Исправлен транспайл цветовых переменных для стилей без префиксов (build.css)

[2.2.0] - 2019-12-12 ​

Added ​

  • Появилась возможность добавления различных стилистических тем через css переменные
  • Появилась возможность опционально подключать адаптивность
  • Появилась возможность изолировать стили даже в пределах одной страницы

Changed ​

  • Изменен алгоритм вставки стилей в head

Removed ​

  • Убраны относительные единицы измерения(rem), которые использовались для адаптивности

[2.1.0] - 2019-11-14 ​

Added ​

  • Добавлена адаптивность на маленьких экранах(<768px)

[2.0.8] - 2019-09-30 ​

Changed ​

  • Нужные зависимости перенесены в utils, размер должен стать меньше

[2.0.7] - 2019-08-12 ​

Changed ​

  • Обновлены utils
  • Улучшена функция оборачивания в Text

[2.0.6] - 2019-07-31 ​

Fixed ​

  • Исправлена сборка для рендера css на сервере

[2.0.5] - 2019-07-20 ​

Fixed ​

  • Исправлено описание типов для Pills.Item

[2.0.4] - 2019-07-08 ​

Fixed ​

  • Исправлены не работающие размеры

[2.0.3] - 2019-07-05 ​

Fixed ​

  • Исправлены отступы внутри компонента и цвет текста

[2.0.2] - 2019-06-03 ​

Changed ​

  • Обновлена версия @semcore/button
  • Обновлена версия @semcore/flex-box
  • Обновлена версия @semcore/select-of-group

[2.0.1] - 2019-02-12 ​

Fixed ​

  • Фон пилов исправлен с transparent на #fff
  • Проп className на Pill.Item больше не переопределяет класс компонента

[2.0.0] - 2019-01-18 ​

BREAK ​

  • Обновлена зависимость от Button(Добавлены Addon, Text)
  • Обновлена зависимость от select-of-group(убрано рутовое свойство getSelected)
  • Убрана возможность использовать children как функцию
  • Изменен экспорт компонентов

[1.0.0] - 2018-10-09 ​

Added ​

  • Initial release

Released under the MIT License.

Copyright © 2023-present Powered by Semrush. All rights reserved.

Released under the MIT License.

Copyright © 2023-present Powered by Semrush. All rights reserved.