4.0.1

Fixes:

• Fix within grid-related styling (regarding modular styling/namespaces refactor)

4.0.0

Changes:

• Update of sass package
• Refactor to modular styling/namespaces

Upgrade guide:

To address the deprecation warning regarding the usage of @import (as from 1.18.0 - https://sass-lang.com/documentation/breaking-changes/import), all code within au-kaleidos-css is converted to using @use & @forward rules together with the adjustment regarding namespaces for all variables.

What changed internally?

All variables and mixins are now contained within their own folder/namespace. To use them internally, the settings module needs to be loaded in at the start of the file. After that, each variable, mixin or function can be referenced as followed:

+ @use "settings";

- background-color: $auk-yellow-500
+ background-color: settings.$color-yellow-500

⚠️ Note that:

• Some auk- prefixes have been removed as they are not needed anymore.
• Where needed, a prefix (in this case color-) was added to the name.

What changes when you load in au-kaleidos-css in your project?

The best way the address the changes is to:

• Create a local namespace, for example auk, by creating a same-named folder at the root of your styles (if you haven't already) with a index.scss file.
• In that file, load in the necessary variables, mixins or function from au-kaleidos-css:

+ @forward "@kanselarij-vlaanderen/au-kaleidos-css/settings";
+ @forward "@kanselarij-vlaanderen/au-kaleidos-css/tools";
+ @forward "@kanselarij-vlaanderen/au-kaleidos-css/internals";

• Within your project you can now reference each variable, mixin or function by loading in the auk module at the start of the file and
  using the auk namespacer:

+ @use "auk";

- background-color: $auk-yellow-500
+ background-color: auk.$color-yellow-500

ℹ️ Don't forget to refactor the @import instances to @use (or @forward) where you can.

3.23.0

Refactor & extension of various components & utilities:

• button
• button-link
• empty-state
• dimensions
• text
• variables

3.22.0

Add support for alternative active sidebar-item structure.

3.21.0

Remove redundant Flanders font & related styling.

3.20.0

Remove redundant icon styling.

3.19.0

Adjust various component styling (to support usage of au-icon instead of the auk font-icons).

3.18.0

Adjust filter-pill styling (to support usage of au-icon instead of the auk font-icons).

3.17.0

Remove redundant label styling.

3.16.0

Remove redundant textarea styling.