Changelog

Modes UI follows Semantic Versioning and the format is based on Keep a Changelog. Breaking changes in components with the Stable must be explicitly documented and for larger changes a migration guide must provided. As such, all contributions must consider the project’s roadmap and take this into consideration. Features that are deemed no longer necessary will be deprecated but not removed.

Components with the Experimental badge should not be used in production. They are made available as release candidates for development and testing purposes. As such, changes to experimental components will not be subject to semantic versioning.

Components marked as Deprecated will not receive further updates and their usage is discouraged. They will not be removed to preserve existing implementations, but new implementations should not be taking them in to use.

Unreleased

v4.3.4 (November 4, 2024)

• date-fns dependency updated from 2.29.2 to 4.1.0

v4.3.3 (October 21, 2024)

• mo-scatter-plot legends are no longer automatically hidden when there is only one dataset
• mo-scatter-plot legends can now be hidden using the hide-legends attribute
• fix mo-pagination regression inside mo-table due to attribute name change
• added new icons:
  • duplicate, internal-link, push-pin-fill, push-unpin
• modified existing icons:
  • copy, maximize, minimize, push-pin

v4.3.2 (October 17, 2024)

• fix mo-button sizing regression when trying to create full width buttons
• mo-datagrid now properly updates when the options attribute changes
• fixed some chatbot UI bugs

v4.3.1 (October 9, 2024)

• introduced new chatbot “Rocky” to the Modes UI documentation
  • added new mo-chat-bubble component that is used internally

v4.3.0 (October 4, 2024)

• mo-drop-handler now also emits the original DragEvent as an mo-drop event detail
• migrated to v32 of ag-grid-community
  • 🚨 columnApi and options.api have been deprecated, calls should now be made to the Grid api instead (grid property in mo-grid)
  • drastically refactored styling by using the new ag grid theme builder
  • internal function calls now call grid.{function} instead of options.api.{function}
  • resolved dependency vulnerabilities that affected versions <31.4.1
  • mo-data-grid no longer uses the modes-icons icon font internally
• 🚨 the icon font modes-icons is no longer included in the light.css and dark.css files to decrease the bundle size, as the mo-datagrid no longer needs it
• mo-pagination now allows users to hide the numbers with the hide-numbers attributes
• all mo-pagination attributes are now properly kebab-cased instead of camelCased (React property names are unchanged)
• changing the time within a date picker calendar will now properly update the value of the calendar and date picker
• users can now define custom plugins for all chart.js charts, added example to line chart
• devDependency (and sub-dependency) bumps to address dependency vulnerabilities:
  • svgtofont to 5.0.1
  • sinon to 18.0.1
  • browser-sync to 3.0.3
  • ejs from 3.1.9 to 3.1.10
  • socket.io from 4.6.1 to 4.8.0
  • serve-static from 1.13.2 to 1.16.2
  • send from 0.16.2 to 0.19.0
  • micromatch from 4.0.5 to 4.0.8
  • readdirp from 2.2.1 to 3.6.0

v4.2.0 (September 25, 2024)

• fixed form validity examples in the documentation
• added success and error states to checkboxes and radios
• added new mo-checkbox-group component to handle cases where multiple checkboxes share common logic or error/success states
• fixed mo-line-chart and mo-scatter-plot default double zooming functionality on React
• fixed sizing issue with mo-header-menu
• added option to have selectable items within the mo-header-menu
• mo-linear-gauge and mo-radial-gauge indicator triangle is now always drawn regardless of the value of the show-labels attribute
• fixed regression on mo-time-picker styles
• mo-date-picker month and year dropdowns are slightly wider to ensure content does not overflow on certain browser/os combinations
• mo-time-picker functions are now properly strongly typed

v4.1.2 (September 10, 2024)

• mo-sidebar no longer has mobile specific styling applied to it
• mo-combobox in single selection now properly closes when closeOnSelection is enabled

v4.1.1 (September 2, 2024)

• mo-combobox now functions better when virtualized, allows users to set value programmatically

v4.1.0 (August 26, 2024)

• added example for hiding legends in the mo-line-chart
• mo-sidebar now has a direction property, meaning it can open from the right
• mo-sidebar visual style changed
• Fix mo-line-chart and mo-bar-chart colors can’t be changed after the first paint

v4.0.3 (August 19, 2024)

