Merge pull request #528 from City-of-Helsinki/release-1.4.0

Release 1.4.0
City-of-Helsinki · Sep 7, 2021 · 230f8aa · 230f8aa
2 parents a067ccf + 527e556
commit 230f8aa
Show file tree

Hide file tree

Showing 8 changed files with 77 additions and 12 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,62 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [1.4.0] - Sep, 7, 2021
+
+### Core
+
+#### Added
+- [Icons] New icons:
+  - Whatsapp
+
+### React Components
+
+#### Added
+- Linkbox
+- SideNavigation
+- [Icons] New icons:
+  - Whatsapp
+
+#### Fixed
+- [Number Input] Using stepper button will call onChange callback
+
+### Design kit
+
+#### Added
+- [Cards] Linkbox symbols, including
+  - Empty Linkboxes
+  - Linkboxes with heading and text
+  - Linkboxes with image, heading and text
+- [Cards] Added custom Linkbox examples
+- [Icons] WhatsApp icon
+- [Navigation] Symbols for side navigation
+  - Example navigation symbols both for Desktop and Mobile screen sizes
+  - Side navigation item symbols for building custom content side navigations
+
+#### Changed
+- Updated all HDS libraries to the Sketch version 76 (76.1)
+- [Cards] Updated symbol structure so it is easier to differentiate regular Card and Linkbox custom examples
+- [Navigation] Renamed “Navigation” symbols to “Main navigation” to make them more easily distinguishable from the new side navigation symbols
+
+#### Fixed
+- [Cards] Text + heading with border symbol smart layout scaling
+
+### Documentation
+
+#### Added
+- Side navigation documentation
+- Linkbox documentation
+- A guideline page about choosing between Checkbox, Radio button and Toggle button.
+
+#### Changed
+- Remove brand colors from form examples headings
+- [Checkbox] Playground examples are now fully interactable
+- [Radio button] Playground examples are now fully interactable
+- Updated Roadmap
+
+#### Fixed
+- Fixed typo in the link to aremycolorsaccesible.com
+
 ## [1.3.1] - Aug, 11, 2021
 
 ### Design tokens

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hds-core",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "Core styles for the Helsinki Design System",
   "homepage": "https://github.com/City-of-Helsinki/helsinki-design-system#readme",
   "license": "MIT",
@@ -25,7 +25,7 @@
     "@storybook/html": "6.0.19",
     "copyfiles": "2.2.0",
     "cssnano": "4.1.10",
-    "hds-design-tokens": "1.3.1",
+    "hds-design-tokens": "1.4.0",
     "normalize.css": "8.0.1",
     "postcss": "8.2.15",
     "postcss-cli": "8.3.1",

diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hds-design-tokens",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "Design tokens for the Helsinki Design System",
   "homepage": "https://github.com/City-of-Helsinki/helsinki-design-system#readme",
   "license": "MIT",

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hds-react",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "React components for the Helsinki Design System",
   "homepage": "https://github.com/City-of-Helsinki/helsinki-design-system#readme",
   "license": "MIT",
@@ -105,7 +105,7 @@
     "@react-aria/visually-hidden": "3.2.0",
     "date-fns": "2.16.1",
     "downshift": "6.0.6",
-    "hds-core": "1.3.1",
+    "hds-core": "1.4.0",
     "lodash.isequal": "4.5.0",
     "lodash.isfunction": "3.0.9",
     "lodash.uniqueid": "4.0.1",

diff --git a/site/docs/about/new.mdx b/site/docs/about/new.mdx
@@ -13,6 +13,14 @@ import Link from "../../src/components/Link";
     Here you will find summarized patch notes of major releases of HDS. For full patch notes for each release, please refer to the <Link href="https://github.com/City-of-Helsinki/helsinki-design-system/releases" external>GitHub releases</Link>.
 </LargeParagraph>
 
