From 5ce8355a2a6d02804bb65515512b6d6d9d6da374 Mon Sep 17 00:00:00 2001
From: Randall Morey <randall@randallmorey.com>
Date: Wed, 18 Aug 2021 12:09:20 -0400
Subject: [PATCH] =?UTF-8?q?chore:=20=F0=9F=A4=96=20upgrade=20auth=20method?=
 =?UTF-8?q?=20state=20icons=20to=20flight?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../addon/components/rose/button/index.stories.mdx     | 10 +++++-----
 .../addon/components/rose/dialog/index.stories.mdx     |  6 +++---
 .../addon/components/rose/header/index.stories.mdx     |  2 +-
 .../rose/addon/components/rose/icon/index.stories.mdx  |  4 ++--
 .../components/rose/link-button/index.stories.mdx      |  6 +++---
 addons/rose/public/flight/check-circle-16.svg          |  6 ++++++
 addons/rose/public/flight/x-circle-16.svg              |  6 ++++++
 .../scopes/scope/auth-methods/auth-method/-actions.hbs |  4 ++--
 8 files changed, 28 insertions(+), 16 deletions(-)
 create mode 100644 addons/rose/public/flight/check-circle-16.svg
 create mode 100644 addons/rose/public/flight/x-circle-16.svg

diff --git a/addons/rose/addon/components/rose/button/index.stories.mdx b/addons/rose/addon/components/rose/button/index.stories.mdx
index 81cdb5ce2..5e00e39aa 100644
--- a/addons/rose/addon/components/rose/button/index.stories.mdx
+++ b/addons/rose/addon/components/rose/button/index.stories.mdx
@@ -49,17 +49,17 @@ other routes.  For accessibility, use links instead.
       iconLeft: select(
         'iconLeft',
         {
-          'check-circle-outline': 'check-circle-outline',
+          'flight/check-circle-16': 'flight/check-circle-16',
           'flight/clipboard-copy-16': 'flight/clipboard-copy-16',
           'unfold-more': 'unfold-more',
           'unfold-less': 'unfold-less',
         },
-        'check-circle-outline'
+        'flight/check-circle-16'
       ),
       iconRight: select(
         'iconRight',
         {
-          'check-circle-outline': 'check-circle-outline',
+          'flight/check-circle-16': 'flight/check-circle-16',
           'chevron-right': 'chevron-right',
           'flight/clipboard-copy-16': 'flight/clipboard-copy-16',
           'unfold-more': 'unfold-more',
@@ -86,12 +86,12 @@ button in this case for accessibility.
       iconOnly: select(
         'iconOnly',
         {
-          'check-circle-outline': 'check-circle-outline',
+          'flight/check-circle-16': 'flight/check-circle-16',
           'flight/clipboard-copy-16': 'flight/clipboard-copy-16',
           'unfold-more': 'unfold-more',
           'unfold-less': 'unfold-less',
         },
-        'check-circle-outline'
+        'flight/check-circle-16'
       ),
     },
   }}</Story>
diff --git a/addons/rose/addon/components/rose/dialog/index.stories.mdx b/addons/rose/addon/components/rose/dialog/index.stories.mdx
index 500fe17eb..70a0a1f0e 100644
--- a/addons/rose/addon/components/rose/dialog/index.stories.mdx
+++ b/addons/rose/addon/components/rose/dialog/index.stories.mdx
@@ -36,12 +36,12 @@ A dialog component with optional modal capabilities.
       icon: select(
         'icon',
         {
-          'check-circle-outline': 'check-circle-outline',
+          'flight/check-circle-16': 'flight/check-circle-16',
           'flight/clipboard-copy-16': 'flight/clipboard-copy-16',
           'unfold-more': 'unfold-more',
           'unfold-less': 'unfold-less'
         },
-        'check-circle-outline'
+        'flight/check-circle-16'
       ),
       style: select(
         'style',
@@ -60,7 +60,7 @@ A dialog component with optional modal capabilities.
 <Rose::Dialog
   @modal={{true}}
   @dismiss={{@dismissFn}}
-  @icon="check-circle-outline"
+  @icon="flight/check-circle-16"
   @heading="Heading"
   @dismissButtonText="Dismiss"
 as |dialog|>
diff --git a/addons/rose/addon/components/rose/header/index.stories.mdx b/addons/rose/addon/components/rose/header/index.stories.mdx
index 75eb07d5e..629644e10 100644
--- a/addons/rose/addon/components/rose/header/index.stories.mdx
+++ b/addons/rose/addon/components/rose/header/index.stories.mdx
@@ -70,7 +70,7 @@ A header component that allows three distinct sections to be configured: brand,
         'dropdownIcon',
         {
           'flight/user-circle-16': 'flight/user-circle-16',
-          'check-circle-outline': 'check-circle-outline',
+          'flight/check-circle-16': 'flight/check-circle-16',
           'flight/clipboard-copy-16': 'flight/clipboard-copy-16',
           'unfold-more': 'unfold-more',
           'unfold-less': 'unfold-less',
diff --git a/addons/rose/addon/components/rose/icon/index.stories.mdx b/addons/rose/addon/components/rose/icon/index.stories.mdx
index a25fb7997..8027e7352 100644
--- a/addons/rose/addon/components/rose/icon/index.stories.mdx
+++ b/addons/rose/addon/components/rose/icon/index.stories.mdx
@@ -24,12 +24,12 @@ Renders a simple icon from [Structure Icons][structure-icons].
       name: select(
         'name',
         {
-          'check-circle-outline': 'check-circle-outline',
+          'flight/check-circle-16': 'flight/check-circle-16',
           'flight/clipboard-copy-16': 'flight/clipboard-copy-16',
           'unfold-more': 'unfold-more',
           'unfold-less': 'unfold-less',
         },
-        'check-circle-outline'
+        'flight/check-circle-16'
       ),
     }
   }}</Story>
