diff --git a/packages/pillar-core/CHANGELOG.md b/packages/pillar-core/CHANGELOG.md
index 6b175f1d..fcd7bbee 100644
--- a/packages/pillar-core/CHANGELOG.md
+++ b/packages/pillar-core/CHANGELOG.md
@@ -1,5 +1,23 @@
 # @pillar/core
 
+## 0.4.0
+
+### Minor Changes
+
+- ## What's New
+
+  - **New Documentation for Flex and Grid**: With commit `2914402`, we've added comprehensive documentation for flex and grid layouts. Understanding how to leverage these powerful layout tools is now easier than ever.
+
+  - **Info Color and High Contrast**: In commits `de6a284` and `d39d8a0`, we introduced a new 'info' color and a high contrast property to our theming options. These features provide better visual cues and accessibility options for your projects.
+
+  - **Accordion Item Enhancement**: With commit `5feefc1`, we've made an update to the accordion component, allowing the `value` prop to accept either a string or a number, adding flexibility to the way you handle data.
+
+  ## Bug Fixes
+
+  - **Documentation Style Fix**: Commit `470f9f2` addresses a styling bug in the documentation. The appearance of our docs is now more consistent and user-friendly.
+
+  - **README File Corrections**: With commit `a8ad825`, we've made corrections to the README file, fixing errors and ensuring that the project's introduction is as clear and accurate as possible.
+
 ## 0.3.1
 
 ### Patch Changes
diff --git a/packages/pillar-core/package.json b/packages/pillar-core/package.json
index ffcaad4f..e17a1b8a 100644
--- a/packages/pillar-core/package.json
+++ b/packages/pillar-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pillar-ui/core",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "A collection of reusable UI components for modern web development. These components follow best practices, are highly customizable, and promote a consistent user experience across applications.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
diff --git a/packages/pillar-icons/CHANGELOG.md b/packages/pillar-icons/CHANGELOG.md
index 4f2ce4ea..e103281f 100644
--- a/packages/pillar-icons/CHANGELOG.md
+++ b/packages/pillar-icons/CHANGELOG.md
@@ -1,5 +1,23 @@
 # @pillar/icons
 
+## 0.4.0
+
+### Minor Changes
+
+- ## What's New
+
+  - **New Documentation for Flex and Grid**: With commit `2914402`, we've added comprehensive documentation for flex and grid layouts. Understanding how to leverage these powerful layout tools is now easier than ever.
+
+  - **Info Color and High Contrast**: In commits `de6a284` and `d39d8a0`, we introduced a new 'info' color and a high contrast property to our theming options. These features provide better visual cues and accessibility options for your projects.
+
+  - **Accordion Item Enhancement**: With commit `5feefc1`, we've made an update to the accordion component, allowing the `value` prop to accept either a string or a number, adding flexibility to the way you handle data.
+
+  ## Bug Fixes
+
+  - **Documentation Style Fix**: Commit `470f9f2` addresses a styling bug in the documentation. The appearance of our docs is now more consistent and user-friendly.
+
+  - **README File Corrections**: With commit `a8ad825`, we've made corrections to the README file, fixing errors and ensuring that the project's introduction is as clear and accurate as possible.
+
 ## 0.3.0
 
 ### Minor Changes
diff --git a/packages/pillar-icons/package.json b/packages/pillar-icons/package.json
index aedf59fe..a17f5d90 100644
--- a/packages/pillar-icons/package.json
+++ b/packages/pillar-icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pillar-ui/icons",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "A library of scalable icons suitable for various web development projects. These icons are highly customizable, accessible, and designed to seamlessly integrate into modern user interfaces.",
   "keywords": [
     "icons",
diff --git a/packages/pillar-utils/CHANGELOG.md b/packages/pillar-utils/CHANGELOG.md
index 5e2079b8..013fc777 100644
--- a/packages/pillar-utils/CHANGELOG.md
+++ b/packages/pillar-utils/CHANGELOG.md
@@ -1,5 +1,23 @@
 # @pillar/utils
 
+## 0.4.0
+
+### Minor Changes
+
+- ## What's New
+
+  - **New Documentation for Flex and Grid**: With commit `2914402`, we've added comprehensive documentation for flex and grid layouts. Understanding how to leverage these powerful layout tools is now easier than ever.
+
+  - **Info Color and High Contrast**: In commits `de6a284` and `d39d8a0`, we introduced a new 'info' color and a high contrast property to our theming options. These features provide better visual cues and accessibility options for your projects.
+
+  - **Accordion Item Enhancement**: With commit `5feefc1`, we've made an update to the accordion component, allowing the `value` prop to accept either a string or a number, adding flexibility to the way you handle data.
+
+  ## Bug Fixes
+
+  - **Documentation Style Fix**: Commit `470f9f2` addresses a styling bug in the documentation. The appearance of our docs is now more consistent and user-friendly.
+
+  - **README File Corrections**: With commit `a8ad825`, we've made corrections to the README file, fixing errors and ensuring that the project's introduction is as clear and accurate as possible.
+
 ## 0.3.0
 
 ### Minor Changes
diff --git a/packages/pillar-utils/package.json b/packages/pillar-utils/package.json
index f65ea3e1..03d8b509 100644
--- a/packages/pillar-utils/package.json
+++ b/packages/pillar-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pillar-ui/utils",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "sideEffects": false,
   "description": "A collection of utility functions and tools to assist with common tasks and improve the efficiency of web development. These utilities are carefully crafted to enhance productivity and streamline the development process.",
   "keywords": [
diff --git a/packages/pillar-utils/src/dom/index.ts b/packages/pillar-utils/src/dom/index.ts
index a0985a41..ab79b8bb 100644
--- a/packages/pillar-utils/src/dom/index.ts
+++ b/packages/pillar-utils/src/dom/index.ts
@@ -11,12 +11,16 @@ export function getOppositeMode(mode: Mode) {
 }
 
 export function ejectModeClassName() {
-  const mode: Mode = getInitMode() ?? 'light'
-  const element = document.documentElement
-  const prevMode = getOppositeMode(mode)
-  const isPrevExist = element.classList.contains(prevMode)
-  if (isPrevExist) {
-    element.classList.remove(prevMode)
-  }
-  element.classList.add(mode)
+  // const mode: Mode = getInitMode() ?? 'light'
+  // console.log(mode)
+  // const element = document.documentElement
+  // const prevMode = getOppositeMode(mode)
+  // const isPrevExist = element.classList.contains(prevMode)
+  // console.log('mode', mode, 'prevMode', prevMode, 'IsPrevExist', isPrevExist)
+  // if (isPrevExist) {
+  //   element.classList.remove(prevMode)
+  // }
+  // element.classList.add(mode)
+
+  console.log('Hello')
 }