Changelog

Duet Design System’s parts are versioned and released using Node Package Manager. NPM’s organization page lists all packages available and their most recent versions.

Design Tokens #

3.0.2-37 #

• Version bump in packages.json.

3.0.0 #

• Built with nodejs version 16.17.0.

2.6.2-1 #

• Version bump in packages.json.

2.6.0 #

• Lib contents added to module.

2.5.23 - 14 #

• Version bump in packages.json.

2.5.15 #

• Deprecated unused Turva colors.

2.5.14 - 2.5.1 #

• Version bump in packages.json.

2.5.0 #

• Added new TypeScript types: DuetFontSize and DuetFontWeight.

2.4.16 #

• Version bump in packages.json.

2.4.15 #

• Version bump in packages.json.

2.4.14 #

• Version bump in packages.json.

2.4.13 #

• Version bump in packages.json.

2.4.12 #

• Version bump in packages.json.

2.4.11 #

• Version bump in packages.json.

2.4.10 #

• Version bump in packages.json.

2.4.9 #

• Version bump in packages.json.

2.4.8 #

• Version bump in packages.json.

2.4.7 #

• Version bump in packages.json.

2.4.6 #

• Version bump in packages.json.

2.4.5 #

• Version bump in packages.json.

2.4.4 #

• Version bump in packages.json.

2.4.3 #

New size added for borders: 1px: size_button_tiny_border

• Version bump in packages.json.

2.4.2 #

• Version bump in packages.json.

2.4.1 #

• Visualization tokens moved from review status to approved

2.3.1 #

• Version bump in packages.json.

2.3.0 #

• Version bump in packages.json.

2.2.9 #

• new space size added: $space-xxxxx-large : 94px

2.2.8 #

• Version bump in packages.json.

2.2.7 #

• Version bump in packages.json.

2.2.5/2.2.6 #

• Version bump in packages.json and new lockfile.

2.2.4 #

• Version bump in packages.json and new lockfile.

2.2.2/2.2.3 #

• Version bump in packages.json and new lockfile.

2.2.1 #

• Small tweaks to README.

2.2.0 #

• Update gray color tokens for Turva.
• Publish as ES modules.
• Add typescript type definitions.
• Simplify build process.

2.1.3 #

• Improves the readme documentation for design tokens.

2.1.1 #

• This release adds refinements to the newly added data visualization colors.

2.1.0 #

• This release adds a new data visualization category and a related color palette.

2.0.30 #

• Turva colors get an update. Turva’s secondary color has a new shade and additionally vehicle and union colors are updated accordingly.
• Turva union category color name is fixed now.

2.0.28 #

• Optimize media queries to use shorter format to save 10kb in CSS size.
• Updates documentation.

2.0.25 #

• Adds Theo TypeScript formatter that outputs valid color names as a type.

2.0.23 #

• Adds xxx-large media query token.

2.0.19 #

• Removes unused dependencies and updates existing to latest.
• Adds package-lock=false to .npmrc.
• Updates Design Token documentation.
• Updates license included.

2.0.8 #

• Includes breaking changes for users of 1.3.7.
• We’ve added a new shade of gray between the old gray and dark gray.
• Migration guide: you need to rename all current occurences of color-gray-dark to color-gray-darker. Search and replace is fine, but make sure NOT TO accidentally also rename color-gray-dark-turva as that token is still the same as previously. The migration steps should be only done for LocalTapiola tokens. If you have any questions please reach out.
• Additionally this release changes size-form-border to be 1px per our new interface design guidelines.
• Adds new XX-large and XX-small media queries.

1.3.7 #

• Adds new size-layout-max-width token.
• Adds new RAW.JSON format with all the meta data in addition to basic JSON.
• Introduces new media query tokens. This is a breaking change and you’ll need to manually find and replace the old media query tokens with the new ones. X-Large media query replaces the old Large media query and the small end is adjusted as well.
• Adjusts the min-width for buttons.
• Adds new xxx-small space and new xxx-small icon size.
• Content fixes.

1.2.18 #

• Adds new tooltip shadow tokens for LocalTapiola and Turva.
• Generic bug fixes and performance improvements.
• Adds visible build status and version in the readme file.
• Publishes new sections like “spacing” for production usage.

1.2.3 #

• Adds new “Media Query” design tokens.
• Converts size-button-border to size-form-border and adds ”prototype” status.
• Includes updates to all box-shadow and adds new $shadow-card and $shadow-card-turva tokens. These new shadows create fake borders around card type elements, so the actual borders (if any) should be removed before use.

1.1.9 #

• Changes $size-icon-xx-small from 12px to 10px to match the sizing of Streamline icons better.
• Adds $size-button-border that is used to set a consistent inset box-shadow that mimics 2px border around a button.
• Adds $size-button-min-width that is used to set the minimum width for button elements.

1.1.1 #

• Switches to using Rems instead of px for font-sizes.
• Switches to using a new font-family declaration for Turva that matches the new Font System API naming.
• The above change is breaking: Turva @font-face imports need to be updated to use “turva-sans” as the font name: font-family: "turva-sans";

1.0.4 #

• Fixes Sketch color palette naming to use the same naming conventions as code based variables.
• Changes default line-height from 1.4375 to 1.5 to match the accessibility requirements and make body text easier to read with the new brand typeface.
• Adds Turva specific Sketch color palette in addition to the existing LocalTapiola Sketch color palette.
• Adds new x-small line-height which should be used when we don’t want the line-height to create any additional white space above or below text.

1.0.0 #

• Initial release.
• Design Token API becomes stable enough for production usage.
• Automatic creation of documentation based on tokens defined.
• Fixes a bug in Spacer component when the horizontal spacing is used.
• Makes the footer auto update its year.
• Converts copyright in footer to be permanent object.

Components #

6.8.0 #

• Modal: fix screen readers reads all content bug.
• Heading: change h0 and h1 and h2 line height This is a breaking change.
• Tab group: fix plain variation margins.
• Combobox: add property which allows opening items list on input click.
• Modal: fix close on blur blocking buttons inside modal.
• Input: fix tooltip theme.
• Radio and Choice Group: add breakpoint property.
• Card: add heading background-color property.
• Card: fix heading padding bug.
• Table: make it possible to visually hide table header.
• Link: block variation.
• List: bordered variation.
• Breadcrumbs: make last item not link.
• Slideout link: UI fixes.
• Menu bar: fix scrolling behaviour.
• Contact card: turva colors.
• Hero: fix button UI on overflow.

6.7.1 #

• Contact Card: new component for presenting contact information.
• Modal: Heading visual level property.

6.7.0 #

• Upload: Fix react bugs.
• Link: external icon is no longer moved to the new line.
• Fieldset: Fix unintentional scrolling to top of the page.
• Tab group: New plain-scrolling variation
• Hero: Align new variations backgrounds position with layout property. This is a breaking change.
• Slideout: Added default background color.
• Alert: added methods for showing and hiding alert.
• Nav: Fix longer item display bug on mobile.
• Menu bar: Fix scroll to active element.
• Collapsible: Fix text align.
• Hero: Style tweaks.
• Nav: Style tweaks.

6.6.2 #

• Hero: Align new variations with layout component.
• Alert: Recognized a known accessibity issue with NVDA.
• Menu Bar: Fix z-index that caused issue with Slideout component.
• Input: Fix Safari related Tooltip position issue.

6.6.1 #

• Collapsible: Fix heading accessibility
• Page Heading: Visual fixes.
• Slideout Panel Dropdown: add active property
• Submenu Bar: fix mobile UI error
• Menu Bar: add logo click event
• Page heading: center custom layout text
• Duet Navigation: fix rendering on MacOS Safari browser

6.6.0 #

• Choice: Add toggleInfo method.
• Pagination: Fix Turva colors.
• Link: tab-to-menu property to allow adding tab to menu links to navigation.
• Tab Group: New checked variation.
• Page Heading: New component.
• Icon: Brand shape variation.
• Slideout Panel: Fix Turva colors.
• Slideout Panel: New background-color property.
• Slideout Panel: Align icons sizes.

6.5.3 #

• Menu Bar Button, Menu Bar Dropdown, Slideout Link, Toolbar Dropdown Link: added accessibility attributes for header components.
• Collapsible: Added slot for content after heading.
• Input: Revealable password variation bug fixes.
• Alert: Fix bug where closed alert was blocking content below it.

6.5.2 #

• Slideout Link: Added description slot.
• Slideout: Accessibility fixes and desktop background.
• Button: Added input-button-embedded variation.
• Input: Added revealable variation.

6.5.1 #

• Slideout Panel: Fixed bugs label-size property.

6.5.0 #

• Slideout Panel Dropdown Link: Removed, use Slideout Link instead. This is a breaking change.
• Slideout Panel Link: Removed, use Slideout Link instead. This is a breaking change.
• Menu Bar Button: new component for situations where a button is needed in Menu Bar.
• Slideout Panel: added label-size property.
• Slideout Link: style tweaks.
• Slideout: Toggle button is now a slot instead of it being produced by the component.

6.4.0 #

• Input: Tooltip positioning fixed with multiline labels.
• Hero: Style fixes for campaign, section, product and content variations.
• Toggle: Improved colors.
• Toggle: Label positioning with new property.
• Collapsible: Fixed nested collapsible toggling bug.
• Range Stepper: Fixed from-to values. New value pattern is: 1-10 and 11-20 instead of 1-10 and 10-20. This is a breaking change.

6.3.5 #

• Table: fix heading setting.
• Hero: add content variation (prototype).

6.3.4 #

• Upload: fixed delete buttons accessible labeling.

6.3.3 #

• Hero: New product variation (prototype).

6.3.2 #

• Combobox: New property to control when to start showing results.
• Choice: Fix slot querying.
• Input: Fixed clicking clear losing focus.
• Action Button: fixed aria-labels.
• Hero: New variations campaign and section.

6.3.1 #

• Upload: Removed rogue element that stole tab order on upload component.
• Menu Bar: Scroll horizontal active item to view without causing vertical scrolling.

6.3.0 #

• Nav: Added support for mobile views.
• Slideout: New slideout menu for mobile devices.

6.2.12 #

• TabPanel: TabPanel now has a property that enables skipping of tab panel content when using Tab.

6.2.11 #

• Card: Small padding (xx-small) added to card.
• Input: A smaller right padding has been added to the input component icon.
• Tooltip: Text fit in tooltip is now better.
• Tooltip: Don't display empty content when opened.

6.2.10 #

• Nav: Remove max width.
• Menu bar: Add container with max width.
• Toolbar: Add container with max width.

6.2.9 #

• Input: fix clean icon position for input with button.

6.2.8 #

• Card: fix hydration issue.
• Choice: fix hydration issue.
• Tooltip: fix small screen responsiveness issue.
• Input: fix search icon conflicting with clear icon.

6.2.7 #

• Add color property in duet-divider.

6.2.6 #

• Replaced Menu Bar Menu components with new Sub Nav components.
• Nav: extends only to 1440px.
• Choice: adjust collapsible choice info paddings.
• Menu Bar: add props to control logo properties.
• Menu Bar Dropdows: fixed z-indexes.
• Fieldset: fix width handling.

6.2.5 #

• Combobox; has been updated to correctly support themes

6.2.4 #

• Internal version bump

6.2.3 #

• Bugfix removing accidental console.log

6.2.2 [deprecated] #

• Make tooltip check if it's visible on the left and right to display correctly
• Theme is now correctly passed to children in error messages and tooltip
• Add aria-errormessage to all input fields and containers
• Add Angular 14 support/deprecate support for Angular below version 14

6.2.0 #

• Section Layout: added new component duet-section-layout which can be used to create multiple sections per page.
• Card: new property shadowBreakpoint can be used to remove shadow around card.
• Layout: new property paddingBreakpoint can be used to remove padding around the layout.
  Multiselect: clicks outside multiselect closes multiselect items view.
• Navigation: New navigation with multiple components: duet-nav, duet-toolbar, duet-toolbar-link, duet-toolbar-dropdown, duet-toolbar-dropdown-link, duet-menu-bar, duet-menu-bar, duet-menu-bar-menu, duet-menu-bar-menu-link, duet-menu-bar-menu-dropdown, duet-menu-bar-menu-dropdown-link, duet-menu-bar-link, duet-menu-bar-dropdown, duet-menu-bar-dropdown-link.

6.1.0 #

• Editable Table: Empty cells in thead element are now td elements instead of th.
• Multiselect: new select component where multiple options can be selected.

6.0.7 #

• Choice: Bug fix for checked attribute not firing when duet-choice-group contained choice group with wrappers
• Upload: Bug fix - upload button now correctly display "type selection" overlay on iOs devices

6.0.6 #

• Button: Duet-button disabled state now has a "disabled" icon

6.0.5 #

• Choice: bugfix for scss formatting

6.0.5 #

• Choice: click events no longer bubble too far up the dom chain, and a collapsible choice group can now have duet-choice inside of itself.
• Range-stepper: stepper now has a non-integer stepIndex.
• Choice-Group: Selector inside Duet-Choice-Group will now only target immediate children.

6.0.4 #

• Upload: Bugfix in how maxBytes/maxBytesTotal are displayed.
• Upload: New defaultText for Info area.

6.0.3 #

• Choice: Bugfix in label slot usage.
• Card: Add heading slot.

6.0.2 #

• Internal version bump.

6.0.1 #

• Alert: Fixed accessibility focusing issue.
• Choice: Added before-text slot.
• Choice Group: Fixed locating Choice components when there are nested Choice Group's.
• Choice Group: Support custom structures inside main slot.

6.0.0 #

• Built with nodejs version 16.17.0.
• Engine Requirement upgraded to node>=16.16.0
• Engine Requirement upgraded to npm>=8.1.3
• Stencil upgraded to 2.17.4
• Header: new event stream duetEvent for miscellaneous events.
• Footer: new event stream duetEvent for miscellaneous events.
• Hero: Add duet-hero-text part styling.
• Heading: Add normal option to weight property.

5.4.2 #

• Header: Change multilevel variation's hydration output on server.
• Upload: Fix empty file type limitations.
• Upload: Fix examples using test upload server.

5.4.1 #

• Hero: Add part styling to container.
• Hero: Add new bottom slot to add content inside Hero's container but below main content.
• Hero: New heading slot which should replace property based usage.
• Upload: Change default ordering of uploaded files.

5.4.0 #

• Action Button: Improve accessbility by adding configurable default title.
• Input: Added time type for time picking. The usage scenarios should be tested thorougly before production usage.
• Collapsible: Component moved from shadow to scoped. Please check how you are using the component and test if you rely on it being in shadow.

5.3.5 #

• Header: Multilevel desktop variation's Turva specific session button style fixes.
• Upload: Fix max total size validation logic.

5.3.4 #

• Header: Multilevel desktop variation's Turva specific style fixes.

5.3.3 #

• Upload: Add middleware property to manipulate request data.
• Upload: Add errorCodes property to manipulate error codes.
• Upload: Fix currently uploading filename font size.
• Upload: Fix error attachment's icon size.
• Upload: Add upload icon to file that is being uploaded.
• Upload: Attachment iconäs alignment fixes.
• Upload: Fix bug that would cause delete row to appear before upload began.

