Appearance

Flex-box and spacing system

DesignAPIChangelog

5.41.0 (February 21, 2025) ​

Added ​

  • Build for ESM.

5.40.1 (February 5, 2025) ​

Changed ​

  • Fixed ESM build.

5.40.0 (February 3, 2025) ​

2 releases with dependency updates only

5.40.0 (February 3, 2025) ​

  • Version minor update due to children dependencies update (@semcore/utils [4.44.1 ~> 4.45.0], @semcore/core [2.37.1 ~> 2.38.0]).

5.39.1 (December 30, 2024) ​

  • Version patch update due to children dependencies update (@semcore/utils [4.44.0 ~> 4.44.1], @semcore/core [2.37.0 ~> 2.37.1]).

5.39.0 (November 28, 2024) ​

Added ​

  • ScreenReaderOnly component from Root component from core package.

5.38.2 (November 22, 2024) ​

35 releases with dependency updates only

5.38.2 (November 22, 2024) ​

  • Version patch update due to children dependencies update (@semcore/utils [4.43.2 ~> 4.43.3], @semcore/core [2.36.1 ~> 2.36.2]).

5.38.1 (November 8, 2024) ​

  • Version patch update due to children dependencies update (@semcore/utils [4.43.0 ~> 4.43.2], @semcore/core [2.36.0 ~> 2.36.1]).

5.38.0 (November 1, 2024) ​

  • Version minor update due to children dependencies update (@semcore/utils [4.42.0 ~> 4.43.0], @semcore/core [2.35.0 ~> 2.36.0]).

5.37.0 (October 28, 2024) ​

  • Version minor update due to children dependencies update (@semcore/utils [4.41.0 ~> 4.42.0], @semcore/core [2.34.0 ~> 2.35.0]).

5.36.0 (October 18, 2024) ​

  • Version minor update due to children dependencies update (@semcore/utils [4.39.0 ~> 4.41.0], @semcore/core [2.33.0 ~> 2.34.0]).

5.35.0 (October 11, 2024) ​

  • Version minor update due to children dependencies update (@semcore/utils [4.38.0 ~> 4.39.0], @semcore/core [2.32.0 ~> 2.33.0]).

5.34.0 (October 4, 2024) ​

  • Version minor update due to children dependencies update (@semcore/utils [4.36.2 ~> 4.38.0], @semcore/core [2.31.1 ~> 2.32.0]).

5.33.1 (September 27, 2024) ​

  • Version patch update due to children dependencies update (@semcore/utils [4.36.0 ~> 4.36.2], @semcore/core [2.31.0 ~> 2.31.1]).

5.33.0 (September 20, 2024) ​

  • Version minor update due to children dependencies update (@semcore/utils [4.35.0 ~> 4.36.0], @semcore/core [2.30.0 ~> 2.31.0]).

5.32.0 (September 6, 2024) ​

  • Version minor update due to children dependencies update (@semcore/utils [4.32.2 ~> 4.35.0], @semcore/core [2.29.2 ~> 2.30.0]).

5.31.2 (August 5, 2024) ​

  • Version patch update due to children dependencies update (@semcore/utils [4.32.1 ~> 4.32.2], @semcore/core [2.29.1 ~> 2.29.2]).

5.31.1 (July 30, 2024) ​

  • Version patch update due to children dependencies update (@semcore/utils [4.32.0 ~> 4.32.1], @semcore/core [2.29.0 ~> 2.29.1]).

5.31.0 (July 26, 2024) ​

  • Version minor update due to children dependencies update (@semcore/utils [4.31.0 ~> 4.32.0], @semcore/core [2.28.0 ~> 2.29.0]).

5.30.0 (July 13, 2024) ​

  • Version minor update due to children dependencies update (@semcore/utils [4.30.0 ~> 4.31.0], @semcore/core [2.27.0 ~> 2.28.0]).

5.29.0 (June 26, 2024) ​

  • Version minor update due to children dependencies update (@semcore/utils [4.29.0 ~> 4.30.0], @semcore/core [2.26.0 ~> 2.27.0]).

5.28.0 (June 13, 2024) ​

  • Version minor update due to children dependencies update (@semcore/utils [4.28.2 ~> 4.29.0], @semcore/core [2.25.2 ~> 2.26.0]).

