Appearance

Flex-box and spacing system

DesignAPIChangelog

[5.22.1] - 2024-04-16 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [4.23.0 ~> 4.23.1], @semcore/core [2.20.0 ~> 2.20.1]).

[5.22.0] - 2024-04-15 ​

Changed ​

  • Version minor update due to children dependencies update (@semcore/utils [4.22.2 ~> 4.23.0], @semcore/core [2.19.2 ~> 2.20.0]).

[5.21.2] - 2024-04-10 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [4.22.1 ~> 4.22.2], @semcore/core [2.19.1 ~> 2.19.2]).

[5.21.1] - 2024-04-09 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [4.22.0 ~> 4.22.1], @semcore/core [2.19.0 ~> 2.19.1]).

[5.21.0] - 2024-03-27 ​

Changed ​

  • Version minor update due to children dependencies update (@semcore/utils [4.21.1 ~> 4.22.0], @semcore/core [2.18.1 ~> 2.19.0]).

[5.20.1] - 2024-03-26 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [4.21.0 ~> 4.21.1], @semcore/core [2.18.0 ~> 2.18.1]).

[5.20.0] - 2024-03-15 ​

Changed ​

  • Version minor update due to children dependencies update (@semcore/utils [4.20.5 ~> 4.21.0], @semcore/core [2.17.5 ~> 2.18.0]).

[5.19.4] - 2024-03-06 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/utils [4.20.4 ~> 4.20.5], @semcore/core [2.17.4 ~> 2.17.5]).

[5.19.3] - 2024-03-01 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/utils [4.20.3 ~> 4.20.4], @semcore/core [2.17.3 ~> 2.17.4]).

[5.19.2] - 2024-02-21 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/utils [4.20.2 ~> 4.20.3], @semcore/core [2.17.2 ~> 2.17.3]).

[5.19.1] - 2024-02-09 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/utils [4.20.1 ~> 4.20.2], @semcore/core [2.17.1 ~> 2.17.2]).

[5.19.0] - 2024-02-05 ​

Added ​

  • InvalidStateBox component.

[5.18.0] - 2024-02-01 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/utils [4.19.1 ~> 4.20.0], @semcore/core [2.16.1 ~> 2.17.0]).

[5.17.1] - 2024-02-01 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/utils [4.19.0 ~> 4.19.1], @semcore/core [2.16.0 ~> 2.16.1]).

[5.17.0] - 2024-01-31 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/utils [4.18.0 ~> 4.19.0], @semcore/core [2.15.0 ~> 2.16.0]).

[5.16.0] - 2024-01-19 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/utils [4.17.0 ~> 4.18.0], @semcore/core [2.14.0 ~> 2.15.0]).

[5.15.0] - 2024-01-19 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/core [2.13.1 ~> 2.14.0]).

[5.14.1] - 2024-01-10 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/utils [4.16.0 ~> 4.16.2], @semcore/core [2.13.0 ~> 2.13.1]).

[5.14.0] - 2023-12-22 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/utils [4.15.1 ~> 4.16.0], @semcore/core [2.12.1 ~> 2.13.0]).

[5.13.1] - 2023-12-19 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/utils [4.15.0 ~> 4.15.1], @semcore/core [2.12.0 ~> 2.12.1]).

[5.13.0] - 2023-12-06 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/core [2.11.0 ~> 2.12.0]).

[5.12.0] - 2023-12-04 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/utils [4.13.0 ~> 4.14.0], @semcore/core [2.10.0 ~> 2.11.0]).

[5.11.0] - 2023-11-24 ​

Changed ​

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

[5.10.2] - 2023-11-21 ​

Changed ​

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

[5.10.1] - 2023-11-09 ​

Changed ​

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

[5.10.0] - 2023-11-06 ​

Changed ​

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

[5.9.0] - 2023-10-27 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/utils [4.8.4 ~> 4.9.0], @semcore/core [2.7.7 ~> 2.8.0]).

[5.8.2] - 2023-10-24 ​

Changed ​

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