5.3.2 #

• Header: add carets to desktop multilevel variation's main menu items.

5.3.1 #

• Pagination: Fixes bug where Totals where not updating when dynamically changed

5.3.0 #

• Footer: Remove multilevel variation which should be replaced by slot usage.
• Footer: Separate copyright information from links.
• Choice Group: Fix Choice Groups acting with Choices from nested Choice Groups.
• Events: CustomEvent type definitions are now typed as DuetComponentCustomEvent.

5.2.3 #

• Pagination: a bug was fixed where page numbers sometimes displayed fractions

5.2.2 #

• Pagination: bugs regarding missing states fixed
• Range-stepper: bugs concerning edges fixed

5.2.1 #

• Table / Editable-Table: bug regarding layout on smaller screen fixed
• Number Input: The number input now supports negative ranges

5.2.0 #

• Header: fix font weight on default variation.
• Date Picker: removed debug logging.
• Internally restructured accessibility strings.

5.1.9 #

• Upload: Make progress bar full width.
• Heading: Change Turva's header level 2 non italic.
• Breadcrumbs: Change Turva's background color.

5.1.8 #

• Upload: Add deferUpload flag.

5.1.7 #

• Internal version bump.

5.1.6 #

• Internal version bump.

5.1.5 #

• Internal version bump.

5.1.4 #

• Button: 2 new variants have been added in support of the new input+button design
• footer: a Multilevel footer variation has been added
• step: now complies with aria 1.2 specs
• step: fixtures (examples) have been changed to reflect correct usage of fieldset

5.1.3 #

• Header: Fix mobile duetItemClick event on third level of multilevel variation.

5.1.2 #

• Header: Fix desktop multilevel variation's duetLogoClick click area.
• Header: Add new event duetMobileNavToggle which can be listed to know mobile nav toggle events.

5.1.1 #

• Tab Group: Fixed accessibility of the component to work correctly with arrow keys.

5.1.0 #

• Combobox: new component that combines dropdown and editable input field.
• Upload: Fix long filenames breaking layout.
• Upload: Fix empty filelist text stylings.
• Header: Add possibility to display login dropdown in desktop multilevel header variation.
• Footer: Added new parts to footer.

5.0.5 #

• Date Picker: New property added to increase the visual increment in year selection.
• npm audit fix.

5.0.3 #

• Internal upgrade to stencil 2.15.0.

5.0.2 #

• Header: bugfix of second level coloring in multilevel navigation with Turva theme.
• Header: added header part for customization purposes.
• Choice: Changed Choice's label structure from absolutely positioned elements to flex layout.

5.0.1 #

• Header: bugfix of second level coloring in multilevel navigation with Turva theme.
• Header: added header part for customization purposes.
• Choice: Changed Choice's label structure from absolutely positioned elements to flex layout.

5.0.0 #

• Action Button: a new micro optimized button type that should only be used for duet actions, it emits events and handles both keyboard accessibility and mouse interactions like the rest of duets components.
• Date Picker: now uses action-button for next/prev month.
• Editable Table: BREAKING CHANGE, editable table has been refactored and no longer accepts groups as before, if you still need that functionality use multiple duet-editable-tables.
  • Editable Table now uses duet-action-button for all actions internally.
  • Editable Table now supports sorting of rows, and hiding / showing of individual columns.
  • Editable Table now multiple parts and slot to make it easier to style it as you want - see the individual examples.
• Button: you're now able to set aria-haspopup through accessiblePopup.
• Pagination: now uses action-button internally.
• Range Stepper: now uses action-button internally.
• Upload: BREAKING CHANGE: upload no longer accepts strings for actions and groups.
  • Upload now uses the new editable-table and action-button internally.

4.36.1 #

• Collapsible: Add part duet-collapsible-content to allow adding custom styles to collapsible content area.
• Tab Group: Add part styled-test-button--selected to allow adding cutoms styles to selected tab group button.

4.36.0 #

• New component: Pagination.
• New component: Ranger.
• Select: New tiny variation.
• Button: Added text centering property.

4.35.4 #

• Internal version bump.

4.35.3 #

• Internal version bump.

4.35.2 #

• Card: Added new slot below-header.
• Header: Make active items clickable.
• Header: Change active visualization on mobile views for multilevel variation.

4.35.1 #

• Header: Add example how to make sticky multilevel header static.
• Tab-group: Make it possible to style tab-group buttons with part.
• Upload: Add parts to make the component easier to style.

4.35.0 #

• Header: Removed stickyness from multilevel desktop variant.
• New component Scrollable: component that can be used to create horizontally scrolling items, used in duet-tab-group.
• Accessibility fixes for tab groups.
• Style inheritance fixes for tab-group.
• Link, Button: Added security enhancements to links and buttons.
• Modal: New property to support closing the modal on blur.

4.34.4 #

• Button: Fix outline styling of destructive-primary.
• Breadcrumbs: Added a new Breadcrumbs component that can be used to show resource path.

4.34.3 #

• Button: New variants destructive-primary and destructive-secondary. Variant destructive is now deprecated but still works the same as destructive-secondary.
• Upload: Added refresh method which can be used to force render of the component.

4.34.2 #

• Footer: Fix footer menu link multilining on webkit

4.34.1 #

• Grid, Header: Fixed hydration issues that were caused by a dependency

4.34.0 #

• Header: Support for multilevel link structure
• Header: Style changes to mobile views
• Collapsible: Added ::part to heading content
• Link: Added ::part to main element
• Footer: Unwrap menu link contents to avoid multiline links
• Editable-table: Support for multiple columns
• Icon: Support for Turva theme
• Upload: Style fixes and integration with multi-colloumn editable table
• Updated internal Jest dependencies so that Jest test run correctly on M1 Mac machines

4.33.2 #

• Icon: Removed icon content reading from local assets

4.33.1 #

• Icon: Server side rendered icons read icon contents from local dependencies instead of Duet CDN
• Upload: Updated documentation for the upload component to better reflect attributes and capabilities
• Choice: Removed excessive debug logging

4.33.0 #

• Upload: New upload component is released, please read the docs for specifics
• Choice: Bugfix, layout issues and accessibility has been improved, info now acts as a tooltip and captures user tabbing to keep tab order in check
• Choice Group: Caption and tooltip now correctly defaults to undefined instead of ""
• Date Picker: Layout issues with has been fixed by adding a smart layout feature type that can be used when you have 2 columns of input fields, this has been done in the grid component and can be used for any input type component - activate by using alignment="form_distribute"
• Grid: New layout type that tries via javascript to align formfields when a components height changes dynamically
• Progress: New component which is a basic progressbar with accessible enhancements
• Editable Table: New component which is used in Upload, this components takes arrays of groups and actions and enables you to create multiple table elements that can be changed and manipulated via actions (javascript functions) - see docs for details
• Choice: The role="note" has ben removed, and this fixes the 121 issue
• Paragraph: You can now choose a bold weight for the Paragraph component
• Heading: You can now choose a darker shade for the underline, so that headings can match table headings 1-1 (via border="solid")
• Card: Examples using button now use the correct icons
• Checkbox: Fixed a bug where the bottom margin of last checkbox was missing within complex fieldset
• Tab Group: Changed active Tab's background color of Turva theme
• Select, Textarea: the Placeholder of Select now accurately mimics the other input components behaviour
• Table: Deleted the "Table with inline actions" example, this is now a seperate component (Editable Table)

4.32.0 #

• Choice: fix accessability issue where content was read twice by screen readers
• Choice: fix accessability issue where content inside collapsible was not read by screen readers
• Card: moved secondary heading to be on the same line as primary heading on larger screens
• Date Picker: fix one of the examples to align arrow between two Date Pickers correctly
• Icon: fix a bug where component tried to search for icon source files from local network when the component was used in locally

4.31.0 #

• General: fix for defaults label - all default i18n parameter strings can now be assigned as plain HTML strings (labelsDefault="{object as string}")
• General: improved reproducibility of i18n based test in local and CI environments
• General: default locale of "fi" is used in all ci/local tests to ensure reproducibility of i18n test cases
• General: new koa based testing server added to help test upload component and move away from stencils dev server
• General: added .env configurations for managed environments
• Jest: moved from ssim to pixelmatch testing on our regression tests
• Date Picker: fix some minor layout issues adjusted on Date Picker concerning its vertical alignment
• Choice: spacing beneath Choice aligned with rest of input components
• Choice Group: spacing beneath Choice Group aligned with rest of input components
• Choice: problematic media-query on Choice, that misaligned last element in tablet view has been fixed
• Label: break words when necessary to avoid long words from rendering outside of the component
• Heading: break words when necessary to avoid long words from rendering outside of the component
• Badge: break words when necessary to avoid long words from rendering outside of the component
• Card: headings now go on multiple rows instead of rendering ellipsis and move secondary headings below primary heading

Changed attributes:

• Alert: new attribute: accessible-label-default
• Button: new attribute: accessible-label-external-default
• Choice: new attribute: accessible-label-info-default
• Date Picker: new attribute: placeholder-default
• Footer: new attribute: accessible-label-external-default
• Header: new attributes: [accessible-label-default, accessible-labels-default, accessible-label-external-default]
• Hero: new attribute: accessible-label-external-default
• Link: new attribute: accessible-label-external-default
• Modal: new attribute: accessible-close-label-default
• Notification Drawer: new attribute: accessible-label-notification-default
• Number Input: new attributes: [accessible-add-default, accessible-live-default, accessible-subtract-defaults, label-default]
• Tab Group: new attribute: label-default
• Tooltip: new attributes: [accessible-close-label-default, accessible-label-default]
• Tray: new attributes: [accessible-close-label-default, accessible-open-label-default]

Breaking changes: none

Changed behaviours:
All components can now take an object converted to plain html attribute in order to configure defaults:

<duet-component label-defaults='{"fi":{"error":"Tiedostot"},"sv":{"error":"fel"},"en":{"error":"errors"}' />
<duet-component label-defaults="{&quot;fi&quot;:{&quot;error&quot;:&quot;Tiedostot&quot;},&quot;sv&quot;:{&quot;error&quot;:&quot;fel&quot;},&quot;en&quot;:{&quot;error&quot;:&quot;errors&quot;}" />

4.30.1 #

• Upload: Upload component was removed because of risen additional requirements

4.30.0 #

• Upload: new Upload component is released as a prototype for testing, and will be pushed as final in a coming release
• Choice: fix layout issues in tablet size has been fixed

4.29.0 #

• Collapsible: collapsible updates that makes it possible to change heading level and fontsize on component
• General: updated translations in components
• Input: fixed an issue where the cursor would jump around on IOS when selecting text, changing cursor position

4.28.0 #

• Card: Support for and new examples of duet-card with a secondary heading added to www.duetds.com
• Modal: Javascript fix implemented for bug in webkit: https://bugs.webkit.org/show_bug.cgi?id=174667 causing VO to not read conent of modal aloud
• Modal: Javascript fix implemented for bug in android chrome, causing page to scroll wrongly when softkeyboard appears
• Modal: gutter-size property added that takes small | medium | large as input and impacts the left+right margin on a modal
• Modal: New top slot added to modal in order to inject content such as images to the component itself
• Modal: New heading-size property added in order to be able to set the heading size from userland
• Modal: Defaults and language aware accessibility labels added to component
• Date Picker: A new property echo-placholeder that enables a shadowing/echoing of any paceholder on the item
• Date Picker: A new property has been added, that enables a caption line between label and inputfield
• Select: A new property echo-placholeder that enables a shadowing/echoing of any paceholder on the item
• Select: A new property has been added, that enables a caption line between label and inputfield
• Input: A new property echo-placholeder that enables a shadowing/echoing of any paceholder on the item
• Input: A new property has been added, that enables a caption line between label and inputfield
• Textarea: A new property echo-placholeder that enables a shadowing/echoing of any paceholder on the item
• Textarea: A new property has been added, that enables a caption line between label and inputfield
• Choice: role="note" is now only applied when duet-choice is with info (removed from collapsible)

Changed behaviours:

• Modal with input fields / form fields will now scroll and center the input field clickd/focused when the softkeyboard appears
• Modal will now be language sensitive and respond to <html lang=XXX>
• Our regression test are now using ssim-fast for image analysis, which should provide us with even better assurances that things are as they should be when implementing changes

4.27.0 #

• Global: language aware - all components are now language aware, meaning that any translatable placeholder strings or string internally will get translated to the language set in the ''
• Global: The following languages are supported for language attributes: en, sv, fi
• Global: locales have been made aware of the language set in the '' and will switch accordingly if they have not been overriden by a user
• Global: The following locales are supported
  fi: "fi-FI", "€"
  en: "en-GB", "£"
  us: "en-US", "$"
  sv: "sv-SE", "€"
• Alert: strings translated and made language aware
• Button: strings translated and made language aware
• Card: strings translated and made language aware
• Choice: strings translated and made language aware
• Collapsible: strings translated and made language aware
• Date Picker: strings translated and made language aware
• Footer: strings translated and made language aware
• Header: strings translated and made language aware
• Hero: strings translated and made language aware
• Link: strings translated and made language aware
• Logo: strings translated and made language aware
• Notification: strings translated and made language aware
• Notification Drawer: strings translated and made language aware
• Number Input: strings translated and made language aware, locales translated and made locale aware
• Tab Group: strings translated and made language aware
• Tooltip: strings translated and made language aware
• Tray: strings translated and made language aware

4.26.1 #

• Version bump in packages.json.

4.25.0/4.26.0 #

• Button: new property @negative: bool that can be used in combination with variation to provide negative versions of some of the variations.
• Button: new size variation of the @iconSize: string property: medium-small that uses a size between medium and small for icons
• Hero: the hero component now has an unnamed slot that can be used to place wanted html into the hero area
• Hero: the hero component has a new variation: minimal that removes paddings and margins from many of the elements in order to help a user style a more minimal variation of the hero component
• Hero: a new property @leftAlign: bool forces all content in the hero component to always left-align

Changed behaviours for Choice:

• Choice is now less chatty in screenreaders and will only read aloud labels on first focus
• removed the aria-label hint added in 4.25.0

Changed behaviours for Hero:

• Inserting anything inside of the <duet-hero> <span>i'm inserted </span></duet-hero> will now be inserted into a default slot before the list items

Internals:

• Publishing components has been rewritten to adhere less on lerna directly
• All dependencies on gulp has been removed

4.24.0 #

• Choice: Refactored component and changed the internal ordering
• Choice: It is now more apparent that collapsible & info slot are not possible in combination
• Choice: The component now has a aria-live: polite region to better support screen readers
• Duet: Duet is now language aware, and will change default language text strings depending on what has been set in html lang attribute, currently this utility support fi,sv and en as languages and will default to fi if any other language is given
• Choice: Choice now uses the new language utility to show default text strings.

Changed behaviours for Choice:

• The info slot is no longer announced by screenreaders everytime you select an item, but only if a user chooses to see further info

• The info slot is now clearly associated with the form via aria-labels

