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 @@
Default is intended for inline use.
const element = document.getElementById("my-id");
+ const element = document.getElementById("my-id");
+
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.
The collapsible component can be found here: Collapsible component
+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 @@
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.
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.