[5.8.1] - 2023-10-16 ​

Changed ​

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

[5.8.0] - 2023-10-10 ​

Added ​

  • display css property as prop to Box component.

[5.7.5] - 2023-10-06 ​

Changed ​

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

[5.7.4] - 2023-10-03 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/utils [4.8.0 ~> 4.8.1], @semcore/core [2.7.3 ~> 2.7.4]).

[5.7.3] - 2023-10-02 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/utils [4.7.2 ~> 4.8.0], @semcore/core [2.7.2 ~> 2.7.3]).

[5.7.2] - 2023-09-20 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/core [2.7.1 ~> 2.7.2]).

[5.7.1] - 2023-09-20 ​

Changed ​

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

[5.7.0] - 2023-09-13 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/utils [4.6.3 ~> 4.7.0], @semcore/core [2.6.3 ~> 2.7.0]).

[5.6.3] - 2023-09-12 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/core [2.6.2 ~> 2.6.3]).

[5.6.2] - 2023-09-08 ​

Changed ​

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

[5.6.1] - 2023-09-05 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/core [2.6.0 ~> 2.6.1]).

[5.6.0] - 2023-09-04 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/core [2.5.0 ~> 2.6.0]).

[5.5.0] - 2023-08-28 ​

Changed ​

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

[5.4.1] - 2023-08-24 ​

Changed ​

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

[5.4.0] - 2023-08-23 ​

Changed ​

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

[5.3.1] - 2023-08-21 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/core [2.3.0 ~> 2.3.1]).

[5.3.0] - 2023-08-18 ​

Changed ​

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

[5.2.1] - 2023-08-14 ​

Changed ​

  • Deprecated IFlexProps.

[5.2.0] - 2023-08-07 ​

Changed ​

  • Version minor update due to children dependencies update (@semcore/utils [4.0.0 ~> 4.1.0]).

[5.1.0] - 2023-08-01 ​

Change ​

  • Supported tag={React.Fragment} for all components based on Flex or Box.

[5.0.0] - 2023-07-17 ​

Break ​

  • Strict, backward incompatible typings.

[4.7.33] - 2023-06-30 ​

[4.7.32] - 2023-06-27 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.53.4 ~> 3.54.0]).

[4.7.31] - 2023-06-14 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.53.3 ~> 3.53.4]).

[4.7.30] - 2023-06-12 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.53.2 ~> 3.53.3]).

[4.7.29] - 2023-06-09 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.53.1 ~> 3.53.2]).

[4.7.28] - 2023-06-07 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.53.0 ~> 3.53.1]).

[4.7.27] - 2023-05-31 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.52.0 ~> 3.53.0]).

[4.7.26] - 2023-05-25 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.51.1 ~> 3.52.0]).

[4.7.25] - 2023-05-24 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.51.0 ~> 3.51.1]).

[4.7.24] - 2023-05-22 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.50.7 ~> 3.51.0]).

[4.7.23] - 2023-05-11 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.50.6 ~> 3.50.7]).

[4.7.22] - 2023-05-04 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.50.5 ~> 3.50.6]).

[4.7.20] - 2023-04-24 ​

[4.7.19] - 2023-04-17 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.50.0 ~> 3.50.3]).

[4.7.8] - 2023-02-09 ​

[4.7.7] - 2023-01-20 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.45.0 ~> 3.46.0]).

[4.7.5] - 2023-01-10 ​

[4.7.4] - 2023-01-09 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.44.1 ~> 3.44.2]).

[4.7.1] - 2022-12-13 ​

Changed ​

  • Added react-dom to peer dependencies.

[4.7.0] - 2022-12-12 ​

Added ​

  • Design tokens based theming.

[4.6.5] - 2022-11-30 ​

Fixed ​

  • Fixed showing types in autocomplete IDE.

[4.6.4] - 2022-11-30 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.40.0 ~> 3.41.0]).

[4.6.0] - 2022-10-10 ​

Changed ​

  • Added support for React 18 🔥