• Added keyboard shortcut (press->?) to enable activation of the tooltip from the radiobutton

• Added an aria-label hint that you can press ? for more information which now gets announced

• Note about CSS Framework: Please update and import styles from Duet CSS Framework version 1.4.5 to avoid a flash of unstyled content for newly added components.

4.23.0 #

• Internal change: CSS is now sorted consistently in all component to avoid downstream style changes
• Hero: Background color has been updated to be more accessible
• Hero: External image icon on links is now correctly aligned
• Hero: Hover colorchanges are now applied to all elements of a button link
• Hero: Default outlineColor changed

4.22.0 #

• Alert: setting announcements to false will now remove all live region behavior.
• Date picker: accept slash and dash as date separators.
• Date picker: will no longer re-format user-entered dates as long as they are valid.
• Layout: improve spacing on mobile.
• Modal: improve reliability of focus trapping.
• Tab group: add new label and labelHidden props to customise label used on mobile.
• Table: Add new "minimal" variation.
• Big improvements to test suite - use all examples from docs as source for visual snapshot tests.

4.21.0 #

• Tab Group: add new "plain" variation.
• Table: add support for server-side rendering.
• Checkbox, Choice, Choice Group, Divider, Fieldset, Radio, Radio Group, Range Slider, Textarea, Toggle: normalise spacing between all form components.
• Choice Group, Input, Radio group, Select, Textarea: improve accessibility by creating contextual association between inputs and their tooltips.
• Choice Group, Fieldset, Radio Group: fix issue where JAWS could not open tooltips.
• Input, Textarea: no longer show hover styles when disabled.
• Stepper: add new backDisabled property to prevent users navigating back to previous steps.

4.20.0 #

• Ensure all form components support a consistent set of properties. Previously support differed between components, but now they are consistent.
• Button, Checkbox, Choice, Date Picker, Input, Number Input, Radio, Ranger slider, Select, Textarea, Toggle components all support the following properties:
  • name
  • value
  • disabled
  • identifier
  • accessibleOwns
  • accessibleActiveDescendant
  • accessibleControls
  • accessibleDescribedBy
• Checkbox, Choice, Date Picker, Input, Number input, Radio, Ranger Slider, Select, Textarea, Toggle now support the required attribute.

4.19.0 #

• Button: simplify use of external links.
• Header: add new logo-utility slot for positioning content alongside logo.
• Heading: add new hyphenate prop for cases where you have long text in small spaces.
• Modal: add new large size option
• Toggle: add setFocus method, aligning with other interactive components.

4.18.0 #

• Button: fix issue where buttons would incorrectly be identified as expandable by screen readers.
• Button: add new example showing how to create a button which opens a link in a new window.
• Date picker: adds new validity property, which exposes information about the validity of the component.
• Date picker: fix issue where modal backdrop would not be shown on mobile when error prop was set.
• Fieldset, Choice group, Radio Group: improve layout, allowing more space for caption when tooltip used.
• Header: fix issue where an error was logged to console when the component was unmounted.
• Header: add support for external links in contact menu.
• Header: improve how scroll lock works when expanding menu on mobile, to prevent layout shift.
• List: add additional padding to striped variation to better accommodate long labels that wrap onto more than one line.
• Link: add new setFocus method for consistency with other interactive components.
• Modal: improve how scroll lock works when modal is opened, to prevent layout shift.
• Button, Card, Checkbox, Choice, Collapsible, Date picker, Input, Logo, Number Input, Radio, Range Slider, Select, Step, Textarea: add support for passing a FocusOptions to setFocus method.

4.17.1 #

• Fixes a bug which caused label-hidden property to not work with the new Fieldset component.
• Improves documentation for the new Fieldset component.

4.17.0 #

• Collapsible: add new option heading-weight, which allows for a normal font-weight in heading.
• Button: improve how name and value attributes are managed on proxy button.
• Fieldset: new component, used for grouping related form inputs. See the fieldset docs for more info.
• Footer: only show slash separator if menu items are supplied.
• Checkbox: make spacing consistent with radio.
• Radio Group: improve spacing between label and radios, make consistent with choice-group.
• Radio Group: use duet-caption internally.
• Radio Group: use new fieldset component internally.
• Choice Group: use new fieldset component internally.
• Update many examples to use new fieldset component where appropriate.

4.16.0 #

• Button: add new name and value properties, to better support multiple submit buttons in a form.
• Button: ensure no invalid attributes set on elements.
• Date Picker: use new disallow-pattern property of input to simplify internals.
• Date Picker: ensure focus is not lost when navigating to dates outside min/max with keyboard.
• Date Picker: simplify and improve click outside to close logic.
• Input: fix one instance where incorrect colour was used in Turva theme.
• Input: add a number of new tests and generally improves test suite.
• Input and Textarea: add new disallow-pattern property to prevent characters being entered, whilst maintaining cursor position.
• Tooltip: fix bug where an open tooltip would not close if you click on the trigger button.
• Tooltip: improve focus management.

4.15.1 #

• Updates internal @duetds/icons version to 2.1.1.

4.15.0 #

• Upgrades to Stencil.js 2.4.0.
• Adds more specific events to duet-header, duet-footer, and duet-tab-group.
  • The current duetChange events for these components are now considered deprecated.
  • The duetChange will not be removed for backwards-compatibility reasons, but it is recommended to migrate to the new events, as they will simplify your code.
  • Please see the documentation for each component for a full description of new events.
  • All examples and templates on duetds.com have been updated to use the new events.
• Header: adds the following events
  • duetSessionClick
  • duetUserClick
  • duetLanguageSelect
  • duetLogoClick
  • duetBackClick
  • duetContactClick
  • duetItemClick
  • duetSkipClick
• Footer: adds the following events
  • duetLogoClick
  • duetMenuClick
  • duetItemClick
• Tab group: adds a duetTabChange event.
• Tab group: improve accessibility by ensuring all IDs used internally are unique.
• Table: improve style encapsulation, so that table styles do not affect any other elements on the page.
• Table: log warning in console if trying to use sticky headers combined with horizontal scrolling, since these are incompatible with one another.
• Textarea: log warning in console if counter is enabled but no counter-label is supplied, since one requires the other.

4.14.0 #

• Date picker: column headers announced when navigating calendar view with screen reader.
• Table: use gray-dark for column header text in Turva theme.

4.13.4 #

• Updates internal @duetds/icons version to 2.0.37.

4.13.3 #

• Choice group: fix bug where choice got deselected if it contained a duet-textarea.

4.13.2 #

• Date picker: disable options in month dropdown which fall outside of min/max.

4.13.1 #

• Improves Icon component’s sizing for outline and background variations.
• Enables tabular numbers for Notifications Drawer toggle.

4.13.0 #

• This release upgrades @stencil/core to 2.3.0 and @stencil/sass to 1.4.0.
• Textarea: improves screen reader experience by only announcing remaining characters when 10% or less of characters remaining.
• Textarea: we now use remaining characters for screen reader users, and a character count for visual users.
• Textarea: we’ve ensured Textarea matches native form textarea behaviour. This means that we don’t anymore raise events when programmatically setting values, but they only happen on blur. We’ve also removed debouncing from Textarea.
• Textarea: we’ve dropped unit tests in favour of e2e tests. Unit tests relied too much on implementation details.
• Date Picker: uses now aria-disabled instead of disabled for outside of range dates.
• Date Picker: it’s now possible to select dates which are from previous or next month in a month view.
• Date Picker: uses now unambiguous date formats like "9 December 2020" instead of "9/12/2020".
• Table: we’ve introduced none-scrollable breakpoint for Table component to enable horizontal scrolling (superseding the old CSS Framework utility class).
• Table: selected column class is directly implemented into table styles.
• Table: we’ve prefixed all CSS classes used to avoid clashes with other styles.
• Hydrate tests: we’re now using the latest local Duet build in hydrate tests. It works so that it starts a server for test run which serves up Duet ES Modules from local file system.

4.12.7 #

• Adds new badge slot for Hero component.
• Improves the readme documentation for components.
• Paragraph component didn’t previously respect the margin property when using intro variation. This is now fixed.
• Alert component’s content was previously in some cases narrower than the alert component itself. This is now fixed.

4.12.6 #

• Improves the focus handling of Date Picker by removing all timeouts.
• Refactor some areas of Date Picker for simplicity and better encapsulation.
• Add Date Picker utility for handling keyboard shortcuts, replace big switch statement with simple object.
• Add more tests for Date Picker focus management.
• Change default placeholder of Date Picker from "dd.mm.yyyy" to "pp.kk.vvvv" (to match default language).

4.12.5 #

• Brings back deprecated refresh() method for Tab Group to improve backwards compatibility.
• Force the usage of tabular numbers in Button component.

4.12.4 #

• Adds support for additional slot content in Choice component.
• Adds support for implicit form submission with Button component.
• Add new Date Picker example for handling dates outside of min/max.
• Adds required attribute support for Date Picker.
• Ensures date is always submitted in ISO format when using Date Picker.
• Fixes the styling of dates outside min/max in Date Picker.

4.12.3 #

• Adds new action-policy-delete, action-policy-edit and messaging-terms icons.
• Ensures icon version is parsed correctly in stencil.config.

4.12.2 #

• Makes Number Input tests more reliable.
• Adds missing Notification Drawer and Notification components to Angular package.
• Adds missing Prettier dependency to components package.
• Automates the generation of CSS Framework and Angular package.

4.12.1 #

• Adjusts the overall layout of notifications slightly to better work with longer paragraphs.
• Changes the content of a notification to be full width.

4.12.0 #

• New Notification Drawer and Notification components are added in this release.
• Number Input gets a new property control in this release that makes it possible for the user to enter arbitrary numbers between the steps when enabled.
• Empty State gets new small variation in this release.
• Fixes border radiuses of buttons inside Header component.
• Fixes an issue which moved the focus incorrectly back to the previous dropdown in Header. This happened when leaving one of the dropdowns open and using tab key to move forward to the next dropdown with keyboard only.
• Adds new closeMenus method for Header component that closes all dropdowns in Header when called.
• Note about CSS Framework: Please update and import styles from Duet CSS Framework version 1.4.18 to avoid a flash of unstyled content for newly added components.

4.11.2 #

• Improves the style isolation of Date Picker component.
• Improves icon positioning in small Button component.
• Fixes focus styles for current and selected day in Date Picker component.
• Makes it possible for the Date Picker component to expand outside of a modal.

4.11.0 #

• You can now add expandable section to Tray component to show more details for the user. This can be useful when you need to display e.g. pricing details in addition to total price.
• Destructive button gets new visual style in this release.
• Focus styles for Header component have been improved.
• Breaking change: target option for Tray component have been deprecated. Please use click event listener on the Tray instead to achieve the same effect. Please see updated documentation for new examples.

4.10.18 #

• Fixes the direction setting for date picker to work correctly on mobile devices.
• Ensures key prop is used in all necessary lists in Duet.

4.10.16 #

• Improves the loading state of the Button component to not shrink the button when turned on.
• Improves the performance of Header, Tooltip, Date Picker and Modal components.
• Removes background blur from modal to improve performance on slower machines.
• Fixes empty state’s styles being overridden by Table component.
• Fixes empty state’s default state in IE and Edge.
• Makes plain button’s line-height match the paragraph level text.
• Fixes a bug which caused Modal component to display wrong background overlay in Safari.
• Note about CSS Framework: Please update and import styles from Duet CSS Framework version 1.4.17 to avoid a flash of unstyled content for newly added components.

4.10.15 #

• Makes it possible to visually hide the label of Choice Group.
• Makes it possible to visually hide the label of Radio Group.
• Visually match the Select component size with other form components.
• Improve the line-height for Checkbox component to better support long labels.
• Improve the line-height for Radio component to better support long labels.
• Improve Date Picker’s stability for NVDA + Chrome on Windows.

4.10.1 #

• Adds new messaging-action-warning icon.
• Fixes an issue which caused certain Tooltip and Button component styles break in old Edge browsers.
• Fixes an issue with Tab Group component that affected its accessibility.
• Ensures Duet Custom Elements Bundle is a single flat file.
• Fixes an issue which caused Ä and Ö diaeresis to disappear when using low DPI screen and certain zoom settings in Windows Chrome.
• Fixes an issue which caused the blue gradient background in Range Slider to overshoot its boundaries.
• Fixes an issue which caused Tooltip focus styles to behave incorrectly in old Edge browsers.
• We now track dirty state of form in Stepper template and show “are you sure?” modal if trying to navigate away using browser’s back functionality.

4.10.7 #

• Hitting arrow keys on year select in Date Picker on Windows without first opening the dropdown previously causes odd results. This is now fixed.
• Make sure keyboard instructions for Date Picker are read out by screen readers.
• Improves style isolation for a number of components.
• Ensures camelCase prop names are used in all components.
• Checkbox now has correct checked value in events in Edge browser.
• Improves assistive technology announcements for Range Slider. Previously when changing value to 3000, it would read “three zero euros, three thousand” or “three zero zero zero euros, three thousand.” Now when changing value to 3000, it reads “three thousand euros.”
• In Range Slider change events are now only raised in response to user interaction. This brings it in line with the recent changes to Checkbox, Radio and Select components.
• Ensure key prop is used in all lists.

4.10.6 #

• Modal contents are now wrapped in ARIA role="document" to inform assistive technologies to switch context to a reading mode. This fixes a bug which made it hard to browse the modal contents when using VoiceOver with Safari.
• Adds CSS style fixes to Label component to make sure the font-weight always stays correct.
• Number Input now clears input on backspace, raising input/change events with value and valueAsNumber set to null.
• Number Input will now be initially empty unless value prop is explicitly set.
• Modal component now correctly supports Turva theme.
• Date Picker’s year dropdown now respects min/max dates set.
• Fixes issue where aria-selected was previously applied to the wrong element in Date Picker.
• Typography improvement: Button component now always uses lining numerals.
• Adds refinements to the newly added data visualization colors.

4.10.4 #

• Adds new data visualization design tokens.
• Adds new Turva image Hero variation.
• Makes Modal component’s accessible close label text configurable.
• Correctly use fieldset and legend in Checkbox component examples.
• Note about CSS Framework: Please update and import styles from Duet CSS Framework version 1.4.14 to get the latest fieldset and legend styles for your application.

4.10.0 #

• This release adds new “Usage” documentation for all existing components. See Alert component for an example.
• All focus styles in Duet have been redesigned from the ground up for better accessibility and keyboard experience.
• Alert, Tray and Cookie Consent components get accessibility improvements in this release.
• Danger and warning alerts now have a role="alert" defined which makes sure assistive technologies announce them when they appear.
• Other alert variations now have a role="status".
• All alerts now have aria-live attributes. This makes sure contents are announced by assistive technologies when updated. This behaviour can be disabled if needed using announcements property.
• Alerts now use tabindex="0" to make it possible to access them using tab key or programmatically move focus to them.
• It’s now possible to make Alert component auto dismiss itself after a specific timeout.
• Collapsible component has a new setFocus() method similar to other interactive components.
• Tray now uses tabindex="0" to make it possible to access it using tab key or programmatically move focus to it.
• Tray now has a role="status" defined which makes sure assistive technologies announce them when they appear.
• Cookie Consent now uses tabindex="0" to make it possible to access it using tab key or programmatically move focus to it.
• Updates body-scroll-lock package to 3.1.3.
• Breaking change: Alert component now has left aligned text by default. If you want to switch back to center aligned use the .duet-text-center class on Alert provided by the Duet CSS Framework.
• Breaking change: border and border-dark Card component variations are being deprecated in this release. They’re automatically replaced with the default card variation when you update.
• Breaking change: loading variation has been deprecated and removed from Button component. Please use loading property instead which does the same thing, but can be used with any existing button style variation.

