From 56668b6dce498acf1ab6265423a0e116c8e1a17c Mon Sep 17 00:00:00 2001
From: Patricio Albizu <albizupatricio@github.com>
Date: Thu, 3 Jun 2021 19:33:31 -0300
Subject: [PATCH 1/2] feat: Radio button disabled Styles

---
 .../src/radio/radio-group.component.scss       | 18 ++++++++++++++++--
 .../src/radio/radio-group.component.ts         |  4 ++--
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/projects/components/src/radio/radio-group.component.scss b/projects/components/src/radio/radio-group.component.scss
index a3948b5e9..a0b1c0f88 100644
--- a/projects/components/src/radio/radio-group.component.scss
+++ b/projects/components/src/radio/radio-group.component.scss
@@ -1,5 +1,5 @@
-@import 'color-palette';
-@import 'font';
+@import "color-palette";
+@import "font";
 
 .title {
   @include body-2-medium($gray-7);
@@ -58,6 +58,20 @@
     .radio-button-label {
       @include body-2-regular($gray-7);
     }
+
+    &.disabled {
+      &.mat-radio-checked .mat-radio-container .mat-radio-outer-circle {
+        background: $gray-3;
+      }
+
+      .mat-radio-container .mat-radio-outer-circle {
+        background: $gray-1;
+      }
+
+      .radio-button-label {
+        color: $gray-5;
+      }
+    }
   }
 
   .radio-button:last-child {
diff --git a/projects/components/src/radio/radio-group.component.ts b/projects/components/src/radio/radio-group.component.ts
index 42598663d..225f76d10 100644
--- a/projects/components/src/radio/radio-group.component.ts
+++ b/projects/components/src/radio/radio-group.component.ts
@@ -15,7 +15,7 @@ import { RadioOption } from './radio-option';
       (change)="this.onRadioChange($event)"
       [disabled]="this.disabled"
     >
-      <mat-radio-button *ngFor="let option of options" class="radio-button" [value]="option.value">
+      <mat-radio-button *ngFor="let option of options" class="radio-button" [ngClass]="{'disabled': this.disabled}" [value]="option.value">
         <ht-label class="radio-button-label" [label]="option.label"></ht-label>
       </mat-radio-button>
     </mat-radio-group>
@@ -37,7 +37,7 @@ export class RadioGroupComponent implements OnInit {
   @Output()
   public readonly selectedChange: EventEmitter<string> = new EventEmitter();
 
-  public constructor(private readonly loggerService: LoggerService) {}
+  public constructor(private readonly loggerService: LoggerService) { }
 
   public ngOnInit(): void {
     // tslint:disable-next-line:strict-type-predicates

From 9ee81da20711771f7c1ba424c2211abad22faa23 Mon Sep 17 00:00:00 2001
From: Patricio Albizu <albizupatricio@github.com>
Date: Thu, 3 Jun 2021 19:41:02 -0300
Subject: [PATCH 2/2] feat: fixing lint

---
 projects/components/src/radio/radio-group.component.scss | 4 ++--
 projects/components/src/radio/radio-group.component.ts   | 9 +++++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/projects/components/src/radio/radio-group.component.scss b/projects/components/src/radio/radio-group.component.scss
index a0b1c0f88..7d6554d30 100644
--- a/projects/components/src/radio/radio-group.component.scss
+++ b/projects/components/src/radio/radio-group.component.scss
@@ -1,5 +1,5 @@
-@import "color-palette";
-@import "font";
+@import 'color-palette';
+@import 'font';
 
 .title {
   @include body-2-medium($gray-7);
diff --git a/projects/components/src/radio/radio-group.component.ts b/projects/components/src/radio/radio-group.component.ts
index 225f76d10..44aa6391f 100644
--- a/projects/components/src/radio/radio-group.component.ts
+++ b/projects/components/src/radio/radio-group.component.ts
@@ -15,7 +15,12 @@ import { RadioOption } from './radio-option';
       (change)="this.onRadioChange($event)"
       [disabled]="this.disabled"
     >
-      <mat-radio-button *ngFor="let option of options" class="radio-button" [ngClass]="{'disabled': this.disabled}" [value]="option.value">
+      <mat-radio-button
+        *ngFor="let option of options"
+        class="radio-button"
+        [ngClass]="{ disabled: this.disabled }"
+        [value]="option.value"
+      >
         <ht-label class="radio-button-label" [label]="option.label"></ht-label>
       </mat-radio-button>
     </mat-radio-group>
@@ -37,7 +42,7 @@ export class RadioGroupComponent implements OnInit {
   @Output()
   public readonly selectedChange: EventEmitter<string> = new EventEmitter();
 
-  public constructor(private readonly loggerService: LoggerService) { }
+  public constructor(private readonly loggerService: LoggerService) {}
 
   public ngOnInit(): void {
     // tslint:disable-next-line:strict-type-predicates