fix(Icon): renamed inactive to disabled

TheComputerM · Aug 22, 2020 · cc00056 · cc00056
1 parent ebf10ac
commit cc00056
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/packages/api-generator/src/Icon.json b/packages/api-generator/src/Icon.json
@@ -6,7 +6,7 @@
       "visibility": "public",
       "description": null,
       "keywords": [],
-      "name": "inactive",
+      "name": "disabled",
       "kind": "let",
       "static": false,
       "readonly": false,

diff --git a/packages/svelte-materialify/src/components/Icon/Icon.scss b/packages/svelte-materialify/src/components/Icon/Icon.scss
@@ -12,8 +12,9 @@
   vertical-align: middle;
   user-select: none;
   direction: ltr;
+  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;
 
-  &.inactive {
+  &.disabled {
     color: var(--theme-icons-inactive);
   }
 }

diff --git a/packages/svelte-materialify/src/components/Icon/Icon.svelte b/packages/svelte-materialify/src/components/Icon/Icon.svelte
@@ -1,6 +1,6 @@
 <script>
   let classes = '';
-  export let inactive = false;
+  export let disabled = false;
   export let size = '24px';
   export let path = null;
   export let title = null;
@@ -18,7 +18,7 @@
   style="font-size: {size};transform: rotate({rotate});{style}"
   class="s-icon {classes}"
   {title}
-  class:inactive>
+  class:disabled>
   {#if path}
     <svg
       xmlns="http://www.w3.org/2000/svg"