Change Log

Improvements

• Added new event for ins-input-file - insFileUploaded for auto-upload finished process

Updates

Credit Card

Updated Credit Card to align with the Insites component and created variants, view design system page for details.
Options
Brand - Amex, Diners Club, Discover, JCB, Master, Union Pay, Visa
State - Default, Selected, Expired
Hover - True, False

Image Picker

Updated Image Picker to align with the Insites component and created variants, view design system page for details.
Image Picker
Shape - Circle, Rectangle
State - Default, Active
Modal
State - Default, Error

###New Features

• Added search-placeholder attribute to ins-select
• Added placeholder attribute to ins-input-multiple
• Added a download feature in ins-input-file
• Added color picker support for ins-input
   
   

Improvements

• Improved ins-sidebar animation on mobile
• Improved ins-table pagination
• Improved ins-editor list item bullets
   
   

Bug Fixes

• Fixed ins-carousel no-pagination feature
• Fixed component styles

Updates

Checkbox

Updated Checkbox to align with the Insites component and created variants, view design system page for details.
Options
Active - True, False
Label - True, False
Tooltip - True, False
Hover - True, False

Check Card

Updated Check Card to align with the Insites component, view design system page for details.

Code Editor

Updated Code Editor to align with the Insites component and update available variants, view design system page for details.
Options
Label - No Label, Label Only, Tooltip Only, Label + Tooltip
Colour - Default, Monokai, Neat, The Matrix, Material
Status - Default, Focus, Error

Updates

Drawer

Updated Drawer to align with the Insites component and created variants for Notification Item, view design system page for details.
Options
Status - Default, Green, Red, Blue

Modal

Updated Modal to align with the Insites component and created variants for Modal Buttons, view design system page for details.
Options
Button Alignment - Left, Center, Right
Confirmation - True, False

Backdrop

Updated Backdrop to align with the Insites component and created variants for Backdrop, view design system page for details.
Options
Light - True, False

Date and Time

Updated Date and Time to align with the Insites component and created variants for the picker, view design system page for details.
Options
Picker - Default, Date Picker, Time Picker, Time Picker 24hrs

Updates

Tabs

Created variants for dropdown component, view design system page for details.
Options
Label - Icon Only, Text Only, Icon Left
State - Active, Disabled, Error, Default
Hover - True, False

Accordion

Created variants for dropdown component, view design system page for details.

Accordion Parent
Active - True, False
Icon - True, False
Hover - True, False

Accordion Child / Nested Accordions
Active - True, False
Icon - True, False
Hover - True, False

Menu Link
State - Default, Active, Disabled
Icon - True, False
Hover - True, False

Menu Category
Active - True, False
Icon - True, False
Hover - True, False

Updates

Sidebar

Updated figma component to use variants, view design system page for details.
Main Menu
Active - True, False
Parent - True, False
Hover - True, False
Sub Menu
Active - True, False
Hover - True, False
Footer Menu
Hover - True, False
Footer Button
Hover - True, False

Steps

Created variants for dropdown component, view design system page for details.
Options
Inline - True, False
Indicator - Default, Number, Icon
State - Default, Current, Complete
Hover - True, False
Error - True, False

Updates

Dropdown

Created variants for dropdown component, view design system page for details.

Main
State - Default, Hover
Lined - True, False

Child
State - Default, Hover
Submenu - True, False

Header

Updated figma component to use variants, view design system page for details.
Added component for overlays

Heading

Created variants for dropdown component, view design system page for details.
Options
Editable - True, False
State - Default, Edit

Gallery

Created variants for dropdown component, view design system page for details.
Options
Main Image - Zoom, Slideable
Indicator - True, False

Updates

Updated Carousel Component on figma.
Instructions on how to use the component on figma is included on the file.
Moved category from data display to general.

###New Features
 
Added two Button Groups component in figma.
New Components:

• Button Group Small
• Button Group Normal

Component Options:

• Color
• State

Updated Loaders component to use variants
Component Option:

• State