diff --git a/CHANGELOG.md b/CHANGELOG.md index 31197ba84..bd1333d36 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -27,6 +27,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - **Breaking change:** Updated checkbox and radio component according to adjustments from design (Figma), both now have label options, correct spacing and correct font size and weight. Also changed naming of modifiers to be more consistent with other components. - **Breaking change:** Create a helper for animations and refactor accordion component accordingly. You need to replace the class 'ods-accordion--animate' with 'ods-animation ods-animation--rotate'. - **Breaking change:** Update the size of text in the banner. There are changes on the css classes in the markup of headings and paragrafs that need to be replaced. +- Changed documentation to reflect new version. - **Breaking change:** Moved geoJSON fetching from component to a per-vue-instance setup. ### Fixed diff --git a/src/components/map/map.html b/src/components/map/map.html index d15d91bcd..0bb6d4bea 100644 --- a/src/components/map/map.html +++ b/src/components/map/map.html @@ -185,7 +185,7 @@

Load map later

diff --git a/src/general/helpers/code/code.html b/src/general/helpers/code/code.html index ace8e5baa..dfb403c04 100644 --- a/src/general/helpers/code/code.html +++ b/src/general/helpers/code/code.html @@ -4,7 +4,7 @@

Default

Default is intended for inline use.

- const element = document.getElementById("my-id"); + const element = document.getElementById("my-id");

Block

@@ -19,10 +19,10 @@

Multi line

- + const element = document.getElementById("my-id"); if (element) { - doMagic(eement); + doMagic(element); if (someThing) { yayForIndentation(); } diff --git a/src/general/helpers/collapsible/collapsible.html b/src/general/helpers/collapsible/collapsible.html index dc0b33219..6e32591be 100644 --- a/src/general/helpers/collapsible/collapsible.html +++ b/src/general/helpers/collapsible/collapsible.html @@ -4,6 +4,13 @@

The collapsible helper is used to expand/collapse a container.

+
+
+

Important

+

The collapsible component can be found here: Collapsible component

+
+
+

How to use

Add the class .ods-collapsible-trigger to the collapsible trigger. The collapsible javascript helper will handle the expansion and collapse of the content for you. diff --git a/src/getting_started/consume/packages/packages.html b/src/getting_started/consume/packages/packages.html index dd1d7cb13..cfb9cef90 100644 --- a/src/getting_started/consume/packages/packages.html +++ b/src/getting_started/consume/packages/packages.html @@ -4,7 +4,7 @@

If you do not want to bundle and build Oslo Designsystem in your project, you can use an already ready to use package. Each version of Oslo Designsystem is built and available for direct consumption.

Complete
Includes a reset, some basic styles, fonts, icons and everything in General and Components. - https://oslokommune-designsystem.s3.dualstack.eu-central-1.amazonaws.com/1.0.0/ods.css + https://oslokommune-designsystem.s3.dualstack.eu-central-1.amazonaws.com/2.0.0/ods.css

Versions
diff --git a/src/getting_started/contribute/basics/basics.html b/src/getting_started/contribute/basics/basics.html index f9d42699e..e61f431eb 100644 --- a/src/getting_started/contribute/basics/basics.html +++ b/src/getting_started/contribute/basics/basics.html @@ -43,11 +43,11 @@

Technical

Developing

First and foremost, study the examples provided in "Contribute". Both visually and code. They are created to provide a reference for best practice and is what your code will be checked against in code reviews.

-

As of the 1.0 release of the Designsystem we are using Javascript ES6 (ECMAScript2015) and Vue 2.

-

Please follow the Vue styleguide to avoid errors, bikeshedding and anti-patterns. The vue devtools are currently not working properly because of iframe.

+

As of the 2.0 release of Oslo Designsystem we are using Javascript ES2023 and Vue 3.

+

Please follow the Vue documentation to avoid errors, bikeshedding and anti-patterns.

Styling

-

The stylguide adheres to CSS 3, and uses SCSS for structure. Do not use SASS.

+

Oslo Designsystem adheres to CSS 3, and uses SCSS for structure. Do not use SASS.

Spacing
A root element in a component should never have margin. Spacing between components must be applied in projects / contexts or it will decrease the reusability of the component.