4.9.4 #

• Fixes an issue which caused the Android Talkback to incorrectly move focus to whole page when Tooltip component was closed.
• Fixes an issue which caused the top section of Layout component to be too wide when narrow variation was used.
• Adds new direction property for Date Picker that allows you to set the opening direction.
• Adds new direction property for Tooltip that allows you to set the opening direction.
• Adds new tooltipDirection property for Choice Group, Date Picker, Radio Group, Input, Select, and Textarea components.

4.9.3 #

• Fixes a Chrome animation glitch with Tooltip and Date Picker components.
• Fixes a Chrome scaling glitch with Number Input and Date Picker components which caused the border around input buttons to sometimes disappear when using a certain browser zoom setting.
• Makes it possible to show authenticated user in Header component without having to link to a user profile.
• Improves the input area in Number Input so that it doesn’t continue underneath the +/- buttons.
• Previously, when the Header component triggered a modal, the modal didn’t move focus back to the header when modal was closed or dismissed. This is now fixed.
• Adds new setFocus() method for Header and Logo components.

4.9.2 #

• This release includes CSS rewrite with some size optimization and CSS bug fixes.
• Fixes an alignment issue with List component on iOS and macOS Safari.
• Fixes mobile property for List component. In some use cases it wasn’t previously working.
• Fixes an issue which caused large Logo component to utilize the small size instead.

4.9.0 #

• Header component now announces the selected language correctly and also reads out the country labels in correct language.
• Improves the performance of the sticky navigation in Header component by removing all related JavaScript and instead using CSS position: sticky.
• Date Picker component now announces the selected date when using a screen reader to select a date from the calendar grid.
• Fixes a bug which caused unnecessary focus moving when using touch gestures to close the Date Picker.
• ref prop of React Components is fixed in this release.

4.8.5 #

• Improves Choice component’s screen reader support for different languages.
• Improves Date Picker component’s screen reader support for different languages.
• Improves Header component’s screen reader support for different languages.
• Improves Tooltip component’s screen reader support for different languages.
• Fixes an issue which caused iOS VoiceOver to keep focus inside closed Date Picker.
• Fixes an issue that caused Textarea component aria-labelledby attribute to point to an ID which did not exist.
• Fixes an issue that caused Input component to have an incorrect HTML5 validation pattern by default.
• Fixes an issue where date picker disabled buttons did not have disabled attribute present.
• Duet now waits a single tick before rendering when a component is first attached to the DOM. This worksaround an Angular issue, where Angular attaches the elements before settings their initial state, leading to double renders and unnecesary event dispatchs.

4.8.2 #

• Fixes accessibility issue that caused the focus to stay inside language dropdown in Header component even after closing it.
• Fixes an issue that caused iOS VoiceOver to not move focus correctly when Modal was closed.
• Fixes an issue that caused Select component to stop working after Google Translate was used for translating the contents.
• Adds new messaging-bandage-leg, messaging-death, messaging-first-aid, messaging-heart-monitor, messaging-radiology-scan icons.

4.8.0 #

• Radio component now fires change events on user interaction only to match the functionality of regular radio inputs.
• Checkbox component now fires change events on user interaction only to match the functionality of regular checkbox inputs.
• We now emit originalEvent on duetChange in Choice and Radio components to better match the API of other form components.
• Improves text truncation in Header component when the user has a really long name.
• Improves text hyphenation in List and Table components to better support comparison table on mobile devices.
• Fixes logic for enabling/disabling the next and previous month buttons in Date Picker.
• Fixes z-index issues with Choice and Choice Group components which sometimes caused other components unexpectedly to go underneath choices and tooltips.
• React components are now outputted in both ESM and CommonJS formats.
• Adds short Next.js usage guidelines for components.

4.7.3 #

• Adds new tabs property for Layout component. If set to true, the sidebar position will be adjusted to take tabs inside main content area into account.
• Improves the performance of the sticky sidebar in Layout component by removing all related JavaScript and instead using CSS position: sticky.
• Back button in Hero component now fires click events and allow e.g. setting analyticsId.

4.7.1 #

• Removes invalid input CSS styles to instead rely on application level validation logic. This fix includes both Duet Input and Duet Textarea.
• Fixes the default input styles for Firefox. Previously Firefox was in some cases incorrectly showing red box-shadow for inputs which weren’t invalid.

4.7.0 #

• Breaking change: Old Definition List component is removed in this version. Please update the remaining services to use List and List Item components which replace the deprecated Definition List.
• Breaking change: Drops unnecessary refresh() method for Header, Footer, Tab Group, and Select. If you were previously using these methods, you should be able to just remove that code since we now do the refreshing for you.
• Angular output target has been improved to support Angular 9 and 10 in addition to previous 7 and 8.
• Adds many new Hero Area features. Gray hero area variation now supports for example: action buttons, showing additional meta data, showing a back button, and also displaying additional headline before the main heading.
• List component now supports two different responsive breakpoints and making the mobile view centered.
• List component now correctly supports dynamically changing its properties and passes them down to child List Items.
• Adds new string replace and number conversion Sass utilities to components package.
• Adds fixes to English language screen reader labels.
• Updates Stencil.js to version 1.17.2.
• Note about CSS Framework: Please update and import styles from Duet CSS Framework version 1.4.11 to avoid a flash of unstyled content for newly added components.

4.6.2 #

• Adds new Empty State component.
• Allow setting semibold font weight for all heading sizes when needed.
• Fixes an issue where icon fetch failure didn’t exit early, causing unhandled exceptions.
• Bug fix: downgrades @rollup/plugin-commonjs to fix named exports.
• Updates Stencil.js to version 1.17.1.
• Note about CSS Framework: Please update and import styles from Duet CSS Framework version 1.4.1 to avoid a flash of unstyled content for newly added components.

4.6.0 #

• Improves keyboard and screen reader accessibility for radio type Choice component when used together with an info toggle.
• Makes Icon component support disabling responsive behaviour in order to keep the size always the same.
• Fixes an issue with Require.js and IE11 where IE would throw Promise is undefined error in the console.
• Updates Stencil.js to version 1.17.0.

4.5.1 #

• Ensure sticky sidebar in Layout component always returns to initial state. This avoids the issue where sidebar can get stuck in a fixed state, and overshoot the layout's boundaries.
• Allow icon in Icon component to be changed dynamically at runtime.
• Update Duet icon package to latest.

4.5.0 #

• Fixes an issue which caused the enter key to do unexpected things in Number Input.
• Makes it possible to visually hide the label in Range Slider, but still show it to screen readers.
• Uses type="button" for all non-submit buttons inside components to prevent them from submitting a form.
• Adds SSR fixes to Link component when used together with external property.
• Fixes Date Picker component’s focus() timeout.
• Updates Stencil.js to version 1.16.4.

4.4.4 #

• Adds support for no initial value in Number Input.
• Adds support for disabled options/optgroup in Select component. This gives feature parity with native select element.
• Correctly reflect label and selected prop to attr in Tab component, remove need for refresh() in Tab Group.
• Updates Duet React output target to fix React ref functionality.

4.4.3 #

• Fixes a SSR problem which caused Node.js to warn about undefined MutationObserver when prerendering Duet Tab Group.
• Prevents Date Picker component submitting a form when a date is selected.

4.4.2 #

• Adds a new Date Picker component and documentation for it.
• Adds a new default slot for Input component. This is currently used internally for Number Input and Date Picker.
• Fixes an issue that caused input specific actions to be incorrectly positioned when label had more than one row of text. This affected Number Input previously.
• Removes the need to use refresh() method with Duet Tab Group component and deprecates it. Right now you’ll only get a warning in console, but in the future releases this method will be removed completely.
• Switches to using Duet’s Icon component for Tooltip component’s close button.
• Fixes responsive Grid Item component’s left padding on medium viewports.
• Adjusts the positioning of Number Input’s +/- buttons and makes them work better when using a browser zoom setting.
• Price Summary template’s button loading states are fixed.
• Note about CSS Framework: Please update and import styles from Duet CSS Framework version 1.4.9 to avoid a flash of unstyled content for newly added components.

4.4.0 #

• Fixes a bunch of IE11 and Edge issues with Duet components and server side rendering.
• Fixes an issue which caused IE11 and Edge to sometimes not initialize Duet components on first load.
• Fixes an issue that caused an open Modal that was removed from the DOM to continue locking the scrolling of the page.
• Fixes an issue that caused an open Header mobile navigation to continue locking the scrolling of the page even after Header itself was removed from the DOM.
• Removes aria-hidden from Choice component’s info toggle to improve its accessibility.
• Tab Group’s refresh() method is improved in this release to be more robust.
• Updates Stencil.js to version 1.14.0.

4.3.2 #

• Choice component now fires change events on user interaction only to match the functionality of regular radio and checkbox inputs.
• Input placeholder texts now have accessible color contrast ratio.
• Gradient direction for light Hero Area variation has been changed to match image Hero Area variation.
• Makes Hero Area component support shorter min-height.
• Fixes responsive Grid Item component’s left padding on small viewports.
• Changes Caption component’s line height to match Paragraph component.
• Default button variation now uses a transparent background instead of white.

4.3.0 #

• Switches to using Duet’s new Content Delivery Network at https://cdn.duetds.com.
• Fixes an issue that caused the icons to not show up in IE11.

4.2.9 #

• Makes it possible to remove link from the Logo component in addition to logo in Header and Footer components.

4.2.8 #

• Adds support for nested Tab Groups, new example added in the docs.
• Fixes an issue that caused screen readers to sometimes not read the label of the number input correctly.
• Fixes invalid ARIA attribute values for number input plus and minus buttons.
• Fixes sizing of “top” slot in Layout component.
• Fixes the color of Footer external link icons when used together with the simple variation and Turva theme.
• Fixes the padding of plain Table’s thead th elements.

4.2.6 #

• Adds support for float/decimal steps in Number Input and Range Slider.
• Range Slider now outputs localized value.
• Creates common interface for Number Input and Range Slider and adds some tweaks and cleanup to both components.
• We do not support entering decimals manually right now, only via -/+ buttons and arrow keys when using the Number Input.

4.2.5 #

• Makes Footer component support external link icon in all links.
• Uses now default mouse cursor for disabled form components.
• Fixes a bug that allowed the info button inside Choice component to be keyboard accessible even when the component itself was disabled.

4.2.4 #

• Updates components to use the latest Duet Icons.
• Put Tray component styles inside Shadow DOM for better isolation.
• Grid Item component now spreads padding evenly to each grid item.
• Fix an issue where Tooltip would close if clicking on Tooltip’s scrollbar in Edge/IE11.
• Fixes Tooltip’s focus styles when used inside Radio Group and Choice Group.
• Refactor Tooltip code for simplicity and improve its events handling.
• Updates Markdown documentation.

4.2.0 #

• Adds new dismissible Alert component that allows users to dismiss the alert. This way Alert can be also used as a Toast type notification.
• Adds new Tray component that is used to reveal additional information on a small viewport, that would normally be shown in the sticky sidebar of the Layout component.
• Adds new Cookie Consent component that informs users about cookie usage.
• Adds new small button styles which can be used when the space is limited. Please note that these are meant to be used without icons for the time being.
• Fixes an issue which caused the Hero component to sometimes throw a console error if analytics field was empty.
• Optimizes text components bundle in Duet to include Heading and Caption as well for better performance.
• Stepper template is now updated to use the new Tray component.
• We now clean up and validate all used SVG icons before they’re loaded onto a webpage.
• Makes Tooltip component support adjusting the breakpoint where it starts opening to left.
• Ensure links inside Paragraph component are always styled correctly.
• Makes Link component support external link icon and accessible labelling.
• Fixes a bug which caused a tooltip inside Choice Group to sometimes go under another Choice Group’s label.
• Note about CSS Framework: Please update and import styles from Duet CSS Framework version 1.4.5 to avoid a flash of unstyled content for newly added components.

4.1.6 #

• Extends Select component to support grouping options.
• Refactors Form components to favour ref over this.element.querySelector.
• Fixes Tooltip component’s label width on Safari.
• Enables hyphenation for Tooltip component.

4.1.4 #

• Allow Card component collapsed state to be controlled from the outside, support initially closed state.

4.1.3 #

• Makes Footer logo fire a duetChange event.
• Adds Angular specific adjustments and fixes to components.
• Updates @stencil/core to 1.12.6.

4.1.1 #

• Adds new “Load more” and “loading state” templates.
• Adds new padding option for List component.
• Makes sure List keeps its children updated when props change on parent.
• Makes it possible to pass aria-label to Card component’s container.
• Adds new setFocus() method for Card component.
• Duet Spinner now supports currentColor as color value giving you the possibility to style it with CSS.
• Adds new Card and List component usage examples.
• Adds new loading property for Button and deprecates the old loading variation.
• Fixes Edge and IE11 margin bug with List component.
• Fixes an issue which caused Spinner component to be sometimes incorrectly styled in Edge and IE11.
• Fixes an issue where Layout component’s sidebar was positioned incorrectly when DOM changed height.
• Simplifies logic for handling sidebar sticky state, no more imperatively adding/removing classes.
• Improves sidebar sticky functionality, ensuring sidebar is affixed/unaffixed at precise points.
• Simplifies Layout component API, by dropping sticky-top property.
• Simplifies Hero and Layout components by dropping header-distance properties and instead ensuring Header occupies space in regular document flow.
• Updates @stencil/core to 1.12.5 and @stencil/react-output-target to 0.0.6.

4.0.0 #