[4.5.12] - 2022-10-04 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.37.1 ~> 3.37.2]).

[4.5.3] - 2022-05-19 ​

Fixed ​

  • Synced dependencies versions to remove duplicates in the single export package.

[4.5.1] - 2022-03-14 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.31.2 ~> 3.31.2]).

[4.5.0] - 2022-02-24 ​

Added ​

  • Added gap, rowGap and columnGap css properties support for Flex component.

[4.4.3] - 2021-10-20 ​

Fixed ​

  • [TS] Fixed type direction for Flex.

[4.4.2] - 2021-10-13 ​

Fixed ​

  • [TS] Fixed type position for Box.

[4.4.1] - 2021-8-26 ​

Changed ​

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

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

[4.3.2] - 2021-03-25 ​

Fixed ​

  • [TS] Fixed type boxSize, value content-box set browser by default.

[4.3.1] - 2021-02-19 ​

Fixed ​

  • [Box] Added change css styles after change value by props top, left, right, bottom.

[4.3.0] - 2020-12-17 ​

Added ​

  • Added supported react@17.

[4.2.0] - 2020-12-03 ​

Added ​

  • Added new property: zIndex.

[4.1.1] - 2020-12-03 ​

Changed ​

  • Moved flex property from Flex to Box.

[4.1.0] - 2020-11-05 ​

Added ​

  • Added new property: postion, top, left, right, bottom.

[4.0.4] - 2020-10-29 ​

Fixed ​

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

[4.0.3] - 2020-09-08 ​

Fixed ​

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

[4.0.2] - 2020-09-07 ​

Fixed ​

  • Flag sideEffects now contain list of files with side effects

[4.0.1] - 2020-09-03 ​

Fixed ​

  • Added flag sideEffects: false to package.json

[4.0.0] - 2020-05-28 ​

BREAK ​

[3.5.3] - 2020-01-23 ​

Fixed ​

  • Откатили вставку свойств inline (inline-flex), direction & reverse (flex-direction), wrap (flex-wrap) через CSS-класс, т.к. это ломало обратную совметсимость.

[3.5.2] - 2020-01-16 ​

Changed ​

  • Свойство inline (inline-flex), direction & reverse (flex-direction), wrap (flex-wrap) выставляется через CSS-класс, это улучшает производиительность

[3.5.1] - 2020-01-15 ​

Fixed ​

  • Возвращены единицы измерения отступов в px(были в rem)

[3.5.0] - 2019-12-26 ​

Added ​

  • Появилась свойство собирательное свойство flex

[3.4.0] - 2019-12-12 ​

Added ​

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

Changed ​

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

Removed ​

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

[3.3.0] - 2019-11-14 ​

Added ​

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

[3.2.0] - 2019-10-10 ​

Added ​

  • Добавлен ref на дом ноду

Changed ​

  • Переписано на функциональный компонент

[3.1.1] - 2019-09-30 ​

Changed ​

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

[3.1.0] - 2019-02-11 ​

Added ​

  • Добавлены свойства wMin, wMax, hMin и hMax

[3.0.0] - 2019-01-18 ​

BREAK ​

  • У Flex переименовано свойство flex -> flexWrap
  • У Flex свойства alignItems, alignContent, justifyContent теперь принимают значения соответствующие значениям в css

Added ​

  • Добавлен export default {Flex, Box}

Fixed ​

  • Исправлены не корректное поведение при отрицательных значениях рассчете размера и отступов а Box

[2.0.1] - 2018-12-11 ​

Removed ​

  • Убран display: block по умолчанию

[2.0.0] - 2018-12-10 ​

BREAK ​

  • Убраны свойства alignSelf, flexBasis , flexGrow, flexShrink, flex, order
  • Переименованны свойства height -> h, width -> w

Added ​

  • Добавленно свойство inline для Box

[1.1.0] - 2018-11-23 ​

Added ​

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

[1.0.1] - 2018-11-07 ​

Fixed ​

  • исправлена работа свойств width/height

[1.0.0] - 2018-10-02 ​

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.