release(icon-list): v0.2.3

Author: surunzi

index.json

@@ -127,7 +127,7 @@
   },
   "icon-list": {
     "react": true,
-    "version": "0.2.2",
+    "version": "0.2.3",
     "style": true,
     "icon": false,
     "test": true,

src/command-palette/style.scss

@@ -51,8 +51,7 @@
   display: none;
 }
 
-$themes: 'light', 'dark';
-@each $theme in $themes {
+@each $theme in ('light', 'dark') {
   .theme-#{$theme} {
     .body {
       @include mixin.theme-rule(background-color, color-bg-container, $theme);

src/icon-list/package.json

@@ -1,6 +1,6 @@
 {
   "name": "icon-list",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Show list of icons and their names",
   "luna": {
     "react": true

src/icon-list/style.scss

@@ -35,15 +35,6 @@
   aspect-ratio: 1;
   box-sizing: border-box;
   flex-direction: column;
-  &.selected {
-    .icon {
-      background-color: #{theme.$color-border};
-    }
-    .name {
-      background-color: #{theme.$color-primary};
-      color: theme.$color-white;
-    }
-  }
 }
 
 .icon {
@@ -72,14 +63,17 @@
   font-size: #{theme.$font-size-s-m}px;
 }
 
-.theme-dark {
-  .item {
-    &.selected {
-      .icon {
-        background-color: #{theme.$color-border-dark};
-      }
-      .name {
-        background-color: #{theme.$color-primary-dark};
+@each $theme in ('light', 'dark') {
+  .theme-#{$theme} {
+    .item {
+      &.selected {
+        .icon {
+          @include mixin.theme-rule(background-color, color-border, $theme);
+        }
+        .name {
+          @include mixin.theme-rule(background-color, color-primary, $theme);
+          @include mixin.theme-rule(color, color-white, $theme);
+        }
       }
     }
   }