• This release focuses on improving the overall architecture and performance. There shouldn’t be any breaking changes, but overall this is such a big update that we recommend proper testing before going into production.
• In this release we’re switching to a completely new Web Components compiler from Stencil.js. See Stencil’s changelog for all new features.
• This release optimizes task queue to work in async mode to avoid unnecesary reflows, especially during startup. This also results in 0.5x faster rendering times compared to previous versions.
• Our bundle size also gets some major improvements. The biggest dependency up until now has been our own icon package that was previously fully loaded with some of the components that used it. This release makes sure we only load the icons that are actually used. This means 169Kb (non-gzipped) less resources transferred over the network.
• By default, the updated Icon component loads icons from JSDelivr’s Multi-CDN infrastructure built on top of CDN networks provided by StackPath, Cloudflare, Fastly, and Quantil. Once loaded, the icons are cached for one year to prevent unnecessary requests. The responses also use Brotli compression for the best possible performance.
• If you still wish to hande the hosting of the icons yourself and load them from a different location, you can do that by using the newly added src property for this purpose.
• We’ve also disabled CSS autoprefixer, simplified the overall CSS structure, and improved the way styles are reset for all components to save an additional 98Kb (non-gzipped) when all components are combined.
• This release makes all existing components support Server Side Rendering. Previously Step, Stepper, Modal, Tab Group, Radio Group, Choice Group, Radio, Select and Checkbox did not fully support SSR mode.
• Our documentation now works as an example where we’re using our Web Components without clientside JavaScript hydration. This means we’re doing the hydration on a Node.js server, so the end user gets static prerendered HTML which loads almost instantly. This also means we were able to remove clientside JS related to Components from this website (except from the iframe examples, of course, since we want to keep those editable still).
• We now provide a single, tree-shakable bundle of all the components in the package, so you can choose to use that instead of the default. Please note that this bundle does not define the custom elements. Consumers importing individual components from the bundle must define each custom element themselves. The bundle can be found from @duetds/components/lib/custom-elements-bundle.
• We’ve added a lot more visual regression tests and usage examples for certain components.
• This release also adds Edge and IE11 Server Side Rendering support for all existing components.
• Fixes a problem that prevented unchecking Checkbox when using SSR without clientside hydration.
• Fixes a problem that prevented checking and unchecking Radio when using SSR without clientside hydration.
• Makes it possible to prerender Select menu contents on the server.
• Fixes a problem that caused Edge to fail to do clientside hydration.
• Switches to using scoped styles instead of Shadow DOM in Step component to support SSR mode in Edge and IE11.
• Includes bug fixes to disabled option in Choice Group.
• Fixes styles for Choice Group when tooltip or caption settings are used.
• Fixes accessibility issue with Button component when used in link mode.
• Make it possible to use color token to set custom background color for plain Card variation.
• Makes sure Bootstrap’s CSS won’t override Duet’s own styles when used together on the same page.
• Duet now correctly handles props being unset in the following components: Alert, Button, Choice Group, Choice, Header, Hero, Icon, Input, Layout, Modal, Radio Group, Select, Textarea, and Tooltip.
• Adds <slot> documentation for components that have multiple slots. See an example here.
• Icon component now supports setting currentColor. This forces the icon to use the CSS text color of parent element instead of design token. Useful when you want to control the color of icon in your stylesheet instead.
• Adds new border-dark Card component style variation.
• Note about CSS Framework: Please update and import styles from Duet CSS Framework version 1.4.1 to avoid a flash of unstyled content for newly added components and to fix issues with Bootstrap.

3.4.22 #

• Adds new border Card component style variation.
• Adds new Price Summary template.
• Converts Grid Item component to use padding instead of margin for inline space.
• Converts Radio component to use padding instead of margin for inline space.
• Fixes a bug that caused nested grids to inherit responsive prop of the first grid in the DOM.
• Fixes the bottom margin of Table footer in plain table variation.
• Bug fixes to Button component’s disabled variation.

3.4.18 #

• Ensures all ARIA attributes in Number Input component have valid values.
• Ensures SVG icons in Footer component stay hidden from screen readers.
• Extracts common code in components for inheriting global theme.
• Improves :hover styles for Card component when it’s used as a link.
• Improves :hover styles for Footer component’s items.
• Improves :hover styles for Button and its primary states.
• Improves :hover styles for Step component edit button.
• Fixes Step component edit icon color in Turva theme.
• Adds internal fixes to Number Input component.
• Includes also generic performance and bug fixes.

3.4.17 #

• Removes overflow: hidden from List Item component to allow tooltips to be used inside the slots.
• Adds label-hidden property for Checkbox to make it possible to build custom labels.
• Fixes icon’s vertical centering in Input component when body’s line-height is over Duet’s default.
• Make sure Tooltip component closes when clicked outside.
• Grid component now properly supports alignment on mobile as well when responsive behaviour is disabled.

3.4.14 #

• Adds a new Collapsible component.
• Adds a new Table component example for Comparison data.
• Adds a new template example for comparison table.
• Adds the possibility to disable responsive behaviour of Table component.
• Switch to using RGBA transparencies for Striped Table to allow custom overflow shadow usage.
• Fixes a bug in Icon component that caused the icon to sometimes show up too large in IE11 when using the auto size property.
• Fixes a bug in Icon component that prevented from setting the icon color when background color was set.
• Fixes a bug in Stepper component that caused the edit icons to be too large in IE11.
• Note about CSS Framework: Please update and import styles from Duet CSS Framework version 1.3.9 where Collapsible component is added to avoid a flash of unstyled content for newly added components.

3.4.11 #

• Fixes Number Input’s duetChange event on blur. Previously it wasn’t always firing a change event when the value had been manually entered.
• Adds new Stepper example with custom steps.
• Adds support for external links into the Footer component.
• Makes Icon component support auto sizing based on the container size.
• Import CSS Custom Properties in templates and component examples so that you can now play with them in e.g. CodePen.

3.4.8 #

• Adds a new Number Input component.
• Adds a new numericKeyboard property for Input component.
• Fixes a bug that caused Turva’s buttons to use wrong text colors in old Edge browsers.
• Fixes a bug that caused the tooltip to close immediately when triggered with Enter key.
• Removes disabled cursor from disabled inputs and converts it to text cursor instead to make it more obvious that the contents can be selected.
• Makes the whole heading area in Card component clickable/tappable when collapsible prop is used.
• Improves Card component’s transitions and optimizes its CSS bundle size.
• Adds the possiblity to add secondary heading to Card component.
• Old React helpers introduced in v1.x are being deprecated and removed from the package.
• Note about CSS Framework: Please update and import styles from Duet CSS Framework version 1.3.6 where Number Input component is added to avoid a flash of unstyled content for newly added components.

3.4.6 #

• Fixes a bug that caused the selected tab in a Tab Group to fire two duetChange events. This means you now only get change events when a user changes the Select value, and not when it is programmatically changed. This matches behaviour of the native HTML select, which only emits event when user has changed something.
• Fixes a bug in Grid Item component that caused medium breakpoint to sometimes apply styles incorrectly.
• Fixes a bug in Radio component that caused the responsive behaviour to break when used inside Radio Group.
• Fixes a bug that caused Card component to underline all text content in Chrome when url option was used.
• Fixes a bug that caused Grid Items to sometimes overflow outside of the Grid in IE11.
• Makes Grid support x-large breakpoint in addition to small and medium.
• Correctly minify CSS shim build.
• Updates Stencil.js to version 1.9.2.

3.4.0 #

• Adds new Table component.
• Fixes a bug in Layout component that caused the component to throw a console error on mobile devices when sidebar wasn’t used.
• Fixes a bug in Input component that caused x to display over input’s icon in Edge 18.
• Fixes a bug in Modal component that caused it to sometimes prevent scrolling of the page underneath even after the Modal itself was closed.
• Makes it possible to pass data as valid JSON via HTML attributes to object and array type props in both Header and Footer component to make them fully SSR compatible. For an updated example, go here and see the example called: “Passing arrays and objects to header as JSON via attributes for SSR support.”
• We now emit a duetAnalytics event in Header, Footer and Hero components whenever items with analytics associated get clicked. You should be able to listen to this and extract the correct analytics data. To use this new feature, pass a new analyticsId key while passing other items to these components.
• Improves the performance of Header component by getting rid of extra re-renders when initially loading the component.
• Duet now passes data- and aria-attributes correctly when using the React components.
• Updates Stencil.js to version 1.9.1.
• Note about CSS Framework: Please update and import styles from Duet CSS Framework version 1.3.5 where Table component is added to avoid a flash of unstyled content for newly added components.
• Breaking changes: If you were previously passing objects and arrays to Header or Footer using plain html attributes, you need to now pass them as valid JSON. For an updated example, go here and see the example called: “Passing arrays and objects to header as JSON via attributes for SSR support.” If using real props in React, Vue or Angular, then this change should not affect you as we’ve only changed the way basic HTML attributes are treated.

3.3.7 #

• Adjusts type scale for Heading component’s levels h5 and h6.
• Makes it possible to center the text in Hero component when no illustration is used.
• Fixes Layout component’s top slot margin handling.
• Updates divider to use color-gray-light.
• Fixes Select’s text truncation when the selected value is really long.

3.3.1 #

• Adds new Badge component.
• Adds new List and List Item components that replace the previous Definition List component. Please note that we don’t pass the items as an array anymore. Instead, use <duet-list-item/> for this purpose.
• Definition List is deprecated and will be removed in the future releases. Using the component gives now a console warning in this release.
• Adds SSR compatibility for the new List component.
• Fixes old Edge and IE11 issues with the List component.
• Fixes Tooltip z-index issue with Choice Group title.
• Adds TypeScript typings for all components and properties. Improves documentation and developer experience.
• Adjust non-striped Definition List’s spacing on mobile to be tighter.
• Make it possible to adjust label’s width in Definition List component.
• Now provides duetChange event for all Header links including logo, back, and skip to content functionalities.
• Updates Stencil.js to version 1.8.11.

3.2.0 #

• Adds new Stepper and Step components.
• Fixes Hero component’s layout alignment on IE11.
• Switches to using extra bold font weight for level 4 Heading.
• Improves Layout component’s responsiveness on tablets and desktop.
• Improves Layout component’s margin handling and sizing.
• Fixes a bug that caused the layout’s main column to sometimes sit lower than the sidebar.
• Fixes a bug with Spacer component that sometimes caused the Spacer to disappear when used with flexbox.
• Updates Stencil version to 1.8.9.

3.1.14 #

• Generates now React wrapper that better supports SSR.
• Updates TypeScript version used to 3.7.5.
• Updates Stencil version to 1.8.7.

3.1.12 #

• Fixes a bug that caused the Heading component to ignore margin="none" setting.
• Fixes an issue that caused the button component to expand containers to 100% height under certain conditions
• Fixes an issue that made the Heading component disappear from Hero Area under certain conditions when using the component in a React application.
• Fixes positioning issue with Checkbox component when Turva theme is used.

3.1.11 #

• Fixes an iOS layout bug in the new Hero Area image variation.
• Fixes disabled state styles for Button component.
• Fixes and error that caused MutationObserver to throw an error in SSR mode.
• Fixes Grid and Grid Item components in SSR mode.
• Fixes Card component’s info variation’s styles.
• Fixes Choice component’s padding when info functionality is used.

3.1.7 #

• Adds character counter functionality to Textarea component.
• Makes slot polyfills for appendChild() and cloneNode() part of components package.
• Improves the developer experience by making the component library generation 8.5x faster in dev environment.
• Components don’t anymore ship with CSS Variables shim which improves performance for IE11 and other legacy browsers.
• Makes it possible to change icon and icon color in gray Hero Area variation in addition to fixing Turva theme.
• Layout component’s responsiveness is adjusted to better match Header, Footer and Hero Area components.
• Footer component’s responsiveness is adjusted to better match Header and Layout components.
• Improves Header component’s dropdown styles.
• Makes it possible to use any color token as a background color on Card component.
• Adds new image variation for Hero Area component.
• Adds new image property for Card component that allows you to add an image to card.
• Makes Grid component support setting width and height inline.
• Fixes a bug that caused Grid component to not apply classes correctly to its childs.
• Removes unnecessary slot from Spacer component.
• Adds slots for Grid and Grit Item components.
• Fixes text alignment when using Button component and plain variation together with an icon.

3.1.6 #

• Simplifies the event handling logic for window and document in order to better support server side rendering.
• Force Definition List to break really long words onto multiple lines.
• Card component’s mobile variation has now more padding in its heading.
• Make margin="none" setting work on Definition List.
• Tweaks non-striped version of Definition List to have less inner spacing.
• Fixes positioning of tooltip in Textarea component.
• Make Choice Group and Radio Group support tooltip.

3.1.5 #

• Generic code refactoring and cleaning up technical dept.
• Removes unnecessary console.log from Modal component and puts focus back to close button when going forward from last element with tab key.
• Converts Header and Footer components to use new xxx-large media query token.
• Generates now alert text colors from background color tokens.
• Fixes z-index bug in Button component.

3.1.3 #

• Adds new Modal component.
• Button component’s inline spacing is slightly adjusted according to a new modal dialog design.
• Button component now has a new setFocus() method similar to other form components that allows you to set focus on the specified Button component.
• Own property usage in all components have been unified to follow Duet’s code style guide.
• Choice component has some slight stylistic tweaks which only affect the visual style of the pseudo checkbox and radio elements inside them.
• Header component does not anymore require you to always pass something to href properties (e.g. "#"). Instead, this is handled internally in the component in case nothing was passed.

3.1.2 #

• Renames navDistance property to headerDistance and give deprecation warning when using the old property. Both still work, but support will be removed in the future releases.

3.1.1 #

• Fixes an issue in Choice component which made it impossible to deselect a checkbox on Android screen reader.
• Update Safari 10.x to use es5/system builds.
• Fixes appendChild when using slot polyfill.

3.1.0 #

• Fixes problem that caused custom icon in Input component to be in wrong position when label was on multiple lines.
• Removes alternative style prop from Choice component, modifies the style, and makes this the default style instead.
• Makes duetInput, duetBlur, and duetFocus events return similar objects as duetChange does.
• Fixes Choice component’s focus styles in Android’s TalkBack screen reader.
• Adds accessibility improvements to Tooltip component to make it possible to close it using iOS/Android screen reader.
• Fixes a bug in Select component that caused it to fire change event two times under certain conditions.
• Adds new accessibleCloseLabel property for tooltip that allows you to set the text content for tooltip’s close button.
• Fixes a bug in tooltip component that caused the focus to move onto wrong element after closing the tooltip.

3.0.2 #

• Makes Choice component support SSR.
• Fixes Header component’s drop shadows in SSR mode.
• Switches to using official Stencil.js build with SSR support.

3.0.0 #

• Breaking change: duet-nav is renamed to duet-header. Please update your templates accordingly. You only need to replace <duet-nav></duet-nav> with <duet-header></duet-header> since all the properties and attributes stay the same as previously.
• v3 release comes with full SSR (server side rendering) support for Duet’s Web Components including client-side hydration.
• All components are reworked to follow our code style guide and updated development standards.
• Makes Radio Group and Choice Group support dynamic contents.
• Fixes an issue in Radio component that caused the alternative style to sometimes trigger unwanted duetChange event.
• Fixes a bug in Navigation component’s focus styles.
• Fixes Navigation component’s undefined items check.

2.8.15 #

• Select component now support setting a placeholder property.
• Select component’s disabled styles got some bug fixes.
• Performance of input component has some improvements.
• Angular output target includes improvements and bug fixes.
• Stencil.js is updated to v1.8.2.

2.8.14 #

• Fixes a bug that prevented from doing live pattern validation on input components.
• Add support for alternative Choice style.

2.8.11 #

• Make sure disabled button never triggers an action.
• Make it possible to pass color prop values without “color-” or "color" in the beginning of the string.
• Removes extra right padding from label when tooltip isn’t used.
• Use correct input padding when custom icon property is used.

