From 4837cb353ed999e33953a59f4022ea549ee5dffa Mon Sep 17 00:00:00 2001
From: dharini <dharini@hashicorp.com>
Date: Tue, 18 Jan 2022 11:10:38 -0800
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20lint?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../addon/components/rose/form/radio/radio/index.hbs |  7 ++++---
 .../styles/rose/components/form/_radioCard.scss      | 12 ++++++------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/addons/rose/addon/components/rose/form/radio/radio/index.hbs b/addons/rose/addon/components/rose/form/radio/radio/index.hbs
index 40f460dad..f8b992601 100644
--- a/addons/rose/addon/components/rose/form/radio/radio/index.hbs
+++ b/addons/rose/addon/components/rose/form/radio/radio/index.hbs
@@ -1,4 +1,5 @@
-<div class="{{this.className}} {{if @error " error"}} {{if @inline "inline"}}">
+<div class="rose-form-radio{{if @error " error"}} {{if @inline "inline"}}">
+
   <RadioButton
     ...attributes
     @radioClass="rose-form-radio-field"
@@ -11,7 +12,6 @@
     @disabled={{@disabled}}
     @changed={{@changed}} />
 
-
   <label class="rose-form-radio-label" for={{this.id}}>
 
     {{#if @icon}}
@@ -22,8 +22,9 @@
     {{/if}}
 
     {{@label}}
-  <span class="overlay"></span>
+  <span class="radio-card-overlay"></span>
   </label>
+
   {{yield}}
 
 </div>
diff --git a/addons/rose/addon/styles/rose/components/form/_radioCard.scss b/addons/rose/addon/styles/rose/components/form/_radioCard.scss
index 043cfa53b..0fd98e0fa 100644
--- a/addons/rose/addon/styles/rose/components/form/_radioCard.scss
+++ b/addons/rose/addon/styles/rose/components/form/_radioCard.scss
@@ -8,7 +8,7 @@
   width: 350px;
   justify-content: center;
 
-  .overlay {
+  .radio-card-overlay {
     position: absolute;
     height: 30px;
     background-color: #f7f8fa;
@@ -47,7 +47,7 @@
       }
       &:checked {
         ~ .rose-form-radio-label {
-          .overlay {
+          .radio-card-overlay {
             background-color: #f0f5ff;
           }
           border: 1px solid #1563ff;
@@ -70,7 +70,7 @@
       opacity: 0;
       &:not(:disabled):not(:focus) {
         ~ .rose-form-radio-label {
-          .overlay {
+          .radio-card-overlay {
             background-color: #f9ecee;
           }
           border: 1px solid #c73445;
@@ -108,7 +108,7 @@
   width: 240px;
   justify-content: center;
 
-  .overlay {
+  .radio-card-overlay {
     position: absolute;
     height: 30px;
     background-color: #f7f8fa;
@@ -147,7 +147,7 @@
       }
       &:checked {
         ~ .rose-form-radio-label {
-          .overlay {
+          .radio-card-overlay {
             background-color: #f0f5ff;
           }
           border: 1px solid #1563ff;
@@ -170,7 +170,7 @@
       opacity: 0;
       &:not(:disabled):not(:focus) {
         ~ .rose-form-radio-label {
-          .overlay {
+          .radio-card-overlay {
             background-color: #f9ecee;
           }
           border: 1px solid #c73445;