Replace Rose::Icon with HDS::Icon (#2762)

* refactor: 💡 rose icons with hds icons

* fix: 🐛 remove child selector for h2

* fix: 🐛 removed unwanted changes

* fix: 🐛 remove unncessary change

* refactor: 💡 rose icon for rose components

* fix: 🐛 default size for doc-link, updated tests, removed TODO

* fix: 🐛 update doc-link test

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

@@ -39,20 +39,14 @@ module('Integration | Component | rose/button', function (hooks) {
   });
 
   test('it supports left and right icons', async function (assert) {
-    await render(
-      hbs`<Rose::Button @iconLeft="flight-icons/svg/chevron-left-16" />`,
-    );
-    assert.ok(find('.has-icon-left .rose-icon'));
-    await render(
-      hbs`<Rose::Button @iconRight="flight-icons/svg/chevron-left-16" />`,
-    );
-    assert.ok(find('.has-icon-right .rose-icon'));
+    await render(hbs`<Rose::Button @iconLeft="chevron-left" />`);
+    assert.dom('.has-icon-left .hds-icon').isVisible();
+    await render(hbs`<Rose::Button @iconRight="chevron-left" />`);
+    assert.dom('.has-icon-right .hds-icon').isVisible();
   });
 
   test('it supports an icon-only type', async function (assert) {
-    await render(
-      hbs`<Rose::Button @iconOnly="flight-icons/svg/chevron-left-16" />`,
-    );
-    assert.ok(find('.has-icon-only .rose-icon'));
+    await render(hbs`<Rose::Button @iconOnly="chevron-left" />`);
+    assert.dom('.has-icon-only .hds-icon').isVisible();
   });
 });

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

@@ -37,10 +37,8 @@ module('Integration | Component | rose/dropdown', function (hooks) {
   });
 
   test('it supports an icon', async function (assert) {
-    await render(
-      hbs`<Rose::Dropdown @icon="flight-icons/svg/user-circle-16" />`,
-    );
-    assert.ok(find('svg'));
+    await render(hbs`<Rose::Dropdown @icon="user-circle" />`);
+    assert.dom('svg').isVisible();
   });
 
   test('it supports icon-only display', async function (assert) {

addons/rose/tests/integration/components/rose/dropdown/button-test.js

@@ -37,9 +37,7 @@ module('Integration | Component | rose/dropdown/button', function (hooks) {
   });
 
   test('it supports an icon-only type', async function (assert) {
-    await render(
-      hbs`<Rose::Dropdown::Button @iconOnly="flight-icons/svg/chevron-left-16" />`,
-    );
-    assert.ok(find('.has-icon-only .rose-icon'));
+    await render(hbs`<Rose::Dropdown::Button @iconOnly="chevron-left" />`);
+    assert.dom('.has-icon-only .hds-icon').isVisible();
   });
 });

addons/rose/tests/integration/components/rose/form/input-test.js

@@ -67,8 +67,8 @@ module('Integration | Component | rose/form/input', function (hooks) {
   });
 
   test('it supports an icon using @icon', async function (assert) {
-    await render(hbs`<Rose::Form::Input @icon="flight-icons/svg/search-16" />`);
-    assert.ok(find('.rose-icon'));
+    await render(hbs`<Rose::Form::Input @icon="search" />`);
+    assert.dom('.hds-icon').isVisible();
   });
 
   test('it supports readonly attribute', async function (assert) {