5.27.2 (June 12, 2024) ​

  • Version patch update due to children dependencies update (@semcore/utils [4.28.1 ~> 4.28.2], @semcore/core [2.25.1 ~> 2.25.2]).

5.27.1 (May 28, 2024) ​

  • Version patch update due to children dependencies update (@semcore/utils [4.28.0 ~> 4.28.1], @semcore/core [2.25.0 ~> 2.25.1]).

5.27.0 (May 23, 2024) ​

  • Version minor update due to children dependencies update (@semcore/utils [4.27.0 ~> 4.28.0], @semcore/core [2.24.0 ~> 2.25.0]).

5.26.0 (May 22, 2024) ​

  • Version minor update due to children dependencies update (@semcore/utils [4.26.2 ~> 4.27.0], @semcore/core [2.23.1 ~> 2.24.0]).

5.25.1 (May 17, 2024) ​

  • Version patch update due to children dependencies update (@semcore/utils [4.26.1 ~> 4.26.2], @semcore/core [2.23.0 ~> 2.23.1]).

5.25.0 (May 17, 2024) ​

  • Version minor update due to children dependencies update (@semcore/utils [4.25.0 ~> 4.26.1], @semcore/core [2.22.0 ~> 2.23.0]).

5.24.0 (May 16, 2024) ​

  • Version minor update due to children dependencies update (@semcore/utils [4.23.2 ~> 4.24.0], @semcore/core [2.20.2 ~> 2.21.0]).

5.22.2 (April 22, 2024) ​

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

5.22.1 (April 16, 2024) ​

  • 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 (April 15, 2024) ​

  • 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 (April 10, 2024) ​

  • 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 (April 9, 2024) ​

  • 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 (March 27, 2024) ​

  • 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 (March 26, 2024) ​

  • 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 (March 15, 2024) ​

  • 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 (March 6, 2024) ​

  • 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 (March 1, 2024) ​

  • 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 (February 21, 2024) ​

  • 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 (February 9, 2024) ​

  • 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 (February 5, 2024) ​

Added ​

  • InvalidStateBox component.

5.18.0 (February 1, 2024) ​

17 releases with dependency updates only

5.18.0 (February 1, 2024) ​

  • 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 (February 1, 2024) ​

  • 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 (January 31, 2024) ​

  • 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 (January 19, 2024) ​

  • 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 (January 19, 2024) ​

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

5.14.1 (January 10, 2024) ​

  • 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 (December 22, 2023) ​

  • 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 (December 19, 2023) ​

  • 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 (December 6, 2023) ​

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

5.12.0 (December 4, 2023) ​

  • 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 (November 24, 2023) ​

  • 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 (November 21, 2023) ​

  • 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 (November 9, 2023) ​

  • 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 (November 6, 2023) ​

  • 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 (October 27, 2023) ​

  • 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 (October 24, 2023) ​

  • 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 (October 16, 2023) ​

  • 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 (October 10, 2023) ​

Added ​

  • display CSS property as prop to Box component.

5.7.5 (October 6, 2023) ​

15 releases with dependency updates only

5.7.5 (October 6, 2023) ​

  • 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 (October 3, 2023) ​

  • 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 (October 2, 2023) ​

  • 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 (September 20, 2023) ​

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

5.7.1 (September 20, 2023) ​

  • 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 (September 13, 2023) ​

  • 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 (September 12, 2023) ​

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

5.6.2 (September 8, 2023) ​

  • 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 (September 5, 2023) ​

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

5.6.0 (September 4, 2023) ​

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

5.5.0 (August 28, 2023) ​

  • 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 (August 24, 2023) ​

  • 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 (August 23, 2023) ​

  • 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 (August 21, 2023) ​

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

5.3.0 (August 18, 2023) ​

  • 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 (August 14, 2023) ​

Changed ​

  • Deprecated IFlexProps.

5.2.0 (August 7, 2023) ​

1 release with dependency updates only

5.2.0 (August 7, 2023) ​

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

5.1.0 (August 1, 2023) ​

Change ​

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

5.0.0 🅱️ (July 17, 2023) ​

Break ​

  • Strict, backward incompatible typings.

4.7.33 (June 30, 2023) ​

