chore: 🤖 upgrade auth method state icons to flight

This commit is contained in:
Randall Morey committed 2021-08-18 12:09:20 -04:00
1 parent c9b90db36d
commit 5ce8355a2a
8 files changed
+28 -16

No files matched your search

@@ -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>
@@ -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|>
@@ -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',
@@ -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>
@@ -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',
@@ -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>

After

Width:  |  Height:  |  Size: 789 B

@@ -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>

After

Width:  |  Height:  |  Size: 1.0 KiB

@@ -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|