diff --git a/addons/rose/addon/components/rose/link-button/index.stories.mdx b/addons/rose/addon/components/rose/link-button/index.stories.mdx
index f4e850bf9..94ca8d54d 100644
--- a/addons/rose/addon/components/rose/link-button/index.stories.mdx
+++ b/addons/rose/addon/components/rose/link-button/index.stories.mdx
@@ -45,7 +45,7 @@ Disabling link button is not supported as it is an action on form components onl
       iconLeft: select(
         'iconLeft',
         {
-          'check-circle-outline': 'check-circle-outline',
+          'flight/check-circle-16': 'flight/check-circle-16',
           'flight/clipboard-copy-16': 'flight/clipboard-copy-16',
           'unfold-more': 'unfold-more',
         },
@@ -54,7 +54,7 @@ Disabling link button is not supported as it is an action on form components onl
       iconRight: select(
         'iconRight',
         {
-          'check-circle-outline': 'check-circle-outline',
+          'flight/check-circle-16': 'flight/check-circle-16',
           'chevron-right': 'chevron-right',
           'flight/clipboard-copy-16': 'flight/clipboard-copy-16',
           'search': 'search',
@@ -91,7 +91,7 @@ Similar to `Rose::Button`, icon only link button is supported.
       iconOnly: select(
         'iconOnly',
         {
-          'check-circle-outline': 'check-circle-outline',
+          'flight/check-circle-16': 'flight/check-circle-16',
           'flight/help-16': 'flight/help-16',
           'plus-circle-fill': 'plus-circle-fill',
           'user-square-outline': 'user-square-outline',
diff --git a/addons/rose/public/flight/check-circle-16.svg b/addons/rose/public/flight/check-circle-16.svg
new file mode 100644
index 000000000..4d296da62
--- /dev/null
+++ b/addons/rose/public/flight/check-circle-16.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0, 0)">
+  <path d="M11.7803 5.21967C12.0732 5.51256 12.0732 5.98744 11.7803 6.28033L7.28033 10.7803C6.98744 11.0732 6.51256 11.0732 6.21967 10.7803L4.21967 8.78033C3.92678 8.48744 3.92678 8.01256 4.21967 7.71967C4.51256 7.42678 4.98744 7.42678 5.28033 7.71967L6.75 9.18934L10.7197 5.21967C11.0126 4.92678 11.4874 4.92678 11.7803 5.21967Z" fill-rule="NONZERO"></path>
+  <path d="M0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8ZM8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 11.5899 4.41015 14.5 8 14.5C11.5899 14.5 14.5 11.5899 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5Z" fill-rule="EVENODD"></path>
+ </g>
+</svg>
\ No newline at end of file
diff --git a/addons/rose/public/flight/x-circle-16.svg b/addons/rose/public/flight/x-circle-16.svg
new file mode 100644
index 000000000..5b0aa3f78
--- /dev/null
+++ b/addons/rose/public/flight/x-circle-16.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0.25, 0.25)">
+  <path d="M11.0303 4.46967C11.3232 4.76256 11.3232 5.23744 11.0303 5.53033L8.81066 7.75L11.0303 9.96967C11.3232 10.2626 11.3232 10.7374 11.0303 11.0303C10.7374 11.3232 10.2626 11.3232 9.96967 11.0303L7.75 8.81066L5.53033 11.0303C5.23744 11.3232 4.76256 11.3232 4.46967 11.0303C4.17678 10.7374 4.17678 10.2626 4.46967 9.96967L6.68934 7.75L4.46967 5.53033C4.17678 5.23744 4.17678 4.76256 4.46967 4.46967C4.76256 4.17678 5.23744 4.17678 5.53033 4.46967L7.75 6.68934L9.96967 4.46967C10.2626 4.17678 10.7374 4.17678 11.0303 4.46967Z" fill-rule="NONZERO"></path>
+  <path d="M0 7.75C0 3.46979 3.46979 0 7.75 0C12.0302 0 15.5 3.46979 15.5 7.75C15.5 12.0302 12.0302 15.5 7.75 15.5C3.46979 15.5 0 12.0302 0 7.75ZM7.75 1.5C4.29822 1.5 1.5 4.29822 1.5 7.75C1.5 11.2018 4.29822 14 7.75 14C11.2018 14 14 11.2018 14 7.75C14 4.29822 11.2018 1.5 7.75 1.5Z" fill-rule="EVENODD"></path>
+ </g>
+</svg>
\ No newline at end of file
diff --git a/ui/admin/app/templates/scopes/scope/auth-methods/auth-method/-actions.hbs b/ui/admin/app/templates/scopes/scope/auth-methods/auth-method/-actions.hbs
index 2d6e7d9a9..200cc9912 100644
--- a/ui/admin/app/templates/scopes/scope/auth-methods/auth-method/-actions.hbs
+++ b/ui/admin/app/templates/scopes/scope/auth-methods/auth-method/-actions.hbs
@@ -3,8 +3,8 @@
     @text={{t (concat 'states.' @model.attributes.state)}}
     @icon={{if
       @model.isInactive
-      'disabled'
-      (if @model.isPrivate 'lock-closed-outline' 'check-circle-outline')
+      'flight/x-circle-16'
+      (if @model.isPrivate 'flight/lock-16' 'flight/check-circle-16')
     }}
     @dropdownRight={{true}}
     as |dropdown|