chore: 🤖 upgrade clipboard copy icons to flight

2021-08-18 10:03:16 -04:00
1 parent 4ed0178c7a
commit 3d4bd2adf9
@@ -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',
        },
@@ -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'
        },
@@ -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',
      },
@@ -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',
        },
@@ -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',
        },
@@ -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',
        },
@@ -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'
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(1, 0)">
+  <path d="M10.975 1L11.75 1C12.9926 1 14 2.00736 14 3.25L14 13.75C14 14.9926 12.9926 16 11.75 16L2.25 16C1.00736 16 0 14.9926 0 13.75L0 3.25C0 2.00736 1.00736 1 2.25 1L3.025 1C3.14082 0.42944 3.64526 0 4.25 0L9.75 0C10.3547 0 10.8592 0.42944 10.975 1ZM4.5 2.5L4.5 1.5L9.5 1.5L9.5 2.5L4.5 2.5ZM10.7803 6.21967C11.0732 6.51256 11.0732 6.98744 10.7803 7.28033L6.28033 11.7803C5.98744 12.0732 5.51256 12.0732 5.21967 11.7803L3.21967 9.78033C2.92678 9.48744 2.92678 9.01256 3.21967 8.71967C3.51256 8.42678 3.98744 8.42678 4.28033 8.71967L5.75 10.1893L9.71967 6.21967C10.0126 5.92678 10.4874 5.92678 10.7803 6.21967Z" fill-rule="EVENODD"></path>
+ </g>
+</svg>
@@ -0,0 +1,9 @@
+<svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(1, 0)">
+  <path d="M2.25 2.5L3 2.5L3 2.75C3 3.44036 3.55964 4 4.25 4L9.75 4C10.4404 4 11 3.44036 11 2.75L11 2.5L11.75 2.5C12.1642 2.5 12.5 2.83579 12.5 3.25L12.5 6.25C12.5 6.66421 12.8358 7 13.25 7C13.6642 7 14 6.66421 14 6.25L14 3.25C14 2.00736 12.9926 1 11.75 1L10.975 1C10.8592 0.42944 10.3547 0 9.75 0L4.25 0C3.64526 0 3.14082 0.42944 3.025 1L2.25 1C1.00736 1 0 2.00736 0 3.25L0 13.75C0 14.9926 1.00736 16 2.25 16L11.75 16C12.9926 16 14 14.9926 14 13.75L14 12.75C14 12.3358 13.6642 12 13.25 12C12.8358 12 12.5 12.3358 12.5 12.75L12.5 13.75C12.5 14.1642 12.1642 14.5 11.75 14.5L2.25 14.5C1.83579 14.5 1.5 14.1642 1.5 13.75L1.5 3.25C1.5 2.83579 1.83579 2.5 2.25 2.5ZM4.5 1.5L4.5 2.5L9.5 2.5L9.5 1.5L4.5 1.5Z" fill-rule="EVENODD"></path>
+  <path d="M3.75 5.5C3.33579 5.5 3 5.83579 3 6.25C3 6.66421 3.33579 7 3.75 7L6.75 7C7.16421 7 7.5 6.66421 7.5 6.25C7.5 5.83579 7.16421 5.5 6.75 5.5L3.75 5.5Z" fill-rule="NONZERO"></path>
+  <path d="M3 12.25C3 11.8358 3.33579 11.5 3.75 11.5L6.75 11.5C7.16421 11.5 7.5 11.8358 7.5 12.25C7.5 12.6642 7.16421 13 6.75 13L3.75 13C3.33579 13 3 12.6642 3 12.25Z" fill-rule="NONZERO"></path>
+  <path d="M3.75 8.5C3.33579 8.5 3 8.83579 3 9.25C3 9.66421 3.33579 10 3.75 10L5.75 10C6.16421 10 6.5 9.66421 6.5 9.25C6.5 8.83579 6.16421 8.5 5.75 8.5L3.75 8.5Z" fill-rule="NONZERO"></path>
+  <path d="M15 9.25C15 9.66421 14.6642 10 14.25 10L10.0607 10L11.2803 11.2197C11.5732 11.5126 11.5732 11.9874 11.2803 12.2803C10.9874 12.5732 10.5126 12.5732 10.2197 12.2803L7.72027 9.78093C7.57961 9.64027 7.5 9.44891 7.5 9.25C7.5 9.05109 7.57902 8.86032 7.71967 8.71967L10.2197 6.21967C10.5126 5.92678 10.9874 5.92678 11.2803 6.21967C11.5732 6.51256 11.5732 6.98744 11.2803 7.28033L10.0607 8.5L14.25 8.5C14.6642 8.5 15 8.83579 15 9.25Z" fill-rule="NONZERO"></path>
+ </g>
+</svg>
@@ -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;

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