Add switch theme function

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soramitsu/soramitsu-js-ui",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "private": false,
   "publishConfig": {
     "registry": "https://nexus.iroha.tech/repository/npm-soramitsu/"

src/store/LibraryTheme.ts

@@ -11,6 +11,7 @@ const types = flow(
   flatMap(x => [x + '_REQUEST', x + '_SUCCESS', x + '_FAILURE']),
   concat([
     'SET_THEME',
+    'SWITCH_THEME',
     'SET_DESIGN_SYSTEM'
   ]),
   map(x => [x, x]),
@@ -46,6 +47,7 @@ const mutations = {
     state.theme = theme
     localStorage.setItem('libraryTheme', theme)
   },
+  [types.SWITCH_THEME] (state: State) {},
   [types.SET_DESIGN_SYSTEM] (state: State, designSystem: DesignSystem) {
     state.designSystem = designSystem
   }
@@ -59,6 +61,11 @@ const actions = {
     }
     document.documentElement.setAttribute('design-system-theme', computedTheme)
   },
+  async switchTheme ({ commit, state: { theme }, dispatch }) {
+    const newTheme = theme === Theme.LIGHT ? Theme.DARK : Theme.LIGHT
+    commit(types.SWITCH_THEME)
+    await dispatch('setTheme', newTheme)
+  },
   setDesignSystem ({ commit }, designSystem: DesignSystem) {
     commit(types.SET_DESIGN_SYSTEM, designSystem)
   }

src/utils/index.ts

@@ -7,6 +7,10 @@ export const setTheme = async (theme?: Theme) => {
   await store.dispatch('setTheme', theme)
 }
 
+export const switchTheme = async () => {
+  await store.dispatch('switchTheme')
+}
+
 export const setDesignSystem = async (designSystem: DesignSystem) => {
   await store.dispatch('setDesignSystem', designSystem)
 }