@epam/assets - npm Package Versions

This release introduced stable Theming approach and theme css variables:

• Theme css variable now assumed as a stable API, you can use them into your application styles.
• A lot of components styles tweaks according to the design changes.
• You can read more about Themes here - https://uui.epam.com/documents?id=themes

New EPAM brand 'Electric' Theme and @epam/electric package. To start using Electric theme you need:

• Add @epam/electric package to your project
• Add import '@epam/electric/styles.css' to the root of your application
• Add import '@epam/assets/css/theme/theme_electric.css' to the root of your application
• Add uui-theme-electric class to the html body node
• Import all necessary components from @epam/electric package.

Added Dark theme for Loveship. To start using Dark Loveship theme you need to:

• Add import '@epam/assets/css/theme/theme_loveship_dark.css'; to the root of your application
• Add uui-theme-loveship_dark class to the html body node.

[Fonts]: Added Source Sans Pro font, which properly works with css font-weight and font-style rules. You can replace usages Sans Semibold font with Source Sans Pro and font-weight: 600, Sans Italic with Source Sans Pro and font-style: italic etc. We also keep old font-faces and variables for backward compatibility. It's recommended to move to the new approach, since old one will be deprecated in feature.

[skinContext]: removed skinContext from UuiContexts, it's not needed to provide it to the uui services, just remove its usage.

[Typography]: removed typography mixins. Now typography applies via css classes. If you use mixins, replace it by adding .uui-typography class on the same node.

[StatusIndicator]: added new StatusIndicator component.

[CountIndicator]: added new CountIndicator component.

[Badge] :

• [Breaking change]: removed fill "white" and "none" modes, use fill="outline" + color instead them.
• [Breaking change]:removed fill "transparent", use StatusIndicator component instead.
• [Badge]: deprecated fill "semitransparent", it will be removed in future releases. Use fill="outline' instead.

[LabeledInput]:

• added sidenote and footnote props
• added maxLength and charCounter props. You can use them for cases when you need to show a counter which indicates the limit of symbols in input.
• added possibility to provide validationMessage as react node

[TextArea][Breaking Change]: removed maxLength prop, use LabeledInput with maxLength and charCounter={ true } props instead.

[CheckBox, PickerList, RichTextView, Switch, TabButton, VerticalTabButton, ScrollBars]: removed theme prop. Use Theming approach instead.

[PresetsPanel]: added the ability to add a modal confirmation window when deleting a preset

• Breaking change: scrollToIndex prop was removed, use scrollTo instead.
• Improved scrollTo functionality. Added configuration of scroll behavior and how to align item after scroll.
• See the example here

• added backgroundReload property. If it is set to true, placeholders appear only on the first load and on fetching additional rows. Any filter/search/sorting change doesn't trigger placeholders' rendering. Old data is shown until new data is received. When reloading is started,
• getListProps now returns isReloading flag, which signals that data is reloading.

• [Breaking change]: reworked component in loveship skin to be aligned with @epam/uui implementation and with design specs