Appearance

Radio

DesignA11yAPIExampleChangelog

[6.14.0] - 2023-11-24 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/utils [4.10.3 ~> 4.13.0], @semcore/flex-box [5.10.2 ~> 5.11.0], @semcore/core [2.9.2 ~> 2.10.0]).

[6.13.2] - 2023-11-21 ​

Changed ​

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

[6.13.1] - 2023-11-09 ​

Changed ​

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

[6.13.0] - 2023-11-06 ​

Changed ​

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

[6.12.0] - 2023-10-26 ​

Added ​

  • Design tokens resolving for theme prop.

[6.11.2] - 2023-10-24 ​

Changed ​

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

[6.11.1] - 2023-10-16 ​

Changed ​

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

[6.11.0] - 2023-10-10 ​

Changed ​

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

[6.10.2] - 2023-10-06 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/utils [4.8.1 ~> 4.8.2], @semcore/flex-box [5.7.4 ~> 5.7.5], @semcore/core [2.7.4 ~> 2.7.5]).

[6.10.1] - 2023-10-03 ​

Fixed ​

  • Radio in invalid state was missing red outline.

[6.10.0] - 2023-09-29 ​

Added ​

  • simplified use: <Radio />.
  • advanced use with new sub-components <Radio.Value.Control /> and <Radio.Value.RadioMark />
  • added warning about using disabled prop on Radio.Value with recommendation to use disabled prop on root Radio because it may cause SSR related issues.
  • input tag now gets aria-invalid if state prop is invalid.

[6.9.2] - 2023-09-20 ​

Changed ​

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

[6.9.1] - 2023-09-20 ​

Changed ​

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

[6.9.0] - 2023-09-15 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/typography [5.9.0 ~> 5.10.0]).

[6.8.0] - 2023-09-13 ​

Changed ​

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

[6.7.2] - 2023-09-12 ​

Changed ​

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

[6.7.1] - 2023-09-08 ​

Changed ​

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

[6.7.0] - 2023-09-05 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/typography [5.7.1 ~> 5.8.0]).

[6.6.1] - 2023-09-05 ​

Changed ​

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

[6.6.0] - 2023-09-04 ​

Changed ​

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

[6.5.0] - 2023-08-28 ​

Changed ​

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

[6.4.1] - 2023-08-24 ​

Changed ​

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

[6.4.0] - 2023-08-23 ​

Changed ​

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

[6.3.1] - 2023-08-21 ​

Changed ​

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

[6.3.0] - 2023-08-18 ​

Changed ​

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

[6.2.2] - 2023-08-17 ​

Fixed ​

  • Removed wrong tag component declaration in RadioGroupProps type.
  • Fixed vertical direction of radio group (due to typo it was horizontal by default).

[6.2.1] - 2023-08-14 ​

Changed ​

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

[6.2.0] - 2023-08-07 ​

Changed ​

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

[6.1.0] - 2023-08-01 ​

Changed ​

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

[6.0.0] - 2023-07-17 ​

BREAK ​

  • RadioGroup now wraps it's content into Flex container (previously it was wrapping content into React.Fragment by default).
  • Strict, backward incompatible typings.

[5.6.11] - 2023-06-30 ​

[5.6.10] - 2023-06-27 ​

Changed ​

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

[5.6.9] - 2023-06-14 ​

Changed ​

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

[5.6.8] - 2023-06-12 ​

Changed ​

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

[5.6.7] - 2023-06-09 ​

Changed ​

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

[5.6.6] - 2023-06-07 ​

Changed ​

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

[5.6.5] - 2023-06-06 ​

Fixed ​

  • Setting tag prop on RadioGroup was breaking component onChange handling.

[5.6.4] - 2023-06-06 ​

Fixed ​

  • Fixed disabled prop inheritance from RadioGroup to Radio.Value.

[5.6.3] - 2023-05-31 ​

Changed ​

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

[5.6.2] - 2023-05-25 ​

Changed ​

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

[5.6.1] - 2023-05-24 ​

Changed ​

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

[5.6.0] - 2023-05-22 ​

Changed ​

  • Fixed token for background-color of the checked Checkbox.

[5.5.2] - 2023-05-11 ​

Changed ​

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

[5.5.1] - 2023-05-04 ​

Changed ​

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

[5.5.0] - 2023-05-04 ​

Added ​

  • Added the ability to set tag for RadioGroup.

[5.4.14] - 2023-05-03 ​

Changed ​

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

[5.4.10] - 2023-03-28 ​

Added ​

  • Added default color (--intergalactic-text-primary) to the component.

[5.4.9] - 2023-03-28 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.49.1 ~> 3.50.0], @semcore/flex-box [4.7.17 ~> 4.7.18]).

[5.4.0] - 2023-02-20 ​

Changed ​

  • Animation duration now might be controlled with design tokens.