18 releases with dependency updates only

4.7.33 (June 30, 2023) ​

4.7.32 (June 27, 2023) ​

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

4.7.31 (June 14, 2023) ​

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

4.7.30 (June 12, 2023) ​

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

4.7.29 (June 9, 2023) ​

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

4.7.28 (June 7, 2023) ​

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

4.7.27 (May 31, 2023) ​

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

4.7.26 (May 25, 2023) ​

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

4.7.25 (May 24, 2023) ​

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

4.7.24 (May 22, 2023) ​

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

4.7.23 (May 11, 2023) ​

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

4.7.22 (May 4, 2023) ​

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

4.7.20 (April 24, 2023) ​

4.7.19 (April 17, 2023) ​

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

4.7.8 (February 9, 2023) ​

4.7.7 (January 20, 2023) ​

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

4.7.5 (January 10, 2023) ​

4.7.4 (January 9, 2023) ​

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

4.7.1 (December 13, 2022) ​

Changed ​

  • Added react-dom to peer dependencies.

4.7.0 (December 12, 2022) ​

Added ​

  • Design tokens based theming.

4.6.5 (November 30, 2022) ​

Fixed ​

  • Fixed showing types in autocomplete IDE.

4.6.4 (November 30, 2022) ​

1 release with dependency updates only

4.6.4 (November 30, 2022) ​

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

4.6.0 (October 10, 2022) ​

Changed ​

  • Added support for React 18 🔥

4.5.12 (October 4, 2022) ​

1 release with dependency updates only

4.5.12 (October 4, 2022) ​

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

4.5.3 (May 19, 2022) ​

Fixed ​

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

4.5.1 (March 14, 2022) ​

1 release with dependency updates only

4.5.1 (March 14, 2022) ​

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

4.5.0 (February 24, 2022) ​

Added ​

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

4.4.3 (October 20, 2021) ​

Fixed ​

  • [TS] Fixed type direction for Flex.

4.4.2 (October 13, 2021) ​

Fixed ​

  • [TS] Fixed type position for Box.

4.4.1 (August 26, 2021) ​

Changed ​

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

4.4.0 (April 26, 2021) ​

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 (March 25, 2021) ​

Fixed ​

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

4.3.1 (February 19, 2021) ​

Fixed ​

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

4.3.0 (December 17, 2020) ​

Added ​

  • Added supported react@17.

4.2.0 (December 3, 2020) ​

Added ​

  • Added new property: zIndex.

4.1.1 (December 3, 2020) ​

Changed ​

  • Moved flex property from Flex to Box.

4.1.0 (November 5, 2020) ​

Added ​

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

4.0.4 (October 29, 2020) ​

Fixed ​

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

4.0.3 (September 8, 2020) ​

Fixed ​

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

4.0.2 (September 7, 2020) ​

Fixed ​

  • Flag sideEffects now contain list of files with side effects

4.0.1 (September 3, 2020) ​

Fixed ​

  • Added flag sideEffects: false to package.json

4.0.0 🅱️ (May 28, 2020) ​

BREAK ​

3.5.3 (January 23, 2020) ​

Fixed ​

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

3.5.2 (January 16, 2020) ​

Changed ​

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

3.5.1 (January 15, 2020) ​

Fixed ​

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

3.5.0 (December 26, 2019) ​

Added ​

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

3.4.0 (December 12, 2019) ​

Added ​

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

Changed ​

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

Removed ​

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

3.3.0 (November 14, 2019) ​

Added ​

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

3.2.0 (October 10, 2019) ​

Added ​

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

Changed ​

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

3.1.1 (September 30, 2019) ​

Changed ​

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

3.1.0 (February 11, 2019) ​

Added ​

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

3.0.0 🅱️ (January 18, 2019) ​

BREAK ​

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

Added ​

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

Fixed ​

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

2.0.1 (December 11, 2018) ​

Removed ​

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

2.0.0 🅱️ (December 10, 2018) ​

BREAK ​

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

Added ​

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

1.1.0 (November 23, 2018) ​

Added ​

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

1.0.1 (November 7, 2018) ​

Fixed ​

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

1.0.0 (October 2, 2018) ​

Added ​

  • Initial release
Edit this page on GitHub

Last updated:

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.