Change Log

Select - Data Entry

Updated Figma component to align with the Insites component and created variants, view design system page for details.

Select

• Label - No Label, Label, Label + Tooltip
• State - Default, Hover, Active, Focus, Read Only, Disabled, Error
• Multiselect - False, True

Select Option Button

• State - Default, Disabled

Select Option Button Small

• State - Default, Disabled

Select Option - Data Entry

Updated Figma component to align with the Insites component and created variants, view design system page for details.

Select

• Scroll - False, True
• Dynamic Option - False, True

Select Option Button

• Scroll - False, True
• Dynamic Option - False, True

Select Option Button Small

• Scroll - False, True
• Dynamic Option - False, True

Improvements

• ins-button-group - Aligned the UI and styling to ins-button.

Bugfixes

• ins-input - Fixed min and max validation, field attribute must be number to enable this validation.
• ins-accordion - Title overflowing texts in the next line.
• ins-dropdown - Fixed no styling changes when lined attribute is enabled.
• ins-sidebar - Menu items overflowing texts in the next line.
• ins-table - Fixed pagination page number error when clicking << (first page) or >> (last page).

New Feature

• added constants editor to pos-cli gui serve at http://localhost:3333/Constants
• added logs to pos-cli gui serve at http://localhost:3333/Logs
• hyphens are now allowed in function parameter names, so you may call a function like below:
• `
• {% liquid
• assign foo = 'hello'
• function res = 'myfunc', context: context, some-param: foo
• %}
• `

Bug Fix

• YML downloaded from a mutation creation used wrong redirect_to variable name in the YML. Fixed so that the field will always be exported as redirect_to for consistency with the documentation and with other parts of pOS.

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