diff --git a/addons/rose/addon/components/rose/icon/index.hbs b/addons/rose/addon/components/rose/icon/index.hbs deleted file mode 100644 index e92665265..000000000 --- a/addons/rose/addon/components/rose/icon/index.hbs +++ /dev/null @@ -1,8 +0,0 @@ -{{! - Copyright (c) HashiCorp, Inc. - SPDX-License-Identifier: BUSL-1.1 -}} - - - {{inline-svg @name}} - \ No newline at end of file diff --git a/addons/rose/app/components/rose/icon.js b/addons/rose/app/components/rose/icon.js deleted file mode 100644 index 9a986dad0..000000000 --- a/addons/rose/app/components/rose/icon.js +++ /dev/null @@ -1,6 +0,0 @@ -/** - * Copyright (c) HashiCorp, Inc. - * SPDX-License-Identifier: BUSL-1.1 - */ - -export { default } from 'rose/components/rose/icon'; diff --git a/addons/rose/app/styles/rose/components/_icon.scss b/addons/rose/app/styles/rose/components/_icon.scss deleted file mode 100644 index de1500add..000000000 --- a/addons/rose/app/styles/rose/components/_icon.scss +++ /dev/null @@ -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; - } -} diff --git a/addons/rose/app/styles/rose/components/_index.scss b/addons/rose/app/styles/rose/components/_index.scss index c82736415..f3ec7d399 100644 --- a/addons/rose/app/styles/rose/components/_index.scss +++ b/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'; diff --git a/addons/rose/app/styles/rose/components/card/_link.scss b/addons/rose/app/styles/rose/components/card/_link.scss index 7786ea8d3..2296ec07c 100644 --- a/addons/rose/app/styles/rose/components/card/_link.scss +++ b/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; diff --git a/addons/rose/app/styles/rose/components/dialog/_dialog.scss b/addons/rose/app/styles/rose/components/dialog/_dialog.scss index d8270270e..24d8ae9bd 100644 --- a/addons/rose/app/styles/rose/components/dialog/_dialog.scss +++ b/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; - } - } } } diff --git a/addons/rose/app/styles/rose/components/form/_input.scss b/addons/rose/app/styles/rose/components/form/_input.scss index 049afe5ec..b1615129d 100644 --- a/addons/rose/app/styles/rose/components/form/_input.scss +++ b/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; } } diff --git a/addons/rose/app/styles/rose/components/header/_dropdown.scss b/addons/rose/app/styles/rose/components/header/_dropdown.scss index cd98b524e..11178cb47 100644 --- a/addons/rose/app/styles/rose/components/header/_dropdown.scss +++ b/addons/rose/app/styles/rose/components/header/_dropdown.scss @@ -26,17 +26,6 @@ $chevron: "data:image/svg+xml;utf-8, svg { - vertical-align: top; - } - } - &:hover, &:focus { background-color: transparent; diff --git a/addons/rose/tests/integration/components/rose/icon-test.js b/addons/rose/tests/integration/components/rose/icon-test.js deleted file mode 100644 index cd8222df7..000000000 --- a/addons/rose/tests/integration/components/rose/icon-test.js +++ /dev/null @@ -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``); - assert.ok(find('svg')); - }); - - test('it supports optional @size', async function (assert) { - await render( - hbs``, - ); - assert.ok(find('.small')); - }); -}); diff --git a/ui/admin/app/styles/app.scss b/ui/admin/app/styles/app.scss index b85f68c95..035294b6a 100644 --- a/ui/admin/app/styles/app.scss +++ b/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; diff --git a/ui/desktop/app/styles/app.scss b/ui/desktop/app/styles/app.scss index 41d0c69d5..7f8022df7 100644 --- a/ui/desktop/app/styles/app.scss +++ b/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;