2.8.8 #

• Fixes accessibility of the dropdowns in Navigation component.
• Fixes a bug that caused arrow up/down keys to not change the selection in JAWS in Navigation component dropdowns.

2.8.7 #

• Fixes accessibility issue in Select component.
• Fixes accessibility/screen reader issue in Footer component.
• Fixes accessibility issue in Navigation component when using VoiceOver on iOS.
• Fixes accessibility issue in Choice component which prevented doing a selection when using VoiceOver on iOS.
• Fixes accessibility issues in templates.
• Adds new Modal prototype.

2.8.6 #

• Fix bug that made it impossible to uncheck radio component programmatically.

2.8.5 #

• New responsive text styles for Heading and Paragraph components that use viewport units.
• Switches to using Heading component in Hero Area, instead of a custom heading.
• Removes forced “text-align: left” from card component.
• Improves centered narrow layout variation width handling in CSS.

2.8.2 #

• Adds new Choice Group component that allows you to group Choices in a similar manner as Radio Group works with Radio components.
• Fixes bugs in Tooltip component.
• Generic bug and performance fixes.

2.8.0 #

• Breaking change: Stops custom duetChange events from bubbling up which fixes e.g. cases where you might have Checkbox component inside a Choice expand area.
• New Events API: Makes all components emit component names when using duetChange and switches to using a more consistent client-side Events API.
• SSR: Components now support server side rendering without client-side JavaScript hydration (client-side hydration coming next year).
• Fixes component and template example CodePen code creation.
• Makes it possible to pass Navigation component’s items array as inline attribute even in basic HTML.
• Makes it possible to pass label for Toggle component.
• Adds new refresh() method for Navigation component.
• Implements global ComponentInterface for all components.
• Fixes transition bugs in Button component.
• Adds new hostContext utility which allows us to determine where components are in the DOM Structure.
• Fixes Layout component bug that caused the narrow layout to be incorrect width on some browsers.
• Fixes a bug in Range Slider component that caused the debounce option to not work.

2.7.1 #

• Big performance improvements and bug fixes to both Navigation and Layout component.
• Content for Layout component’s main column is now passed via a slot called “main”. See updated examples for usage.
• Adds new small variation for Paragraph component.
• Adds Duet component hydration app built for a NodeJS environment.
• Fixes IE11 bug with Navigation.
• Removes unnecessary transitions from Label components.

2.7.8 #

• Fixes Icon component’s scaling.
• Adds initial prototype of gray Hero variation.
• Makes Heading component support bottom border.
• Fixes a bug with Navigation component’s back and region settings.
• Fixes card info variations margin handling.
• Adds tweaks to various spacing handlings.

2.7.6 #

• Adds bug fixes to Spacer, Textarea, Range Slider, Radio, Paragraph, Radio Group, Input, Label, and Checkbox components.
• Makes Card support plain variation + uses transparent grays for info variation
• Improves Footer component’s styles for simple variation.
• Cleans up Navigation component’s className usage.
• Fixes bug which caused navigation to trigger animation on resize.
• Makes it possible to add caption to Radio Group component.
• Updates all examples to be theme agnostic.

2.7.5 #

• Fixes a bug that caused the checkmark symbol in Choice Button to sometimes disappear in Safari.
• Fixes a bug that caused the icons in Card heading to sometimes appear in the wrong position.
• Makes it possible to have a visible label on the tooltip.
• Adds new simple footer variation and support for sticky footer.

2.7.2 #

• Layout component’s padding is adjusted on mobile viewports to be 16px instead of 20px.
• Local development environment is now 7x faster to work with.
• Updates React build instructions.

2.7.0 #

• Breaking visual change: card component’s responsive behaviour changes slightly to match the new responsive grid and spacer utilities. Make sure your cards behave the way they should after update.
• Adds new Grid functionality that allows us to build more complex layouts.
• Adds new Grid Item component.
• Adds new Spacer functionality that allows you to adjust the breakpoint where the spacer is used.
• Adds new Icon component for easier icon usage.
• Adjusts the responsive breakpoints and spacing of the Card component slightly.
• Adjusts the inline spacing of Button component and Choice Button component slightly to match the new grid tools.
• Adjusts the breakpoints for all form components to match the new grid tools.
• Adds new “size” option for Label component that allows you to control its text size.
• Adds new “wrapping” option for Button component that disabled text wrapping when needed.
• Adds support for disabled state in Choice Button component’s info icon.
• Adds new refresh() method for Tab Group component for better i18n support.
• Adds new refresh() method for Radio Group component for better i18n support.
• Adds new component usage examples and templates.
• Fixes positioning of “skip to content” link in very large viewports.
• Fixes a bug which caused the “margin: none” setting to not work with Paragraph Component.
• Adds screen reader fixes to the Footer component.

2.6.19 #

• Adds new caption component.
• Makes it possible to have a caption inside Choice Button.
• Makes it possible to have a caption inside Radio Group.
• Adds new info functionality to Choice Button.

2.6.15 #

• Adds collapsible property and functionality for card component.
• Adds support for footer in card component.
• Adds support for new x-small and x-large padding for card component.
• Adds new card theme variation (info type).
• Fixes CSS font feature settings for all components.
• Fixes Turva input error states to not use LocalTapiola colors.
• Updates license included.

2.6.13 #

• Adds new Choice Button component and related documentation.
• Adds end-to-end, unit and screenshot tests for new choice button.
• Removes box-shadows from all form components to unify the components UI even more with the new Choice and Tab components.
• Fixes a bug in Radio component which caused the component to fire multiple change events instead of one under certain conditions.
• Fixes bugs in Radio Group component and improves it’s performance.
• Fixes a bug in Label component that caused margin: none to still add 4px of margin underneath the component.
• Makes footer component respect layout max-width more precisely.
• Fixes typo in Tab Group component that affected accessibility: “arial-labelledby” was changed to “aria-labelledby”.
• Fixes the handling of ID attributes in all components and improves performance.
• Adds new responsive option to Grid and Radio Group components.
• Fixes rendering issue with Tabs component that happened in some Android browsers.

2.6.1 #

• Adds “Skip to content” functionality to Navigation.
• Removes unused dependencies and updates existing to latest.
• Adds setFocus() method for all form components.
• Makes all form components support live ARIA errors for accessibility.
• Adds new form validation template that shows how to use validation in an accessible way with duet form components.
• Fixes visual regression tests and add new tests for error states.
• Adds new show more/show less example for buttons.
• Adds accessibility tests for new templated created.

2.6.8 #

• Fixes a bug with Select component that made it in some cases show incorrect pre-selected value inside the menu.
• Adds Duet Tab and Tab Group components for building Tabs interfaces.
• Fixes Turva text colors in multiple components.
• Fixes mobile navigation toggle rendering on some Mobile Chrome versions.
• Adds accessibility fixes to Navigation component.

2.6.7 #

• Fixes conflicts with Twitter’s Bootstrap library.
• Makes it possible to pass color tokens to components using both camelCase and kebab-case.

2.6.4 #

• Fixes a bug that incorrectly set const instead of var for types.
• Fixes the configuration of Radio Component for Angular.
• Adds package-lock=false to .npmrc.

2.6.2 #

• Prop called “spacing” is deprecated for all components. If you were previously using spacing="none" for Button component, you now need to set both margin and padding to "none". See below for more information.
• Complete rework of spacing. All components now come with prop called margin that allows you to set it to either “auto” or “none”. auto option takes care of the surrounding space, but for cases where we want to remove the margins completely, you can use the none setting. Additionally, some components also now come with more granular options for this and provide a prop called padding as well to control the inner spacing.
• Duet component system now generates both Angular and React wrappers for the core Web Component library.
• Adds new screenshot diff tests for button and more fixes to button component’s icon handling.

2.5.1 #

• “padding” prop is renamed to “spacing” since it affects both padding and margin.
• Adds nicer focus styles.
• Adds bug fixes to button component when using plain variation with no spacing and an icon.
• Makes the footer auto update its copyright year.
• Makes the footer more smart regarding the language its using.
• Fixes a bug in Spacer component that made the element too high when adding horizontal spacing.

2.4.8 #

• Adds new footer component.
• Fixes a bug which caused certain characters to disappear from specific content slots.
• Fixes definition list spacing.
• Adds fixes to Heading component styles and space handling.
• Fixes a bug that caused the tooltip component to sometimes open to incorrect direction (up instead of down).

2.4.5 #

• Fixes Angular build error, recommended update for all users.
• Adds visual diff tests for all components.
• Fixes issues mainly with Turva components that the new visual diff tests found.
• Adds new definition list component.

2.4.2 #

• Removes “classnames” library dependency and simplifies the classname logic for all components.
• Converts other Duet packages into regular NPM dependencies.
• Adds possibility to add an icon to Alert component.
• Makes it possible to use “small” size for icon in a button.
• Adds style fixes to Button component.
• Adds new layout variations to layout component.
• Makes it possible to remove padding from button component.

2.3.4 #

• Updates stencil/core to latest.
• Makes heading level customizable in card component. Now you can better control the html page outline.
• Accessibility fix: hides input icons from screen readers.
• Makes it possible to add icon next to the card component heading.
• Adds new card code examples to documentation.
• Adds example on how to use the heading component with different visual levels.
• Adds label selection accessibility fixes.
• Fixes hero area component min-height.
• Fixes disabled styles for Turva’s button.
• Fixes labels spacing.

2.2.4 #

• Removes white background from plain button.
• Makes it possible to add any icon from Duet’s library into input.
• Adds new light variation for hero area component.
• Adds new hero area (light) template.
• Adds new option to duet-layout that controls whether sticky sidebar is used with or without nav links in navigation components.

2.2.1 #

• Fixes leaking variables and improve resource resolution logic.
• Removes form autofocus props per our accessibility requirements.
• Fixes input initial render of props.
• Emits now pure JSX namespace.
• Fixes SVG xlink attributes.
• Uses textContent instead of innerHTML for css-shim.
• IE11 CSS vars polyfill fix.
• Adds guard against undefined nodes in getRootNode.
• Updates @stencil/core to 1.5.4.

2.1.3 #

• Optimizes the component bundles and their sizes by logically grouping often used components into the same lazy-loaded bundles.
• Makes the button change to 100% only in the smallest viewports.
• Adds protection for cross site scripting (XSS) and sanitization for all strings.
• Fixes notification badge color accessibility in Navigation component.
• Fixes a bug where dropdown would open into wrong direction in Navigation component when it was the only child.
• Fixes a bug where language dropdown in Navigation component had a right border when it was the only child.

2.0.8 #

• Completely reworks accessible color contrasts for all components.
• Adds new min and max properties for input and textarea components.
• Adds new error templates and related new features for layout component.
• Adds new grid component that allows you to put components side by side.
• Fixes heading component text sizes on mobile viewports.
• Fixes a bug which caused Navigation component to show dropdown on mobile even when it was empty.
• Fixes a bug in search input’s cancel icon placement.
• Adds new H0 size for heading component that can be used for marketing purposes.

1.5.4 #

• Adds accessibility improvements.
• Smaller components and better performance.
• Improves the performance of certain components like the Navigation, Input, Button, etc.
• Publishes new tooltip component and adds support to form components for a tooltip.
• Also published new heading component.
• Also adds new templates into documentation.

1.4.3 #

• Fixes Edge 16 issues with Button component and Range Slider component.
• Component package now comes with built-in VS Code documentation.
• Includes a new layout component and lots of fixes to all form components and their layout.
• Includes two bug fixes for Hero Area component. Previously, when no buttonData was passed, the button gave an error when clicked. Not anymore! Additionally also includes a layout fix.
• Publishes card component for usage.

1.3.2 #

• Big form components release: Input, Textarea, Select, Toggle, Checkbox, Radio, Radio Group, Range Slider and Paragraph are now ready for production usage.
• Keep in mind that some advanced features might still be missing.
• Let us know if you encounter any bugs with these new components!

1.2.2 #

• Performance update: the component’s are now initialized faster so recommeding this update to all users.
• Breaking change: Hero’s and Card’s “title” options renamed to “heading” to avoid conflicts with HTML title attribute.
• Adds the possibility to hide specific parts from Hero component.

1.1.6 #

• Adds new Hero Area component and related tests.
• Lots of behind the scenes bug fixes and performance improvements included via Stencil (We’re now using Stencil.js v1.3.2).
• Creates new improved frontend API for Navigation component.
• This version includes breaking changes to Navigation component’s prop naming and usage.

1.0.52 #

• Adds new pre-production ready navigation component.
• Adds new pre-production ready logo component.
• Adds new pre-production ready alert component.
• Adds fixes to button component.
• Now warns in console if trying to use a component not ready for production.
• Various performance improvements and bug fixes.

1.0.33 #

• Updates all dependencies
• Fixes IE11 checkbox issues
• Adds intro variation to paragraph component
• Adds definition list component
• Adds list component
• Adds visually hidden component
• Fixes spinner colors to work
• Adds generic component fixes

1.0.20 #

• Fixes a bunch of Safari bugs with component colors.
• Adds new spacer component.
• Finalized and adds proper event handling for all existing components.
• Generic bug fixes and performance improvements.
• Switches to using className based theming for simplicity.
• Adds new tooltip component.

1.0.3 #

• Switches to using Shadow DOM :host-context for theming.
• Simplifies overall component structure.

1.0.0 #

• Initial release of Duet component system.
• Provides only two components for now: button and spinner.
• See the documentation for more details.

Fonts #

2.0.2-37 #

• Internal version Bump.

2.0.0 #

• Built with nodejs version 16.17.0.

1.4.44 - 1.3.14 #

• Internal version Bump.

1.3.13 #

• Updates CSS Linting instructions and updates the Sass styles.

1.3.12 #

• Adds package-lock=false to .npmrc.
• Removes unused dependencies and updates existing to latest.
• Updates license included.

1.3.3 #

• Fixes hinting for Windows in regular (400) weight. Lowercase f and t now render better when using browser or OS zoom functionality.
• Includes new bold and italic styles as well, but these aren’t linked since we don’t use them on the Web (they are for print).

1.2.11 #

• Changes static CSS Font URLs to point to the same directory as the CSS is in.
• Enables LocalTapiola’s preferred font anti-aliasing tehnique on macOS.
• Grayscale font smoothing for Firefox and antialiased for WebKit.
• Generic bug fixes and performance improvements.

1.1.4 #

• Adds visible build status and version in the readme file.
• Changes the shape of “acute” just a tiny bit to fix Sketch app auto line-height issues.
• Changes the default path in static CSS to expect that the fonts are hosted inside /assets/fonts/.

1.0.5 #

• Fixes hinting instructions for lowercase “t” and “f” letters.
• Includes changes to the hinting instructions provided in the font files.
• This version renders better on all browsers running on Windows.
• Adds documentation on how to use the new Fonts API.

1.0.0 #

• Initial release.
• Configurable SCSS and Less imports in addition to basic CSS.
• Includes new LocalTapiola and Turva fonts.

Icons #

3.0.29-37 #

• Version bump in packages.json.

