Emergn Design System Core

Emergn Design System is a set of tools, processes, guidelines and philosophies that combine to drive how a team designs a product.

Emergn Design System is depended on Emergn Design System Core Theme package.

Installation

To install Design System, you can use npm.

$ npm install @emergn/design-system-core

Using

Available components:

• Button
• ButtonGroup
• Card
• BaseCard
• Checkbox
• Checkboxes
• CheckboxTree
• Dropdown
• FormGroup
• Grid
• Icon
• Input
• InputNumber
• InputPassword
• Link
• LinkGroup
• LinkHighlight
• LinkHighlightGroup
• Modal
• Radio
• RadioButtons
• Tag
• TagGroup
• Textarea

To use these components, need to import style in your root js file by:

import '@emergn/design-system-core/dist/index.css';

and then import component in needed place, like this:

import { Button, ButtonGroup } from '@emergn/design-system-core';

Changelog

[1.0.2] - 2022-09-13

Bugfix

• Fixed initialSelectedItem in FilterableDropdown component (IDS-4)
• Fixed notification styling issues (DS-590)
• Fix UI issue with fullHeight Cards (IDS-15)
• Fixed textarea issues with height (DS-588)
• Fixed LinkHighlight focus in Safari (IDS-20)
• Fix accessibility issues in Form components (IDS-19)
• Fixed notification styling issues (DS-590)
• Small bugfix in Card component (DS-581)
• Fix for icons placement in IconNumber (DS-545)

New components

• Added FilterableDropdown component (IDS-4)
• Added Notification component (DS-263)
• Added FilterableMultiselect component (DS-557)

Improvement

• Added sections logic in all Select components (IDS-9)
• Added clearMargin prop for the FormGroup (IDS-24)
• Changed separator in the hidden inputs in Selects (DS-585)
• Changed color of the brand visited link (temp solution) (IDS-21)
• Added required indicator for single checkbox (IDS-25)
• Added ForwardRef to Links (DS-589)
• Added name prop for Select components (DS-585)
• Added isRequired prop for the FormGroup, added hidden input for uncontrollable Select components (DS-585)
• Added properties descriptions in the Multiselect and Grid components, renamed onReset property in Multiselect (DS-576)
• Added headerVariant prop for the modal, improved modal sizes (DS-548)
• Changed breakpoint mixin naming, update all places where mixin is used (DS-549)
• Updated CSS spacings in group components (DS-541)
• Added fullScroll prop to the Modal (DS-567)

Documentation

• Added documentation for UseWindowSize hook (DS-549)

Utils

• Added useWindowSize custom hook (DS-479)

[1.0.1] - 2022-05-19

Assets

• Assets package version @emergn/[email protected]

New components

• Added multiselect component (DS-83)

Improvement

• Updated buttons variants, added Neutral (DS-533)

Bug Fixes

• Fix for hideLabel prop on Checkboxes/Radios (DS-518)

Bug Fixes

• Fix for value prop in Input component (DS-534)