[5.3.8] - 2023-02-09 ​

Changed ​

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

[5.3.5] - 2023-01-10 ​

[5.3.4] - 2023-01-09 ​

Changed ​

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

[5.3.1] - 2022-12-13 ​

Changed ​

  • Added react-dom to peer dependencies.

[5.3.0] - 2022-12-12 ​

Added ​

  • Design tokens based theming.

[5.2.0] - 2022-11-30 ​

Changed ​

  • Updated border-color in focus state from --blue-400 to --blue-500, --red-400 to --red-500.

[5.1.4] - 2022-11-30 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.40.0 ~> 3.41.0], @semcore/flex-box [4.6.3 ~> 4.6.4]).

[5.1.0] - 2022-10-10 ​

Changed ​

  • Added support for React 18 🔥

[5.0.12] - 2022-10-04 ​

Changed ​

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

[5.0.11] - 2022-09-22 ​

Fixed ​

  • Fixed arrangement of internal and external circles in checked state.

[5.0.10] - 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]).

[5.0.9] - 2022-08-23 ​

Added ​

  • Added missing type defaultValue in index.d.ts.

[5.0.8] - 2022-08-18 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.36.0 ~> 3.37.0], @semcore/flex-box [4.5.9 ~> 4.5.10]).

[5.0.4] - 2022-06-27 ​

Fixed ​

  • Change inherited TS type for Radio (IFlexProps -> IBoxProps)

[5.0.3] - 2022-06-02 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.32.2 ~> 3.33.0], @semcore/flex-box [4.5.4 ~> 4.5.5]).

[5.0.1] - 2022-05-19 ​

Fixed ​

  • Updated Intergalactic internal dependencies to the latest.

[5.0.0] - 2022-05-17 ​

BREAK ​

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

[4.2.6] - 2022-03-21 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/typography [3.4.1 ~> 3.4.2]).

[4.2.3] - 2022-02-24 ​

Added ​

  • Added repository field to package.json file.

[4.2.2] - 2021-8-26 ​

Changed ​

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

[4.2.1] - 2021-08-02 ​

Fixed ​

  • [ts] correct types.

[4.2.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.

[4.1.0] - 2020-12-17 ​

Added ​

  • Added supported react@17.

[4.0.7] - 2020-10-29 ​

Fixed ​

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

[4.0.6] - 2020-10-14 ​

Fixed ​

  • fixed wrong path for ES6 build

[4.0.5] - 2020-10-09 ​

Fixed ​

  • Fixed getting the last argument(event) in the handler(onChange)

[4.0.4] - 2020-09-08 ​

Fixed ​

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

[4.0.3] - 2020-07-14 ​

Changed ​

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

[4.0.2] - 2020-06-10 ​

Fixed ​

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

[4.0.1] - 2020-06-01 ​

BREAK ​

[3.2.3] - 2020-05-21 ​

Fixed ​

  • Исправлено некорректное отображение состояния checked для Radio, обернутых в RadioGroup

[3.2.2] - 2019-12-26 ​

Fixed ​

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

[3.2.1] - 2019-12-17 ​

Fixed ​

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

[3.2.0] - 2019-12-12 ​

Added ​

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

Changed ​

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

Removed ​

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

[3.1.0] - 2019-11-14 ​

Added ​

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

[3.0.4] - 2019-09-30 ​

Changed ​

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

[3.0.3] - 2019-07-31 ​

Fixed ​

  • Исправлены ошибки типизации Radio.Value

[3.0.2] - 2019-08-09 ​

Fixed ​

  • Исправлено отображение cursor:pointer при наведении ка компонент

[3.0.1] - 2019-04-15 ​

Fixed ​

  • навешивание свойства checked для Radio внутри RadioGroup

[3.0.0] - 2019-04-12 ​

BREAK ​

  • Добавили свойства Radio.Value, Radio.Text
  • Изменили компонент RadioGroup
  • Изменили размеры на ['m', 'l', 'xl']
  • Убрали свойство invalid
  • Добавили свойство state со значениями ['invalid', 'valid', false]

[2.0.1] - 2019-02-20 ​

Fixed ​

  • Двойной вызов onClick на label

[2.0.0] - 2018-12-19 ​

Added ​

  • Добавлен autocomplete для IDE

Changed ​

  • переименовано св-во inValid -> invalid

Removed ​

  • убрано св-во gutterBottom

[1.0.3] - 2018-11-14 ​

Changed ​

  • отступ сверху от radio иконки

[1.0.2] - 2018-09-04 ​

Added ​

  • style for focus controller input

[1.0.1] - 2018-09-12 ​

Changed ​

  • Обновили размер бордера в checked состоянии

[1.0.0] - 2018-08-25 ​

Added ​

  • Добавленна поддержка рендера произвольных радио кнопок

[1.0.0-1] - 2018-08-22 ​

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.