• mo-combobox now properly sets the selected node when a value is defined on initial render in single selection mode
• removed old mo-combobox default selection example that is no longer relevant
• mo-combobox now properly emits only one change event when multiple nodes are selected via clicking

v4.0.2 (July 8, 2024)

• all chart tooltips now properly check the type of the given value and render it based on its type
• upgraded to chart.js v4.4.3
• fix mo-bar-chart grid and border colors not changing when toggling between dark and light mode

v4.0.1 (July 5, 2024)

• /cdn directory is now included in the NPM package
• fixed issue where charts and datagrid were not using the new font-family defined in 4.0

v4.0 (July 3, 2024)

• 🚨 BREAKING: mo-combobox value is now consistent with mo-select, i.e. a space-delimited string as an attribute and a array of strings as property when multiple selection is set
• 🚨 BREAKING: mo-combobox initial and programmatic selection is now handled using the value property only
• 🚨 BREAKING: removed hierarchical-content attribute from mo-combobox as it is no longer needed
• visibleValue is no longer a public property on mo-combobox, use the value property to control the selection
• 🚨 BREAKING: mo-tree-item no longer emits mo-select and mo-deselect events, mo-tree’s mo-selection-change is the only emitted event from the tree
• mo-combobox now matches results that start with the query, rather than just checking if they include the query as a substring
• mo-combobox now highlights the non-queried part of the results, instead of the query itself
• mo-combobox now has public reset() function that properly resets the combobox to an empty state
• mo-combobox internal functions are now properly marked as private, added jsdoc to public ones
• fixed mo-combobox virtualization regression bug where new items would not load when filtering the tree items
• simple mo-combobox now properly sets an initial selection based on the value attribute matching one of the items in the options object
• programmatically changing the value attribute now selects the nodes with the matching id(s), in multiple selection values are separated by spaces like in mo-select
• migrated documentation from Docsify to 11ty, updated design
• removed Modes UI ore logo as it conflicted with branding guidelines
• removed mo-font-sans-regular token, the regular variant is now properly integrated in to just one GT-Eesti font family and will be shown on bold font weights
• added Azure Application Insights to the documentation page
• added new mo-context-menu component
• mo-menu-items can now have submenus
• added new mo-kbd component to make it easier to create visually consistent keyboard shortcut indicators
• removed flag illustrations
• added zoomOptions attribute to make it easier to customize zoom functionality in line chart and scatter plot
• mo-line-chart and mo-scatter-plot now reset their zoom when double clicked
• mo-table-head-cell sorting icon now properly takes no extra space when it is visually hidden, added example to documentation
• a11y: mo-table now properly announces the aria-rowcount for virtualized tables and aria-selected for selected rows
• mo-table borders are now drawn for each cell, rather than for each row
• added additional checks to mo-donut-chart to ensure updateColors doesn’t run before the component has finished updating
• radial gauge now properly draws indicator when the decimals attribute is defined
• numbers in chart tooltips are now properly handled and localized
• mo-date-picker now properly sets initial month view and date selection when value is provided programmatically
• added functionality for templates in documentation, and one example
• events now have consistent detail content, modified some existing event emits, see the migration guide for specifics
• React wrapped components now properly get the JSDoc from component metadata documentation, added new @documentation tag to link to the documentation page on the demo site

v3.2.0 (May 30, 2024)

• tab groups can now be controlled using the activeTab attribute, added new example to showcase this
• LC Line Chart
  • Fixed bug where cursor tooltip went out of bounds
• LC Stacked Line Chart & LC Table
  • Update scenario colors without re-rendering the chart
• LC Line Chart & Stacked Line Chart
  • Fixed issue where automatic formatting would not work correctly when decimalPrecision is undefined
• LC Table
  • Added theme colors for scenarios
• LightningChart
  • Upgraded LCJS to version 5.2.0 and LCJS-themes to version 3.2.1

v3.1.1 (May 16, 2024)

• It is now possible to set the visibility, font size and color of the legend for the mo-line-chart and mo-bar-chart
• mo-line-chart and mo-bar-chart no longer override preset colors of the chart elements
• fixed mo-checkbox sizing regression introduced in 3.0
• LC Line Chart
  • Fix issue where changes to chart data would not display the changes correctly in legend, cursor tooltip and series colors until the chart was re-rendered

v3.1.0 (May 3, 2024)

