From cf05d882943ff9e26973915d8b784681db5a41fa Mon Sep 17 00:00:00 2001
From: Bram Smulders <source@bram.is>
Date: Fri, 15 Oct 2021 10:42:05 +0200
Subject: [PATCH] Bumped version

---
 CHANGELOG.md      |  5 +++++
 package-lock.json |  2 +-
 package.json      |  2 +-
 tools/README.md   | 18 +++++++++---------
 4 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a23700e..d892065 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,11 @@
 
 All notable changes to this project will be documented in this file.
 
+## 5.1.0 - 15-october-2021
+
+- Added `responsive.color-scheme` mixin that lets you define your dark mode custom properties in a way that supports a toggle component
+- Update dependencies & housekeeping
+
 ## 5.0.2 - 07-june-2021
 
 - Refactor slash-based divisions(`/`) with `math.div()` functions as per: [slash-div](https://sass-lang.com/documentation/breaking-changes/slash-div)
diff --git a/package-lock.json b/package-lock.json
index 72c046f..4fec386 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@supple-kit/supple-css",
-  "version": "5.0.2",
+  "version": "5.1.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index ed7b6f1..9e5c2c3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@supple-kit/supple-css",
-  "version": "5.0.2",
+  "version": "5.1.0",
   "description": "Reliable and testable Sass framework. Fluid, Variable, supple if you will",
   "main": "index.scss",
   "repository": "https://github.com/supple-kit/supple-css.git",
diff --git a/tools/README.md b/tools/README.md
index aa4d18f..42d26d3 100644
--- a/tools/README.md
+++ b/tools/README.md
@@ -22,8 +22,8 @@ Read more about [Supple CSS](https://github.com/supple-css/supple).
 Supple’s tools are categorised so you only need to `@use` the tools you want:
 
 ```scss
-@use 'node_modules/@supple-kit/supple-css/tools/space';
-@use 'node_modules/@supple-kit/supple-css/tools/responsive';
+@use "node_modules/@supple-kit/supple-css/tools/space";
+@use "node_modules/@supple-kit/supple-css/tools/responsive";
 
 .your-module {
   @include responsive.mq("lap") {
@@ -37,7 +37,7 @@ Supple’s tools are categorised so you only need to `@use` the tools you want:
 This layer contains everything space related. You can `@use` this tool in your own component like this:
 
 ```scss
-@use 'node_modules/@supple-kit/supple-css/tools/space';
+@use "node_modules/@supple-kit/supple-css/tools/space";
 ```
 
 ### function: `space.get()`
@@ -93,7 +93,7 @@ Returns the spacing-factor value. The `$name` must be present in `defaults.$spac
 This layer is used to convert any `px` value to `rem`. You can `@use` this tool in your own component like this:
 
 ```scss
-@use 'node_modules/@supple-kit/supple-css/tools/rem';
+@use "node_modules/@supple-kit/supple-css/tools/rem";
 ```
 
 ### function: `rem.convert()`
@@ -127,7 +127,7 @@ Converts `px` values to `rem`. If you pass in another format instead of `px` it
 This layer contains some accessibility helper mixins. You can `@use` this tool in your own component like this:
 
 ```scss
-@use 'node_modules/@supple-kit/supple-css/tools/a11y';
+@use "node_modules/@supple-kit/supple-css/tools/a11y";
 ```
 
 ### Mixin: `a11y.visually-hidden`
@@ -161,7 +161,7 @@ This layer contains all the functions & mixins regarding to typography.
 You can `@use` this tool in your own component like this:
 
 ```scss
-@use 'node_modules/@supple-kit/supple-css/tools/typography';
+@use "node_modules/@supple-kit/supple-css/tools/typography";
 ```
 
 ### Mixin `typography.font-size`
@@ -213,10 +213,10 @@ This layer contains all the tools for responsive web design.
 You can `@use` this tool in your own component like this:
 
 ```scss
-@use 'node_modules/@supple-kit/supple-css/tools/responsive';
+@use "node_modules/@supple-kit/supple-css/tools/responsive";
 ```
 
-### Mixin: `responsive.color-sheme()`
+### Mixin: `responsive.color-scheme()`
 
 A little wrapper that lets you define your dark mode custom properties in a
 way that supports a toggle component.
@@ -228,7 +228,7 @@ way that supports a toggle component.
   // Light theme colors
   --color-slate: #cccccc;
 
-  @include responsive.color-sheme() {
+  @include responsive.color-scheme() {
     // Dark theme colors
     --color-slate: #000000;
   }