3.0.25 #

• Added new category icons.

3.0.24 #

• Version bump in packages.json.

3.0.21 #

• Added action-archive.svg.

3.0.10-20 #

• Version bump in packages.json.

3.0.9 #

• Added map-location.svg.
• Added map-poi-selected.svg.
• Added map-poi-unselected.svg.

3.0.6-8 #

• Version bump in packages.json.

3.0.5 #

• Added add-property.svg.
• Added car-damage-collision.svg.
• Added car-damage-vandalism.svg.
• Added car-damage-windshield.svg.
• Added car-fire.svg.
• Added car-parking.svg.
• Added car-repair-engine.svg.
• Added damage-theft.svg.
• Added weather-cloud-snow.svg.

3.0.4-5 #

• Version bump in packages.json.

3.0.3 #

• Add expression-star-filled icon.

3.0.2 #

• Add action-car, action-car-add and messaging-emergency-service icons.

3.0.1 #

• Version bump in packages.json.

3.0.0 #

• Built with nodejs version 16.17.0.

2.5.2-1 #

• Version bump in packages.json.

2.5.0 #

• Lib contents added to module.

2.4.1 #

• Version bump in packages.json.

2.4.0 #

• New icons added.

2.3.16-10 #

• Version bump in packages.json.

2.3.9 #

• Added activity-delivery icon.
• Fixed some icons rendering filled areas.

2.3.8 - 2.3.0 #

• Version bump in packages.json.

2.3.0 #

• New icons added.
• Light variations are suffixed with -light.

2.2.24-2.21.19 #

• Version bump in packages.json.

2.2.18 #

• action-menu-dots added as new icon type

2.2.17 - 2.2.7 #

• Version bump in packages.json.

2.2.6 #

• Added profile-add and profile-info icons

2.2.5 #

• Version bump in packages.json.

2.2.4 #

• Version bump in packages.json.

2.2.3 #

• Version bump in packages.json.

2.2.2 #

• Version bump in packages.json.

2.2.1 #

• Version bump in packages.json.

2.1.10 #

• Version bump in packages.json.

2.1.9 #

• Version bump in packages.json.

2.1.7/2.1.8 #

• Version bump and new lockfile.

2.1.6 #

• Version bump and new lockfile.

2.1.4/2.1.5 #

• Version bump and new lockfile.

2.1.3 #

• Automatically optimise icons with svgo.

2.1.2 #

• Add 6 new icons: messaging-action-new-page, messaging-phone-hand, messaging-buy-online, messaging-s-bonus, category-car-fire-coverage, category-car-breakdown-coverage.

2.1.1 #

• Add new invoice icon navigation-invoice.
• Fix overly-aggressive optimisation in action-policy-delete icon.
• Add "cottage" tag to category-home icon.
• Improve tags for a number of other icons.

2.1.0 #

• Add typescript type definitions.

2.0.37 #

• Adds new claim-travel-cancellation, claim-travel-interruption, claim-travel-missed-connection icons.

2.0.36 #

• Improves the readme documentation for icons package.

2.0.34 #

• Replaces the old messaging-terms icon with a new one.
• Adds new action-policy-delete, action-policy-edit icons.

2.0.32 #

• Adds new messaging-action-warning icon.

2.0.31 #

• Adds new messaging-bandage-leg, messaging-death, messaging-first-aid, messaging-heart-monitor, messaging-radiology-scan icons.

2.0.30 #

• Adds new messaging-heart-beat, form-user-multiple, form-user-single icons.

2.0.29 #

• Adds new messaging-phone-heart icon.

2.0.28 #

• Fixes messaging-calendar-remove and messaging-calendar-add circle shapes.

2.0.27 #

• Adds new messaging-checked-file icon.

2.0.26 #

• Adds new form-volume icon.
• Updates form-area icon.

2.0.25 #

• Adds new damage-furniture icon.
• Adds new damage-glasses icon.
• Adds new damage-sports-equipment icon.
• Adds new damage-tv icon.

2.0.24 #

• Adds new messaging-action-link icon.

2.0.19 #

• Adds new action-new-window icon.
• Adds new action-new-window-small icon.

2.0.16 #

• Fully automates the icon library and documentation generation.
• Adds new category-travel icon.

2.0.1 #

• Adds new action-add-small and category-finance icon.
• Updates license included.

2.0.7 #

• Adds package-lock=false to .npmrc.
• Removes unused dependencies and updates existing to latest.

2.0.5 #

• New smaller build size for faster loading.
• Adds 4 new icons: action-car-disable, action-car-enable, action-car-transfer and form-location-filled.

1.0.31 #

• Fixes "category travel" icon.
• Adds new small scale chat icons.
• Adds calendar add/remove icons.
• Adds 6 new finance related icon.
• Adds calendar warning icon.
• Adds messaging success icon.
• Adds small version of “checked” icon in addition to 8 additional new icons.
• Adds visible build status and version in the readme file.

1.0.4 #

• Adds 12 new icons to the iconset.
• Adds inline fill="currentColor" for all icons.

1.0.0 #

• Initial release of Duet icon system.
• Provides icons in SVG format and as JS modules.
• Automatically generates Sketch icon library.
• See the API documentation for more details.

CSS #

2.0.21-37 #

• Version bump in packages.json.

2.0.20 #

• Change code generation method.

2.0.2-11 #

• Version bump in packages.json.

2.0.0 #

• Built with nodejs version 16.17.0.

1.8.2-1 #

• Version bump in packages.json.

1.8.0 #

• Lib contents added to module.

1.7.42 - 1.5.15 #

• Version bump in packages.json.

1.5.14 #

• internal version bump and new lockfile

1.5.12/1.5.13 #

• Updates internal @duetds/tokens version to 2.23.
• Updates internal @duetds/components version to 4.23.0.
• Adds internal verification of css order

1.5.11 #

• Updates internal @duetds/components version to 4.22.0.

1.5.0 #

• Updates internal @duetds/tokens version to 2.2.0.
• Updates internal @duetds/components version to 4.14.0.

1.4.26 #

• Updates internal @duetds/components version to 4.13.4.

1.4.24 #

• Adds fixes to the table overflow utility class.

1.4.21 #

• Improves the readme documentation for icons package.

1.4.20 #

• Adds missing components to CSS Framework.
• Automates the generation of components.

1.4.17 #

• Improves the performance of the CSS Framework.

1.4.16 #

• Adds updates to the newly added data visualization design tokens.

1.4.15 #

• Adds new data visualization design tokens.

1.4.14 #

• Adds better base styles for fieldset and legend.

1.4.13 #

• Adds initial font-family for button, fieldset, form, input, label, select, and textarea.

1.4.12 #

• Adds new .duet-sticky-body utility class. See documentation.
• Adds new .duet-sticky-content utility class. See documentation.

1.4.11 #

• Adds bug fixes to CSS Framework.

1.4.1 #

• Adds new Empty State component to CSS Framework.

1.4.9 #

• Adds new Date Picker component to CSS Framework.

1.4.8 #

• Adds new .duet-toast utility class. See a usage example here.

1.4.7 #

• Makes <em> and <i> tags render in normal style as we don’t support italics in Duet.
• Makes it possible to adjust .duet-list margins via CSS Framework classes.
• Removes bottom margin from :last-of-type list item in duet list.

1.4.6 #

• Adds new Tray components to CSS Framework.
• Adds new Cookie Consent component to CSS Framework.

1.4.4 #

• Adds new .duet-animate-load utility class to animate the page in once it’s hydrated.

1.4.1 #

• Makes <strong> and <b> tags render as semibold in LocalTapiola theme.

1.4.0 #

• Makes sure Bootstrap’s CSS won’t override Duet’s own styles when used together on the same page.

1.3.9 #

• Adds new Collapsible components to CSS Framework.
• Adds new responsive table class helpers.

1.3.6 #

• Adds new Number Input component to CSS Framework.

1.3.5 #

• Adds new Table component to CSS Framework.

1.3.4 #

• Adds basic anchor tag styles to CSS Framework.
• Bug fixes.

1.3.2 #

• Adds new Badge, List and List Item components to CSS Framework.

1.3.1 #

• Fixes padding for .duet-list utility.

1.3.0 #

• Adds new .duet-list utility class for styling unordered and ordered lists.
• Adds basic typographic styles for <body> for both LocalTapiola and Turva.

1.2.36 #

• Adds new missing components to CSS Framework.

1.2.34 #

• Adds a new utility that automatically adjusts the space between a Paragraph and a Button component.

1.2.32 #

• Fixes CSS gradient height in CSS framework.
• Adds text alignment tools.
• Adds new breakpoint utility. Add “duet-breakpoints” class to html element to see which Duet breakpoint is active.

1.2.28 #

• Adds common fixes to CSS framework and makes it support sticky footer.
• Adding “duet-sticky-footer” class to html element will push the footer component always to the bottom.

1.2.25 #

• Adds support for new Grid, Grid Item and Icon components.
• Tweak the spacing between adjacent duet-paragraph and duet-heading.
• Fixes the documentation for background color utilities.

1.2.24 #

• Adds support for new Caption and Choice components.

1.2.23 #

• Adds package-lock=false to .npmrc.
• Removes unused dependencies and updates existing to latest.
• Updates license included.

1.2.16 #

• Applies box-sizing: border-box; by default for everything.
• Adds reasonable defaults (100%) for text-size-adjust and font-size.
• Sets HTML+BODY margin and padding to 0 by default.
• Enables LocalTapiola’s preferred font anti-aliasing tehnique on macOS.
• Adds new background gradient utility classes.
• Now hides contents of the page while Duet loads to avoid FOUT.
• Makes body’s min-height 100%.

1.1.18 #

• Adds new CSS utilities and fixes.
• Use prefix for all classes like documented.
• Output both minified and unminified versions.

1.0.0 #

• Initial release of Duet CSS framework.
• See the documentation for more details.

React #

6.8.0 #

• Updates internal @duetds/components version to 6.8.0.

6.7.1 #

• Updates internal @duetds/components version to 6.7.1.

6.7.0 #

• Updates internal @duetds/components version to 6.7.0.

6.6.2 #

• Updates internal @duetds/components version to 6.6.2.

6.6.1 #

• Updates internal @duetds/components version to 6.6.1.

6.6.0 #

• Updates internal @duetds/components version to 6.6.0.

6.5.3 #

• Updates internal @duetds/components version to 6.5.3.

6.5.2 #

• Updates internal @duetds/components version to 6.5.2.

6.5.1 #

• Updates internal @duetds/components version to 6.5.1.

6.5.0 #

• Updates internal @duetds/components version to 6.5.0.

6.4.0 #

• Updates internal @duetds/components version to 6.4.0.

6.3.5 #

• Updates internal @duetds/components version to 6.3.5.

6.3.4 #

• Updates internal @duetds/components version to 6.3.4.

6.3.3 #

• Updates internal @duetds/components version to 6.3.3.

6.3.2 #

• Updates internal @duetds/components version to 6.3.2.

6.3.1 #

• Updates internal @duetds/components version to 6.3.1.

6.3.0 #

• Updates internal @duetds/components version to 6.3.0.

6.2.12 #

• Updates internal @duetds/components version to 6.2.12.

6.2.11 #

• Updates internal @duetds/components version to 6.2.11.

6.2.10 #

• Updates internal @duetds/components version to 6.2.10.

6.2.9 #

• Updates internal @duetds/components version to 6.2.9.

6.2.8 #

• Updates internal @duetds/components version to 6.2.8.

6.2.7 #

• Updates internal @duetds/components version to 6.2.7.

6.2.6 #

• Updates internal @duetds/components version to 6.2.6.

6.2.5 #

• Updates internal @duetds/components version to 6.2.5.

6.2.4 #

• Updates internal @duetds/components version to 6.2.4.

6.2.2 #

• Updates internal @duetds/components version to 6.2.2.

6.2.0 #

• Updates internal @duetds/components version to 6.2.0.

6.1.0 #

• Updates internal @duetds/components version to 6.1.0.

6.0.7 #

• Updates internal @duetds/components version to 6.0.7.

6.0.6 #

• Updates internal @duetds/components version to 6.0.6.

6.0.5 #

• Updates internal @duetds/components version to 6.0.5.

6.0.4 #

• Updates internal @duetds/components version to 6.0.4.

6.0.3 #

• Updates internal @duetds/components version to 6.0.3.

6.0.2 #

• Updates internal @duetds/components version to 6.0.2.

6.0.1 #

• Updates internal @duetds/components version to 6.0.1.

6.0.0 #

• Built with nodejs version 16.17.0.
• Supports React 18.
• Updates internal @duetds/components version to 6.0.0.

5.4.2 #

• Updates internal @duetds/components version to 5.4.2.

5.4.1 #

• Updates internal @duetds/components version to 5.4.1.

5.4.0 #

• Updates internal @duetds/components version to 5.4.0.

5.3.5 #

• Updates internal @duetds/components version to 5.3.5.

5.3.4 #

• Updates internal @duetds/components version to 5.3.4.

5.3.3 #

• Updates internal @duetds/components version to 5.3.3.

5.3.2 #

• Updates internal @duetds/components version to 5.3.2.

5.3.1 #

• Updates internal @duetds/components version to 5.3.1.

5.3.0 #

• Updates internal @duetds/components version to 5.3.0.

5.2.3 #

• Updates internal @duetds/components version to 5.2.3.

5.2.2 #

• Updates internal @duetds/components version to 5.2.2.

5.2.1 #

• Updates internal @duetds/components version to 5.2.1.

5.2.0 #

• Updates internal @duetds/components version to 5.2.0.

5.1.9 #

• Updates internal @duetds/components version to 5.1.9.

5.1.8 #

• Updates internal @duetds/components version to 5.1.8.

5.1.7 #

• Updates internal @duetds/components version to 5.1.7.

5.1.6 #

• Updates internal @duetds/components version to 5.1.6.

5.1.5 #

• Updates internal @duetds/components version to 5.1.5.

5.1.4 #

• Updates internal @duetds/components version to 5.1.4.

5.1.3 #

• Updates internal @duetds/components version to 5.1.3.

5.1.2 #

• Updates internal @duetds/components version to 5.1.2.

5.1.1 #

• Updates internal @duetds/components version to 5.1.1.

5.1.0 #

• Updates internal @duetds/components version to 5.1.0.

5.0.5 #

• Updates internal @duetds/components version to 5.0.4.

5.0.4 -5.0.0 #

• Updates internal @duetds/components same version.

5.0.1 #

• Updates internal @duetds/components version to 5.0.1.

5.0.0 #

• Updates internal @duetds/components version to 5.0.0.

4.36.1 #

• Updates internal @duetds/components version to 4.36.1.

4.36.0 #

• Updates internal @duetds/components version to 4.36.0.

4.35.4 #

• Updates internal @duetds/components version to 4.35.4.
• Updated peer dependencies to latest stable versions.

4.35.3 #

• Updates internal @duetds/components version to 4.35.3.
• Updated dependencies to latest stable versions.

4.35.2 #

• Updates internal @duetds/components version to 4.35.2.

4.35.1 #