• mo-radial-gauge’s value, min, max, and targetValue can now be either given as numbers or strings
• mo-radial-gauge has a new decimals attribute that allows the users to control how many decimals are displayed in the rendered value
• mo-radial-gauge now renders min and max labels below the start and end of the gauge, rather than on the side
• mo-combobox now properly handles cases where a node is set to selected in the initial treeItems object but manual user input deselects it
• components using mo-label internally now properly expose it’s base css part
• All LightningChart charts
  • Add callback to dispose chart when it is removed from the DOM to prevent memory leaks
  • New new property lcContext
  • Ability to share LightningChart resources between charts
• LC line chart & stacked line chart
  • New properties legendTitle and legendBoxOpen
  • Ability to minimize the legend
• LC line chart
  • Fix theme colors order to be correct
  • New property xAxisInterval, remove property xAxisRange
  • Ability to define x-axis interval with start and end values

v3.0.0 (April 18, 2024)

• Added new mo-calendar component, reworked mo-date-picker, removed duet-date-picker dependency
• Introduced new mo-popup component, now used internally in components such as mo-dropdown and mo-select
• mo-select no longer emits the mo-select event, now uses mo-input for consistency
• mo-select part control changed to combobox
• The FormSubmitController is now much more comprehensive
• mo-chip sizing is more consistent
• mo-progress-bar has new appearance attribute, which can be used to render success or alert progress bar to visually show the status of the progress.
• mo-progress-ring indicator now has a squared tip to align with branding
• refactored mo-radio, mo-radio-group
• mo-radio-groups now have fieldset styling by default (subtle border + padding)
• introduced new mo-radio-button to replace mo-toggle-button
• refactored every component to use relative imports instead of the import alias as it was causing issues with the test plugin
• removed default swatches from mo-color-picker
• mo-color-picker no longer supports css variables as the value
• refactored all alias imports (~/*) to use relative imports (e.g. ../..) from component files (.ts)
• removed all style imports from .css files, moved generic component styles to the main component file (.ts) for performance reasons
• moved internal dependencies to static dependencies variable for most components for clarity
• upgraded to Lit 3.0
• upgraded to TypeScript 5
• added new error and success attributes to some input components to make it easier for users to show errors in inputs when using third party validation
• the info color has been updated to be more aligned with the brand
• mo-checkbox now has a size attribute
• mo-tabs are no longer all UPPERCASE, to align with branding writing guidelines, fixed keyboard interaction, updated styling
• added new x-large size to mo-button
• changed the default track width of progress ring to 8px
• mo-progress-ring and mo-progress-bar track color changed from secondary-70 to secondary-90, added outline around mo-progress-bar.
• The child class of the bar chart component can now be rendered in the light DOM.
• mo-radio-group now has an orientation attribute to have vertical layouts for the mo-radio-buttons
• the mo-date-picker now has a footer and sidebar slot that the user can slot content to at will
• mo-time-picker now has an options attribute that can be used to customize the time suggestions
• add new outlined variant to mo-chip
• added new gray.css and gray-dark.css theme files to allow users to easily use the lower contrast variation of the default theme
• moved all documentation specific tokens from the theme files to the docs.css file, added new mo-neutral color palette
• changed panel border color to --mo-color-secondary-70
• mo-card no longer has elevation by default, updated border colors
• added border to mo-dialog and mo-drawer, using the mo-panel tokens
• added option to disable automatically assigned background gradient in mo-carousel
• added Angular documentation
• renamed toggle-password attribute to password-toggle in mo-input to match the new password-visible attribute
• mo-rating now has proper keyboard controls, improved mouse detection logic
• the mo-carousel component has also been completely renewed, as it was too opinionated an inflexible
• mo-carousel-item replaces the mo-carousel-side
• LC Histogram
  • Make x-axis category strings and cursor table category strings to use decimalPrecision property

v2.13.0 (April 9, 2024)

• LC Line Chart
  • Format x-axis datetime ticks to be in 24h format
  • Adjust chart padding to allow chart to fill the container better
  • Added new property: mouseWheelInteractions
• LC Stacked Line Chart
  • Format x-axis datetime ticks to be in 24h format
  • Adjust chart padding to allow chart to fill the container better
• LC Histogram
  • Fixed a bug where choosing number of bins would show an error
• mo-bar-chart: The child class of the bar chart component can now be rendered in the light DOM.

v2.12.2 (March 19, 2024)

• Fixed regression where legends were not correctly rendered
• Added date adapter import to radar to ensure proper cherry-picking functionality
• Added LC Scatter Plot
• LC Line Chart
  • Added new properties: targetVariable, alertMax, alertMin, warningMax, warningMin
  • yAxisInterval can now be updated after component initialization
  • yAxisTitle can now be updated after component initialization
• LC Stacked Line Chart
  • Fixed bug where cursor tooltip went out of bounds
• LC Table
  • Fixed a visual bug of the scroll bar
  • warningLimits and alertLimits are defined as optional, as well as min and max properties of the said limits

v2.12.1 (March 8, 2024)

• LC Line Chart
  • decimalPrecision now effects y-axis values

v2.12.0 (February 19, 2024)

• Added missing internal imports to header-menu, autocomplete, file-item to allow for proper cherry-picking
• Radial gauge now allows the user to set a custom text to be shown when the value is undefined, using the new undefinedText attribute
• Radial gauge now has a targetValue attribute that draws another triangle indicator at that value
• Changed warning status color palette to match the new design
• Added LC Radar Chart
• LC component backgrounds are now transparent
• LC Histogram
  • Added two new properties: barMargin and labelRotation
• LC Table
  • Removed the double click column header renaming event
• mo-radial-gauge allows customizable target text, and showing unit alongside it

v2.11.3 (February 2, 2024)

• Fixed issue where mo-bar-chart was overriding provided bar color settings

v2.11.2 (January 29, 2024)

• Fixed issue where the new auto-loader failed to load mo-table’s sub-components
• Refactored Wizard component file structure
• LC Table
  • Fixed a bug where 0 values would cause invisible columns

v2.11.1 (January 22, 2024)

• LC Stacked Line Chart & LC Line Chart
  • theme property no longer accepts LCJS Theme code snippet
• LC Line Chart
  • Fixed a bug related to line coloring

v2.11.0 (January 9, 2024)

• Switched from es2015 to es2020 modules
• Added experimental autoloader, to automatically register only the needed components in cases where the entire library is imported directly from the index
  • Significantly improved documentation page performance and accessibility scores on Pagespeed Insights
• mo-linear-gauge can now be rendered inline to support use cases with limited vertial space (e.g., a table row/cell)
• mo-tab now emits an mo-change event that tells the parent mo-tab-group component to update the tab underline styling
• Added new mo-rich-text-editor component with basic functionality, based on TipTap
• mo-linear-gauge now has an inline attribute which makes it more compact for use cases such as inside a table
• Fixed mo-combobox issue where previously selected leaf node is rendered as branch node when using hierarchical content
• Fixed tooltip overflow in bar and line chart
• Added empty title attribute to each chart’s canvas element to remove redundant HTML canvas tooltip that just showed the title
• LC Stacked Line Chart & LC Line Chart
  • Two new pre-built themes: lightFancy & darkFancy
  • Custom LightningChart JS theme can be also given as an argument
  • Legend is positioned on upper right corner instead of right center
  • Cursor tooltip is formatted more nicely
• LC Line Chart
  • Removed xAxisType property. This component is now only for displaying time series
  • Renamed xAxisLength property to xAxisRange
  • Added yAxisInterval property
  • Added automaticDataCleaning property

v2.10.2 (December 15, 2023)

• Fixed LC Stacked Line Chart legend & y-axis scaling

v2.10.1 (December 12, 2023)

• Calling twice toast method of the mo-alert component doesn’t cause error anymore

v2.10.0 (December 7, 2023)

• Fixed issue where combobox didn’t show selected node when virtualization attribute was on
• mo-badge and mo-chip are now using the proper success and warning colors
• mo-bar-chart now has a new discrete property which will change the coloring logic
• mo-bar-chart no longer displays legends if the chart does not have more than one dataset
• Added initial version of the LightningChart Line Chart component
  • Supports basic visualization of trend lines with a shared y-axis
  • Supports real-time updates
  • Vertical marker line
• Changed Stacked Line Chart legend functionality
  • Legend shows future predictions/scenarios instead of variables like previously
  • Pressing legend buttons toggles prediction lines for all charts
• Updated status color semantic tokens, now applied properly to mo-alert, mo-chip, mo-badge
• mo-alert icon and close button are now properly customizable via slots

v2.9.0 (November 15, 2023)

• Added new mo-linear-gauge and mo-radial-gauge charts
• Fixed donut chart colors when there are a lot of datasets
• Added custom event documentation to table components to allow users to use e.g. onMoChange when using the React wrapped component
• Fixed issue where some text was not bold due to components inheriting an incorrect font-weight from the main DOM tree
• Themed mo-button tokens have been updated to align with the latest design

v2.8.3 (November 6, 2023)

• mo-lc-stacked-line-chart UI improvements, bugfixes, and attribute changes

v2.8.2 (October 30, 2023)

• mo-scatter-plot now allows for custom date formatting in the tooltip through the dateFormat property in the dataset object provided to the chart
• Fixed mo-scatter-plot dark mode tooltip
• mo-sidebar now properly uses both collapse and expand icons to indicate the current state
• mo-combobox dropdown can no longer be opened when disabled
• mo-select no longer improperly receives the select__required class

v2.8.1 (October 19, 2023)

• mo-combobox now opens the tree structure to show the initially selected node on the initial render, showPathFirst now shows the path in the proper order
• The options property for the mo-line-chart now overrides the default options.
• LightningChart based components now properly support dark mode, alongside a bunch of other improvements

v2.8.0 (October 13, 2023)

• Updated floating-ui package.
• Removed max-height from mo-menu in mo-select because it caused double scroll bars in some situations.
• Added new utility component mo-copy-button, that allows users to click the button to copy the specified text value to the clipboard.
• Removed max-height from mo-menu in mo-select because it caused double scrollbars in some situations.
• Added new mo-speedometer component.
• mo-accordion now emits an mo-change event that allows users to easily keep track of which mo-details is currently open.

v2.7.1 (October 2, 2023)

• Fixed mo-menu-item overflowing the mo-menu in mo-select in situations where the items were wider than the dropdown. Now overflow will be hidden and the text will have ellipsis to indicate this.
• mo-select now properly shows the selected option even if the mo-select is disabled, along with the chevron
• updated LightningChart license

v2.7.0 (September 26, 2023)

• mo-combobox now properly displays error message in hierarchical-content mode when treeItems is empty
• Improved mo-tree-item and mo-combobox styling logic, expand button now properly hidden if not required
• Improved dark mode color palette in preset themes
• Added percentageAngleLimit property to mo-donut-chart which can be used to hide the percentage labels if the texts overlap.
• Added internal imports to mo-time-picker to enable proper cherry-picking.
• Updated all status colors, with new more semantic tokens. The components now reflect these changes.
• 🚨 BREAKING: The danger variant in mo-badge and mo-chip has been renamed to alert to align them with mo-alert.
• Fixed issue where mo-divider wasn’t visible inside left-menu or right-menu slots of mo-header

v2.6.0 (September 13, 2023)

• 🚨 BREAKING: mo-alert no longer has an alarm variant.
• Flipped mo-z-index-header and mo-z-index-drawer values, now 700 and 750, respectively.
• mo-chip can now be set as a selectable chip
• Adjusted all status colors, they now have different numeric shades instead of lighter, default, and darker variants
• All components are now color-customizable by importing a new .css file that includes mo-color-primary-10, mo-color-primary-20, etc. css variables. See amethyst.css as an example.
• Time picker now properly shows which time is selected as highlighted in the dropdown. Fixed error tooltip icon.
• Added internal imports for mo-drop-handler and mo-file-item into mo-file-dropzone. This will ensure that the dropzone can be properly cherry picked.
• Fixed issue where resizing charts vertically smaller could hide the legends.
• The child class of the line chart component can now be rendered in the light DOM.

v2.5.1 (September 1, 2023)

• Line chart performance improvements. Update chart only once when dataset or data changes
• Fixed bug where line chart didn’t respect point style definitions from datasets

v2.5.0 (August 24, 2023)

• Added language selector example in the Dropdown component, included assets for the flags of Finland, Spain and USA
• Added three new LightningChart based charting components. These components are using a different charting library as their base, and are still not completely polished.

v2.4.2 (August 22, 2023)

• All charts now have height: 100% set in their wrapping divs, which will allow them to properly stretch to the size of their container when the responsive option is enabled. Added examples for this in the bar and scatter charts.

v2.4.1 (August 11, 2023)

• Added option of having extrapolated data in the line chart, along with an example.
• Fixed bug where the title and subtitle in charts would take space even if they were not defined.

v2.4.0 (July 5, 2023)

• Added new mo-radar-chart with a couple simple examples. Will be refined further later.
• All charting components were refactored heavily, and now allow for custom colors via css variables and legend position customization.
• 🚨 BREAKING: mo-donut-chart custom colors now have a different interface.
  • previously: { light?: string[]; dark?: string[] } = {};
  • now: string[] | undefined = undefined;
  • essentially now supplying just a single array of css variables will ensure the light/dark mode functionality.
• Charting utilities are now in their own folder, refactored tooltip and legend functionality
• Charts will now use all 12 data colors when there are more than 6 datasets, before it would recycle the first 6
• mo-wizard now properly handles slot change when child mo-wizard-steps are added or removed

v2.3.1 (June 28, 2023)

• mo-toggle-button active button can now be selected by setting the selectedValue attribute programmatically
• Fixed bug in mo-combobox where undefined values were handled incorrectly

v2.3.0 (June 21, 2023)

• Fixed mo-wizard-step event jsdoc, intellisense will now properly find mo-select
• Aligned mo-textarea required style with other input components
• Added new mo-toggle-button component, aligned with DSUI style

v2.2.3 (June 20, 2023)

• Fixed bug where some mo-wizard nodes could not be navigated to via clicks
• Changed mo-wizard collapse breakpoint to 320px, from 568px. Improved stories.

v2.2.2 (June 16, 2023)

• Added functionality to select items on initial render to mo-combobox

v2.2.1 (June 15, 2023)

• Added missing jsdoc to mo-combobox to ensure all events are functional in React wrapped component

v2.2.0 (June 12, 2023)

• line-chart allow using all chart js options for customizing series
• added new mo-wizard component, and sub-components mo-wizard-step, mo-wizard-substep

v2.1.1 (June 1, 2023)

• mo-badge style changed to match latest design
• fixed mo-header slot structure
• fixed mo-menu-item suffix slot positioning
• refactored documentation, added FAQ page

v2.1.0 (May 24, 2023)

• mo-scatter-plot tooltip now properly truncates values with many digits
• mo-scatter-plot point radius can now be customized via the pointRadius attribute
• mo-scatter-plot can now handle dates as x-axis values, tick values are no longer automatically modified to append the yAxisUnit and xAxisUnit attributes after them. Instead, this should be done using the options property, as shown in the “Solid colors and custom tick values” example
• Fixed bug where chart axis and grid colors were sometimes incorrect
• Fixed mo-header logo color in dark mode
• mo-page-title now allows title content to be slotted in

v2.0.1 (May 17, 2023)

• Added some more icons, removed duplicate icons

v2.0.0 (May 17, 2023)

See the migration guide for more information on how to migrate and deal with the breaking changes.

• 🚨 BREAKING: The mo-table component has been completely rewritten. It now comes with mo-table-row, mo-table-cell, mo-table-head, mo-table-body and mo-table-head-cell components that can be used to compose a properly styled table, that comes with additional functionality such as row selection, sorting and virtualization.
• 🚨 BREAKING: mo-switch no longer has darkMode attribute, and adding icons to the unchecked and checked state can now be done using the suffix and prefix slots. The checked state no longer has the ok checkmark icon by default, and it must be added using the suffix slot as shown in the documentation
• Significantly improved mo-carousel and mo-carousel-slide logic and composability
  • 🚨 BREAKING: The button and image inside each mo-carousel-slide are now slotted elements. Existing implementations will no longer have a button or image and the properties imageUrl, linkUrl, linkLabel and linkTarget have been removed.
  • Added --height css property to mo-carousel.
  • Added --padding css property to mo-carousel-slide.
• 🚨 BREAKING: mo-header is no longer contained by default, now it can be set with a property
• mo-header is now using the new Metso logo, all documentation also updated to reflect the name change
• Added histogram example to mo-bar-chart documentation
• mo-checkbox can now be toggled on/off by pressing Enter.
• Added new Assets documentation category, moved icons.md under it.
• Added a large set of new icons
• Added badges on colors in the Color token documentation page that show the hex code of the color and can be clicked to copy that code
• Added data tokens to color documentation page

v1.10.0 (April 27, 2023)

• Fixed regression in mo-date-picker font icon, as the font icon names changed in the previous release the font icon was not being shown properly
• Updated React specific documentation to include disclaimer about cherry-picking components with internal component imports (e.g., mo-select, mo-combobox)
• Added data color tokens to both the light and dark css file
• Added virtualization, improved traversal algorithm to increase performance in mo-combobox
• Finalized multi-selection support for mo-combobox

v1.9.2 (April 14, 2023)

• Added form submission example and logic to mo-combobox.
• Changed mo-select suffix and prefix icon color to mo-color-primary-7.
• Changed out all icons for simpler versions, added some new icons. Icons now downloadable as .zip file from the design token documentation page for Icons
• mo-datagrid dependency ag-grid-community upgraded to version 29.2.0 to enable column re-ordering, various styling fixes and improvements to ensure it looks correct
• Added font-icon generation to build step to enable icons to be used inside the mo-datagrid

v1.9.1 (April 4, 2023)

• Fixed documentation typos, React examples now properly have non-dashed properties
• mo-combobox can now be treated as a controlled component, along with an example on how to do so

v1.9.0 (March 15, 2023)

• Deprecated existing mo-autocomplete in favor of new mo-combobox component with functionality for
  • [x] hierarchical content
  • [x] favorites
  • [x] search
  • [x] keyboard support
• Changed documentation font to GT-Eesti

v1.8.1 (February 17, 2023)

• Refined input components’ styling
• Updated documentation, added GitHub link
• Changed --color-link-text token to --mo-color-link-text for consistency
• Fixed sidebar expand icon and title font size
• 🚨 BREAKING: Divider is removed from Header component in favour of adding it manually according to developers’ needs, hence more flexibility

v1.8.0 (January 24, 2023)

• Added new mo-pagination, mo-table, mo-list, and mo-list-item components.
• Added new mo-carousel and mo-carousel-item components.
• 🚨 BREAKING: Removed pill attribute from mo-select, mo-input, mo-button and mo-time-picker as it was not consistent with branding guidelines.

v1.7.0 (December 28, 2022)

• Added mo-donut-chart, that can also be used to create a pie chart
• All charts now have consistent legends that match the DSUI ones and designs (checkboxes)
• Fixed mo-bar-chart patterns, also added them on the mo-donut-chart

v1.6.0 (December 14, 2022)

• Added mo-header component initial implementation.
• Added new mo-date-picker and mo-time-picker components
• Improved elevation token usage
• Various small changes and fixes to input and tooltip

v1.5.0 (November 3, 2022)

• Added initial mo-scatter-plot implementation
• Added chartjs plugins zoom and annotations

v1.4.0 (September 28, 2022)

• Added initial mo-datagrid implementation, based on ag-grid, along with multiple examples.
• Implemented dark mode for charts and a custom tooltip
• Improved bundling documentation with example webpack config

v1.3.0 (September 15, 2022)

• Added initial Line chart and Bar chart implementation based on Chart.js, along with multiple examples/demos.

v1.2.0 (August 8, 2022)

• Added Autocomplete component
• Added next branch for version control
• Added components file-dropzone, drop-handler, and file-item for file uploading
• Fixed Select clear icon
• Added tree and tree-item components

v1.1.1 (June 14, 2022)

• Added DatetimePicker component
• Improved documentation further, updated documentation page UI
• Installation and React integration documentation updated, as library is now available from Azure Devops
• Fixed issue where some components were not using ‘GT-Eesti’, but instead just inheriting font from parent
• Added option to locally customize primary and secondary colors on the documentation site
• Improved CodePen configuration, React integration not yet finished there

v1.1.0 (May 17, 2022)

• Added basic Sidebar implementation and documentation
• Added basic Pagetitle implementation and documentation
• Improved documentation in Usage section
• Introduced new status-info color
• Significant documentation page UI improvements
• Added table of contents, scrolling progress, and more to docs
• Updated all design tokens, added new UI for searching through icons
• Users can now fetch the library from a URL specified in the landing page (URL will change in the future)
• Updated contribution guidelines

v1.0.0 (March 25, 2022)

• Styled documentation page
• Included token pages that have Metso assets
• Implemented a base set of components based on shoelace components, with MO branding
• Created custom cover page
• Added GT-Eesti font, and all MODES icons to the library
• Created initial guidelines for development best practices and contribution