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;