From 3d4bd2adf965eb3c70657394c4480867695f00d9 Mon Sep 17 00:00:00 2001 From: Randall Morey Date: Wed, 18 Aug 2021 10:03:16 -0400 Subject: [PATCH] =?UTF-8?q?chore:=20=F0=9F=A4=96=20upgrade=20clipboard=20c?= =?UTF-8?q?opy=20icons=20to=20flight?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../rose/addon/components/rose/button/index.stories.mdx | 8 ++++---- .../rose/addon/components/rose/dialog/index.stories.mdx | 2 +- .../components/rose/form/radio/group/index.stories.mdx | 2 +- .../components/rose/form/radio/radio/index.stories.mdx | 4 ++-- .../rose/addon/components/rose/header/index.stories.mdx | 2 +- addons/rose/addon/components/rose/icon/index.stories.mdx | 2 +- .../addon/components/rose/link-button/index.stories.mdx | 6 +++--- addons/rose/public/flight/clipboard-checked-16.svg | 5 +++++ addons/rose/public/flight/clipboard-copy-16.svg | 9 +++++++++ ui/admin/app/components/copyable/index.js | 4 ++-- ui/desktop/app/components/copyable/index.js | 4 ++-- 11 files changed, 31 insertions(+), 17 deletions(-) create mode 100644 addons/rose/public/flight/clipboard-checked-16.svg create mode 100644 addons/rose/public/flight/clipboard-copy-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 7617f0ba3..81cdb5ce2 100644 --- a/addons/rose/addon/components/rose/button/index.stories.mdx +++ b/addons/rose/addon/components/rose/button/index.stories.mdx @@ -50,7 +50,7 @@ other routes. For accessibility, use links instead. 'iconLeft', { 'check-circle-outline': 'check-circle-outline', - 'copy-action': 'copy-action', + 'flight/clipboard-copy-16': 'flight/clipboard-copy-16', 'unfold-more': 'unfold-more', 'unfold-less': 'unfold-less', }, @@ -60,8 +60,8 @@ other routes. For accessibility, use links instead. 'iconRight', { 'check-circle-outline': 'check-circle-outline', - 'copy-action': 'chevron-right', - 'copy-action': 'copy-action', + 'chevron-right': 'chevron-right', + 'flight/clipboard-copy-16': 'flight/clipboard-copy-16', 'unfold-more': 'unfold-more', 'unfold-less': 'unfold-less', }, @@ -87,7 +87,7 @@ button in this case for accessibility. 'iconOnly', { 'check-circle-outline': 'check-circle-outline', - 'copy-action': 'copy-action', + 'flight/clipboard-copy-16': 'flight/clipboard-copy-16', 'unfold-more': 'unfold-more', 'unfold-less': 'unfold-less', }, diff --git a/addons/rose/addon/components/rose/dialog/index.stories.mdx b/addons/rose/addon/components/rose/dialog/index.stories.mdx index 9ea81df93..500fe17eb 100644 --- a/addons/rose/addon/components/rose/dialog/index.stories.mdx +++ b/addons/rose/addon/components/rose/dialog/index.stories.mdx @@ -37,7 +37,7 @@ A dialog component with optional modal capabilities. 'icon', { 'check-circle-outline': 'check-circle-outline', - 'copy-action': 'copy-action', + 'flight/clipboard-copy-16': 'flight/clipboard-copy-16', 'unfold-more': 'unfold-more', 'unfold-less': 'unfold-less' }, diff --git a/addons/rose/addon/components/rose/form/radio/group/index.stories.mdx b/addons/rose/addon/components/rose/form/radio/group/index.stories.mdx index 6c81d2f94..d6119ea5f 100644 --- a/addons/rose/addon/components/rose/form/radio/group/index.stories.mdx +++ b/addons/rose/addon/components/rose/form/radio/group/index.stories.mdx @@ -69,7 +69,7 @@ Renders a form radiofield group. 'first icon', { 'flight/org-16': 'flight/org-16', - 'copy-action': 'copy-action', + 'flight/clipboard-copy-16': 'flight/clipboard-copy-16', 'unfold-more': 'unfold-more', 'unfold-less': 'unfold-less', }, diff --git a/addons/rose/addon/components/rose/form/radio/radio/index.stories.mdx b/addons/rose/addon/components/rose/form/radio/radio/index.stories.mdx index 2d1585c38..7eeec093e 100644 --- a/addons/rose/addon/components/rose/form/radio/radio/index.stories.mdx +++ b/addons/rose/addon/components/rose/form/radio/radio/index.stories.mdx @@ -45,7 +45,7 @@ Renders a form radiofield. { 'none': null, 'flight/org-16': 'flight/org-16', - 'copy-action': 'copy-action', + 'flight/clipboard-copy-16': 'flight/clipboard-copy-16', 'unfold-more': 'unfold-more', 'unfold-less': 'unfold-less', }, @@ -112,7 +112,7 @@ Renders a form radiofield. { 'none': null, 'flight/org-16': 'flight/org-16', - 'copy-action': 'copy-action', + 'flight/clipboard-copy-16': 'flight/clipboard-copy-16', 'unfold-more': 'unfold-more', 'unfold-less': 'unfold-less', }, diff --git a/addons/rose/addon/components/rose/header/index.stories.mdx b/addons/rose/addon/components/rose/header/index.stories.mdx index c7e0149a8..75eb07d5e 100644 --- a/addons/rose/addon/components/rose/header/index.stories.mdx +++ b/addons/rose/addon/components/rose/header/index.stories.mdx @@ -71,7 +71,7 @@ A header component that allows three distinct sections to be configured: brand, { 'flight/user-circle-16': 'flight/user-circle-16', 'check-circle-outline': 'check-circle-outline', - 'copy-action': 'copy-action', + '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 ffb0e32ca..a25fb7997 100644 --- a/addons/rose/addon/components/rose/icon/index.stories.mdx +++ b/addons/rose/addon/components/rose/icon/index.stories.mdx @@ -25,7 +25,7 @@ Renders a simple icon from [Structure Icons][structure-icons]. 'name', { 'check-circle-outline': 'check-circle-outline', - 'copy-action': 'copy-action', + 'flight/clipboard-copy-16': 'flight/clipboard-copy-16', 'unfold-more': 'unfold-more', 'unfold-less': 'unfold-less', }, 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 0ca00a2ee..e6c717d8a 100644 --- a/addons/rose/addon/components/rose/link-button/index.stories.mdx +++ b/addons/rose/addon/components/rose/link-button/index.stories.mdx @@ -46,17 +46,17 @@ Disabling link button is not supported as it is an action on form components onl 'iconLeft', { 'check-circle-outline': 'check-circle-outline', - 'copy-action': 'copy-action', + 'flight/clipboard-copy-16': 'flight/clipboard-copy-16', 'unfold-more': 'unfold-more', }, - 'copy-action' + 'flight/clipboard-copy-16' ), iconRight: select( 'iconRight', { 'check-circle-outline': 'check-circle-outline', 'chevron-right': 'chevron-right', - 'copy-action': 'copy-action', + 'flight/clipboard-copy-16': 'flight/clipboard-copy-16', 'search': 'search', }, 'chevron-right' diff --git a/addons/rose/public/flight/clipboard-checked-16.svg b/addons/rose/public/flight/clipboard-checked-16.svg new file mode 100644 index 000000000..04db58a2c --- /dev/null +++ b/addons/rose/public/flight/clipboard-checked-16.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/addons/rose/public/flight/clipboard-copy-16.svg b/addons/rose/public/flight/clipboard-copy-16.svg new file mode 100644 index 000000000..865e5d45d --- /dev/null +++ b/addons/rose/public/flight/clipboard-copy-16.svg @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/ui/admin/app/components/copyable/index.js b/ui/admin/app/components/copyable/index.js index 09da77365..6f13e6ce7 100644 --- a/ui/admin/app/components/copyable/index.js +++ b/ui/admin/app/components/copyable/index.js @@ -12,8 +12,8 @@ export default class CopyableComponent extends Component { id = generateComponentID(); copyableButtonId = `copyable-button-${this.id}`; - actionIcon = 'copy-action'; - successIcon = 'copy-success'; + actionIcon = 'flight/clipboard-copy-16'; + successIcon = 'flight/clipboard-checked-16'; actionText = this.args.buttonText; successText = this.args.acknowledgeText; diff --git a/ui/desktop/app/components/copyable/index.js b/ui/desktop/app/components/copyable/index.js index a30ff3aca..8af16d028 100644 --- a/ui/desktop/app/components/copyable/index.js +++ b/ui/desktop/app/components/copyable/index.js @@ -13,8 +13,8 @@ export default class CopyableComponent extends Component { id = generateComponentID(); copyableButtonId = `copyable-button-${this.id}`; - actionIcon = 'copy-action'; - successIcon = 'copy-success'; + actionIcon = 'flight/clipboard-copy-16'; + successIcon = 'flight/clipboard-checked-16'; actionText = this.args.buttonText; successText = this.args.acknowledgeText;