+<p><strong>1.4.0</strong> - <em>7.9.2021</em> - <Link href="https://github.com/City-of-Helsinki/helsinki-design-system/releases/tag/v1.4.0" external>Release notes</Link></p>
+
+- **Added**: Linkbox
+- **Added**: SideNavigation
+- **Added**: Guideline page for choosing between checkboxes, radiobuttons, and toggles
+- **Added**: Whatsapp icon
+- **Fixed**: NumberInput onChange event when using stepper buttons
+
 <p><strong>1.3.1</strong> - <em>11.8.2021</em> - <Link href="https://github.com/City-of-Helsinki/helsinki-design-system/releases/tag/v1.3.1" external>Release notes</Link></p>
 
 - **Changed**: Color Spåra (color-tram) token value from `#009246` to `#008741` to achieve better accessibility

diff --git a/site/docs/about/roadmap.mdx b/site/docs/about/roadmap.mdx
@@ -40,14 +40,14 @@ For previously released features, see changelogs in the [What is new section](/a
 ~~- Component: Fieldset~~<br/>
 ~~- Component: Toggle Button~~<br/>
 ~~- Component: Link~~<br/>
-- Component: Side navigation
-
 
 
 **Q3 2021**
 
+
+~~- Component: Side navigation~~<br/>
+~~- Component: Link box~~<br/>
 - Component: File upload
-- Component: Link box
 - Component: Basic tables
 - Component: Hero
 - Component: Article highlights and quotes

diff --git a/site/docs/components/component_overview.mdx b/site/docs/components/component_overview.mdx
@@ -62,6 +62,7 @@ Component                                                        | Status
 [Footer](/components/footer)                                     | <StatusLabel type="alert">Draft</StatusLabel>        |                                                                                   | [<IconCheck/>](/storybook/react/?path=/story/components-footer--default)
 [Icon](/components/icons)                                        | <StatusLabel type="info">Stable</StatusLabel>        | [<IconCheck/>](/storybook/core/?path=/story/icons-icons--discord)                 | [<IconCheck/>](/storybook/react/?path=/story/icons-some--icondiscord)
 [Link](/components/link)                                         | <StatusLabel type="alert">Draft</StatusLabel>        | [<IconCheck/>](/storybook/core/?path=/story/components-link--default)             | [<IconCheck/>](/storybook/react/?path=/story/components-link--default)
+[Linkbox](/components/linkbox)                                   | <StatusLabel type="alert">Draft</StatusLabel>        |                                                                                   | [<IconCheck/>](/storybook/react/?path=/story/components-linkbox-empty-for-custom-content--default)
 [Loading spinner](/components/spinner)                           | <StatusLabel type="info">Stable</StatusLabel>        | [<IconCheck/>](/storybook/core/?path=/story/components-loading-spinner--default)  | [<IconCheck/>](/storybook/react/?path=/story/components-loadingspinner--default)
 [Logo](/components/logo)                                         | <StatusLabel type="info">Stable</StatusLabel>        |                                                                                   | [<IconCheck/>](/storybook/react/?path=/story/components-logo--playground)
 [Navigation](/components/navigation)                             | <StatusLabel type="alert">Draft</StatusLabel>        |                                                                                   | [<IconCheck/>](/storybook/react/?path=/story/components-navigation)

diff --git a/site/package.json b/site/package.json
@@ -1,6 +1,6 @@
 {
   "name": "site",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "private": true,
   "description": "Documentation for Helsinki Design System",
   "license": "MIT",
@@ -23,9 +23,9 @@
     "date-fns": "^2.23.0",
     "gatsby-cli": "2.12.29",
     "gatsby-plugin-matomo": "0.8.3",
-    "hds-core": "1.3.1",
-    "hds-design-tokens": "1.3.1",
-    "hds-react": "1.3.1",
+    "hds-core": "1.4.0",
+    "hds-design-tokens": "1.4.0",
+    "hds-react": "1.4.0",
     "react-helmet": "6.0.0",
     "react-markdown": "^6.0.3",
     "rimraf": "3.0.2"