• Updates internal @duetds/components version to 4.35.1.

4.35.0 #

• Updates internal @duetds/components version to 4.35.0.

4.34.4 #

• Updates internal @duetds/components version to 4.34.4.

4.34.3 #

• Updates internal @duetds/components version to 4.34.3.

4.34.2 #

• Updates internal @duetds/components version to 4.34.2.

4.34.1 #

• Updates internal @duetds/components version to 4.34.1.

4.34.0 #

• Updates internal @duetds/components version to 4.34.0.

4.33.2 #

• Updates internal @duetds/components version to 4.33.2.

4.33.1 #

• Updates internal @duetds/components version to 4.33.1.

4.33.0 #

• Updates internal @duetds/components version to 4.33.0.

4.32.0 #

• Updates internal @duetds/components version to 4.32.0.

4.31.0 #

• Updates internal @duetds/components version to 4.31.0.

4.30.1 #

• Updates internal @duetds/components version to 4.30.1.

4.30.0 #

• Updates internal @duetds/components version to 4.30.0.

4.29.0 #

• Updates internal @duetds/components version to 4.29.0.

4.28.0 #

• Updates internal @duetds/components version to 4.28.0.

4.27.0 #

• Updates internal @duetds/components version to 4.27.0.

4.26.1 #

• Version bump in packages.json.

4.26.0 #

• Updates internal @duetds/components version to 4.26.0.

4.25.0 #

• Updates internal @duetds/components version to 4.25.0.

4.24.0 #

• Updates internal @duetds/components version to 4.24.0.

4.23.0 #

• Updates internal @duetds/components version to 4.23.0.

4.22.0 #

• Updates internal @duetds/components version to 4.22.0.

4.21.0 #

• Fix issue where event handlers would not get cleaned up.
• Correctly render all attributes on server, improving pre-rendering and hydration.

4.20.0 #

• Updates internal @duetds/components version to 4.20.0.

4.13.0 #

• Updates internal @duetds/components version to 4.13.0.
• Updates TypeScript to version 4.0.5.

4.12.7 #

• Updates internal @duetds/components version to 4.12.7.

4.12.7 #

• Updates internal @duetds/components version to 4.12.7.
• Improves the readme documentation for react package.

4.9.0 #

• ref prop of React Components is fixed in this release.
• Updates internal @duetds/components version to 4.9.0.

4.8.6 #

• Updates internal @duetds/components version to 4.8.6.

4.7.4 #

• React components are now outputted in both ESM and CommonJS formats.
• Adds short Next.js usage guidelines for components.
• Updates internal @duetds/components version to 4.7.4.

4.7.0 #

• Updates internal @duetds/components version to 4.7.0.

4.4.4 #

• Updates internal @duetds/components version to 4.4.4.
• Updates Duet React output target to fix React ref functionality.

4.4.3 #

• Updates internal @duetds/components version to 4.4.3.

4.1.1 #

• Updates internal @duetds/components version to 4.1.1.
• Fixes ReferenceError: document is not defined in SSR context/Next.js.
• Fixes React deprecated warnings.

4.0.0 #

• Updates internal @duetds/components version to 4.0.0.

3.2.22 #

• Updates internal @duetds/components version to 3.4.22.

3.2.0 #

• Duet now passes data- and aria-attributes correctly when using the React components.
• Updates internal @duetds/components version to 3.4.0.

3.1.7 #

• Updates internal @duetds/components version to 3.3.7.

3.0.0 #

• React library is out of experimental status and ready for production usage!
• Proper support for Gatsby, no hacks required anymore.
• Simplifies importing and usage of the library.

2.3.1 #

• Removes window from initialization to better support SSR.
• Updates internal @duetds/components version to 3.1.14.

2.2.0 #

• Fixes exports in the package to point to right locations.
• Updates internal @duetds/components version to 3.1.12.

2.1.11 #

• Updates internal @duetds/components version to 3.1.11.

1.2.15 #

• Updates internal @duetds/components version to 2.6.15.
• Updates license included.

1.2.7 #

• Adds package-lock=false to .npmrc.
• Updates internal @duetds/components version to 2.6.7.

1.0.0 #

• Initial release of React components.
• Please keep in mind that Duet’s React support is experimental at the moment and subject to change.
• See the documentation for more details.

Angular #

6.8.0 #

• Updates internal @duetds/components version to 6.8.0.

6.7.1 #

• Updates internal @duetds/components version to 6.7.1.

6.7.0 #

• Updates internal @duetds/components version to 6.7.0.

6.6.2 #

• Updates internal @duetds/components version to 6.6.2.

6.6.1 #

• Updates internal @duetds/components version to 6.6.1.

6.6.0 #

• Updates internal @duetds/components version to 6.6.0.

6.5.3 #

• Updates internal @duetds/components version to 6.5.3.

6.5.2 #

• Updates internal @duetds/components version to 6.5.2.

6.5.1 #

• Updates internal @duetds/components version to 6.5.1.

6.5.0 #

• Updates internal @duetds/components version to 6.5.0.

6.4.0 #

• Updates internal @duetds/components version to 6.4.0.

6.3.5 #

• Updates internal @duetds/components version to 6.3.5.

6.3.4 #

• Updates internal @duetds/components version to 6.3.4.

6.3.3 #

• Updates internal @duetds/components version to 6.3.3.

6.3.2 #

• Updates internal @duetds/components version to 6.3.2.

6.3.1 #

• Updates internal @duetds/components version to 6.3.1.

6.3.0 #

• Updates internal @duetds/components version to 6.3.0.

6.2.12 #

• Updates internal @duetds/components version to 6.2.12.

6.2.11 #

• Updates internal @duetds/components version to 6.2.11.

6.2.10 #

• Updates internal @duetds/components version to 6.2.10.

6.2.9 #

• Updates internal @duetds/components version to 6.2.9.

6.2.8 #

• Updates internal @duetds/components version to 6.2.8.

6.2.7 #

• Updates internal @duetds/components version to 6.2.7.

6.2.6 #

• Updates internal @duetds/components version to 6.2.6.

6.2.5 #

• Updates internal @duetds/components version to 6.2.5.

6.2.4 #

• Updates internal @duetds/components version to 6.2.4.

6.2.2 #

• Updates internal @duetds/components version to 6.2.2.
• Deprecate support for Angular below version 14

6.2.0 #

• Updates internal @duetds/components version to 6.2.0.

6.1.0 #

• Updates internal @duetds/components version to 6.1.0.

6.0.7 #

• Updates internal @duetds/components version to 6.0.7.

6.0.6 #

• Updates internal @duetds/components version to 6.0.6.

6.0.5 #

• Updates internal @duetds/components version to 6.0.5.

6.0.4 #

• Updates internal @duetds/components version to 6.0.4.

6.0.3 #

• Updates internal @duetds/components version to 6.0.3.

6.0.2 #

• Updates internal @duetds/components version to 6.0.2.

6.0.1 #

• Updates internal @duetds/components version to 6.0.1.

6.0.0 #

• Built with nodejs version 16.17.0.
• Updates internal @duetds/components version to 6.0.0.

5.4.2 #

• Updates internal @duetds/components version to 5.4.2.

5.4.1 #

• Updates internal @duetds/components version to 5.4.1.

5.4.0 #

• Updates internal @duetds/components version to 5.4.0.

5.3.5 #

• Updates internal @duetds/components version to 5.3.5.

5.3.4 #

• Updates internal @duetds/components version to 5.3.4.

5.3.3 #

• Updates internal @duetds/components version to 5.3.3.

5.3.2 #

• Updates internal @duetds/components version to 5.3.2.

5.3.1 #

• Updates internal @duetds/components version to 5.3.1.

5.3.0 #

• Updates internal @duetds/components version to 5.3.0.

5.2.3 #

• Updates internal @duetds/components version to 5.2.3.

5.2.2 #

• Updates internal @duetds/components version to 5.2.2.

5.2.1 #

• Updates internal @duetds/components version to 5.2.1

5.2.0 #

• Updates internal @duetds/components version to 5.2.0.

5.1.9 #

• Updates internal @duetds/components version to 5.1.9.

5.1.8 #

• Updates internal @duetds/components version to 5.1.8.

5.1.7 #

• Updates internal @duetds/components version to 5.1.7.

5.1.6 #

• Updates internal @duetds/components version to 5.1.6.

5.1.5 #

• Updates internal @duetds/components version to 5.1.5.

5.1.4 #

• Updates internal @duetds/components version to 5.1.4.

5.1.3 #

• Updates internal @duetds/components version to 5.1.3.

5.1.2 #

• Updates internal @duetds/components version to 5.1.2.

5.1.1 #

• Updates internal @duetds/components version to 5.1.1.

5.1.0 #

• Updates internal @duetds/components version to 5.1.0.

5.0.5 #

• Updates internal @duetds/components version to 5.0.5.

5.0.4-4.22.0 #

• Updates internal @duetds/components version to matching version.

4.12.7 #

• Updates internal @duetds/components version to 4.12.7.
• Improves the readme documentation for react package.

4.7.0 #

• This version adds support for Angular 9 and 10 in addition to previous 7 and 8.
• Updates internal @duetds/components version to 4.7.0.

4.6.2 #

• Updates internal @duetds/components version to 4.6.2.

4.1.3 #

• Angular library is out of experimental status and ready for production usage!
• Exports now various ValueAccessors in the angular package.
• The above ensures that the components work seamlessly with Angular reactive forms.
• We’re skipping version 4.0.0 to make the versioning match between all component packages.
• Internal @duetds/components version here is now 4.1.3.

3.1.1 #

• Updates internal @duetds/components version to 4.1.1.

3.0.0 #

• Updates internal @duetds/components version to 4.0.0.

2.3.22 #

• Updates internal @duetds/components version to 3.4.22.

2.2.7 #

• Updates internal @duetds/components version to 3.3.7.

1.0.15 #

• Updates internal @duetds/components version to 2.6.15.
• Updates license included.

1.0.6 #

• Fixes Radio component’s type and events.
• Fixes a conflict with Twitter’s Bootstrap library.
• Adds package-lock=false to .npmrc.

1.0.2 #

• Updates internal @duetds/components version to 2.6.2.

1.0.1 #

• Updates internal @duetds/components version to 2.6.1.
• Re-defines peer dependencies in package.json.

1.0.0 #

• Initial release of Angular components.
• Updates internal @duetds/components version to 2.6.0.
• Please keep in mind that support for this package is still experimental at the moment and subject to change. If you want a stable package, use @duetds/components instead.
• See the documentation for more details on usage.

CLI #

3.0.21-37 #

• Internal version bump

3.0.20 #

• Angular 15 support has been added to the cli.

3.0.2-19 #

• Internal version bump

3.0.0 #

• Built with nodejs version 16.17.0.
• React 18.2.0 added as template choice

2.9.2-1 #

• Internal version bump

2.9.0 #

• Upgraded Playwright dependencies of Angular and React templates.

2.8.22-12 #

• Internal version bump

2.8.12 #

• Fix templates

2.8.11 #

• Fix filepath to templates

2.8.10 #

• Fix dependency issues

2.8.9 #

• Fix dependency issues

2.8.8 - 2.7.1 #

• Internal version bump

2.7.0 #

• React and Angular templates are now configurable to specific versions.
• Added Playwright tests to React and Angular templates.

2.6.13 #

• Internal version bump

2.6.12 #

• Internal version bump

2.6.11 #

• Internal version bump

2.6.10 #

• Internal version bump

2.6.9 #

• Internal version bump

2.6.8 #

• Internal version bump

2.6.7 #

• Internal version bump

2.6.6 #

• Internal version bump

2.6.5 #

• Internal version bump

2.6.4 #

• Internal version bump

2.6.3 #

• Internal version bump
• Renamed template files, to enable faster builds and safer template copying

2.6.2 #

• Internal version bump

2.6.1 #

• Internal version bump

2.6.0 #

• Fixed the broken pipeline associated with the cli tool
• Fixed the exception thrown when angular was selected

2.5.3 #

• Internal version bump

2.5.2 #

• Internal version bump

2.5.1 #

• all github actions are now owned and created by the DuetDS team, we saw failures in builds on prototypes due to a 3rd party dependency failing
• github-action-versions are now version locked with the CLI
• github actions are now installed via NPM instead of storing them in the CLI repository
• new build step in the cli tool has been added to copy over these files

2.5.0 #

• DEPRECATED

1.5.6 #

• Internal version bump

1.5.5 #

• Internal version bump

1.5.4 #

• Internal version bump

1.5.2/1.5.3 #

• Internal version bump

1.5.1 #

• Small tweak to README.

1.5.0 #

• Add development server for html template. Start with npm start.
• Add favicon to html template.
• Ensure latest versions of Duet are always used in html prototype.
• Fix issue where duet-header was not sticky in angular template.
• Initialise prototype repo with main branch rather than master to match Github's new defaults.

1.4.9 #

• Improve how file paths are handled internally, adding support for Windows systems.

1.4.8 #

• Remove redundant test script from package.json.

1.4.7 #

• Improves the readme documentation for Command Line Interface.

1.4.5 #

• Updates Duet dependencies.

1.4.4 #

• Updates Duet dependencies and CSS Linting settings.

1.4.0 #

• This version adds a new React template that utilizes the @duetds/react components.

1.3.0 #

• This version adds a new Angular template that utilizes the @duetds/angular components.

1.2.13 #

• Updates Duet dependencies.

1.2.8 #

• Switches to using Duet’s new Content Delivery Network at https://cdn.duetds.com.
• Updates Duet dependencies.

1.2.7 #

• Updates Duet dependencies.

1.2.6 #

• Switches to using new JSON data format for Header and Footer components.
• Updates Duet dependencies.

1.1.3 #

• Simplify the URL handling for prototypes.
• Make sure prototypes are never indexed.
• Make sure iOS doesn’t highlight phone numbers with wrong non-token colors.
• Fix deploy script always produces the same hash.
• Fixes favicon path for Eleventy prototypes in CLI.

1.1.0 #

• Bug fixes and performance improvements.
• Stops NPM from automatically removing .gitignore files and renaming them to .npmignore.
• Adds GitHub deploy and build automation for all templates.
• Moves shared template files under common directory.

1.0.3 #

• Adds a proper build command for basic HTML template.
• Fixes Turva font references in basic HTML template.
• Simplify non-SSR Eleventy template to not minify JS and HTML on build.

1.0.2 #

• Fixes a bug that made it impossible to rename the project while running the command.

1.0.1 #

• Adds Prettier configuration for all templates.

1.0.0 #

• Initial release of Duet CLI.
• See the documentation for more details on usage.

Marked #

2.0.0-37 #

• Internal version bump.

2.0.0 #

• Built with nodejs version 16.17.0.

1.2.44 - 1.0.6 #

• Internal version bump.

1.0.5 #

• Small tweaks to README.

1.0.4 #

• Avoid using typescript import type syntax, for broader compatibility.

1.0.3 #

• Add typescript type definitions.

1.0.2 #

• Improves readme documentation.

1.0.0 #

• Initial release.
• See the documentation for more details on usage.