[Retire] Rose::Icon (#2807)

* remove rose::icon test

* remove .rose-icon class styling from ui/admin

* remove .rose-icon class styling from ui/desktop

* remove .rose-icon class styling from addons/

* remove @import 'icon'

* remove icon.js

addons/rose/addon/components/rose/icon/index.hbs

@@ -1,8 +0,0 @@
-{{!
-  Copyright (c) HashiCorp, Inc.
-  SPDX-License-Identifier: BUSL-1.1
-}}
-
-<span ...attributes class='rose-icon {{@size}}'>
-  {{inline-svg @name}}
-</span>

addons/rose/app/components/rose/icon.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: BUSL-1.1
- */
-
-export { default } from 'rose/components/rose/icon';

addons/rose/app/styles/rose/components/_icon.scss

@@ -1,28 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: BUSL-1.1
- */
-
-@use '../variables/sizing';
-
-.rose-icon {
-  --size: #{sizing.rems(l)};
-
-  &.extra-large {
-    --size: #{sizing.rems(m) * 2};
-  }
-
-  &.medium {
-    --size: #{sizing.rems(m)};
-  }
-
-  &.small {
-    --size: #{sizing.rems(s)};
-  }
-
-  > svg {
-    width: var(--size);
-    height: var(--size);
-    vertical-align: text-top;
-  }
-}

addons/rose/app/styles/rose/components/_index.scss

@@ -14,7 +14,6 @@
 @import 'form';
 @import 'frame';
 @import 'header';
-@import 'icon';
 @import 'layout';
 @import 'list';
 @import 'metadata-list';

addons/rose/app/styles/rose/components/card/_link.scss

@@ -102,14 +102,6 @@ $xxxs: sizing.rems(xxxs); // 2
     margin: 0;
     margin-bottom: sizing.rems(xs);
 
-    .rose-icon {
-      margin-right: sizing.rems(xs);
-
-      svg {
-        vertical-align: text-bottom;
-      }
-    }
-
     .rose-card-link-title-text {
       flex-grow: 1;
       height: typography.line-height(m) * 2rem;

addons/rose/app/styles/rose/components/dialog/_dialog.scss

@@ -58,17 +58,6 @@ $xxxxs: sizing.rems(xxxxs); // 1
     border-top-left-radius: $xxxs;
     border-top-right-radius: $xxxs;
 
-    .rose-icon {
-      color: var(--header-icon-color);
-      margin-right: $xxs + $xxxs;
-
-      svg {
-        transform: scale(1.25);
-        position: relative;
-        top: $xxxxs;
-      }
-    }
-
     .rose-dialog-heading {
       @include type.type(m, semibold);
 
@@ -91,15 +80,6 @@ $xxxxs: sizing.rems(xxxxs); // 1
       &:hover {
         border-color: currentcolor;
       }
-
-      .rose-icon {
-        margin: 0;
-        color: var(--ui-gray);
-
-        svg {
-          top: $xxxs;
-        }
-      }
     }
   }
 

addons/rose/app/styles/rose/components/form/_input.scss

@@ -13,13 +13,7 @@
 .rose-input-wrapper {
   position: relative;
 
-  .rose-icon {
-    position: absolute;
-    left: 10px;
-    top: 10px;
-  }
-
-  .rose-icon + .rose-form-input-field {
+  .rose-form-input-field {
     padding-left: 30px;
   }
 }

addons/rose/app/styles/rose/components/header/_dropdown.scss

@@ -26,17 +26,6 @@ $chevron: "data:image/svg+xml;utf-8,<svg viewBox='0 0 24 24' fill='%23bac1cc' xm
           padding-left: sizing.rems(xs);
         }
 
-        .rose-icon {
-          --size: #{sizing.rems(l)};
-
-          display: inline-block;
-          height: var(--size);
-
-          > svg {
-            vertical-align: top;
-          }
-        }
-
         &:hover,
         &:focus {
           background-color: transparent;

addons/rose/tests/integration/components/rose/icon-test.js

@@ -1,25 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: BUSL-1.1
- */
-
-import { module, test } from 'qunit';
-import { setupRenderingTest } from 'ember-qunit';
-import { render, find } from '@ember/test-helpers';
-import { hbs } from 'ember-cli-htmlbars';
-
-module('Integration | Component | rose/icon', function (hooks) {
-  setupRenderingTest(hooks);
-
-  test('it renders', async function (assert) {
-    await render(hbs`<Rose::Icon @name="flight-icons/svg/globe-16" />`);
-    assert.ok(find('svg'));
-  });
-
-  test('it supports optional @size', async function (assert) {
-    await render(
-      hbs`<Rose::Icon @name="flight-icons/svg/globe-16" @size="small" />`,
-    );
-    assert.ok(find('.small'));
-  });
-});

ui/admin/app/styles/app.scss

@@ -62,10 +62,6 @@
 
     .rose-form-radio-label {
       display: flex;
-
-      .rose-icon {
-        padding-right: sizing.rems(xxs);
-      }
     }
 
     .indent-label-1 {
@@ -81,12 +77,6 @@
         padding-left: $indent + $icon-width;
       }
     }
-
-    .is-project {
-      .rose-icon {
-        visibility: hidden;
-      }
-    }
   }
 }
 
@@ -97,12 +87,6 @@
     display: none;
   }
 
-  .rose-dropdown {
-    .rose-icon {
-      transform: scale(0.7);
-    }
-  }
-
   &.loading {
     &::after {
       // animation: gradient 1s linear infinite;
@@ -148,23 +132,6 @@
   white-space: nowrap;
 }
 
-//  Spinning animation for refresh button icon
-@media (prefers-reduced-motion: no-preference) {
-  .is-loading {
-    .rose-icon {
-      @keyframes hds-flight-icon-animation-rotation {
-        to {
-          transform: rotate(360deg);
-        }
-      }
-
-      > svg {
-        animation: hds-flight-icon-animation-rotation 0.7s linear infinite;
-      }
-    }
-  }
-}
-
 // Onboarding styles
 .create-resources {
   width: sizing.rems(xl) * 15;

ui/desktop/app/styles/app.scss

@@ -83,15 +83,6 @@
 
     .rose-form-radio-label {
       display: flex;
-
-      .rose-icon {
-        padding-right: sizing.rems(xxs);
-      }
-    }
-
-    .rose-icon {
-      margin-right: sizing.rems(xxs);
-      margin-left: sizing.rems(xxs);
     }
 
     .indent-label-1 {
@@ -107,12 +98,6 @@
         padding-left: $indent * 1.5;
       }
     }
-
-    .is-project {
-      .rose-icon {
-        visibility: hidden;
-      }
-    }
   }
 
   fieldset {
@@ -154,12 +139,6 @@
     display: none;
   }
 
-  .rose-dropdown {
-    .rose-icon {
-      transform: scale(0.7);
-    }
-  }
-
   &.loading {
     &::after {
       animation: gradient 1s linear infinite;
@@ -293,23 +272,6 @@
   }
 }
 
-// Spinning animation for refresh button icon
-@media (prefers-reduced-motion: no-preference) {
-  .is-loading {
-    .rose-icon {
-      @keyframes hds-flight-icon-animation-rotation {
-        to {
-          transform: rotate(360deg);
-        }
-      }
-
-      > svg {
-        animation: hds-flight-icon-animation-rotation 0.7s linear infinite;
-      }
-    }
-  }
-}
-
 .session-details-info {
   display: flex;
   align-items: center;