From 0650459555fd1f5e31ab91cd3b8e936e3b3f4941 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Wed, 13 May 2020 00:24:19 +0300
Subject: [PATCH] Updated saga and moved radiobutton aria labelled as passthru

---
 public/themes/saga-blue/theme.css           | 2 +-
 public/themes/saga-cyan/theme.css           | 2 +-
 public/themes/saga-deeppurple/theme.css     | 2 +-
 public/themes/saga-green/theme.css          | 2 +-
 public/themes/saga-indigo/theme.css         | 2 +-
 public/themes/saga-orange/theme.css         | 2 +-
 public/themes/saga-purple/theme.css         | 2 +-
 public/themes/saga-teal/theme.css           | 2 +-
 src/components/radiobutton/RadioButton.d.ts | 1 -
 src/components/radiobutton/RadioButton.vue  | 5 ++---
 src/views/radiobutton/RadioButtonDoc.vue    | 6 ------
 11 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 037e5fe43..592d7baf2 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -2,7 +2,7 @@
 :root {
   --layer-0: #ffffff;
   --layer-1: #f8f9fa;
-  --layer-2: #dee2e6;
+  --layer-2: #e9ecef;
   --text-color: #495057;
   --text-color-secondary: #6c757d;
   --primary-color: #2196F3;
diff --git a/public/themes/saga-cyan/theme.css b/public/themes/saga-cyan/theme.css
index c27c23031..90a2eb033 100644
--- a/public/themes/saga-cyan/theme.css
+++ b/public/themes/saga-cyan/theme.css
@@ -2,7 +2,7 @@
 :root {
   --layer-0: #ffffff;
   --layer-1: #f8f9fa;
-  --layer-2: #dee2e6;
+  --layer-2: #e9ecef;
   --text-color: #495057;
   --text-color-secondary: #6c757d;
   --primary-color: #00ACC1;
diff --git a/public/themes/saga-deeppurple/theme.css b/public/themes/saga-deeppurple/theme.css
index 4036c4f53..e20fcb3e8 100644
--- a/public/themes/saga-deeppurple/theme.css
+++ b/public/themes/saga-deeppurple/theme.css
@@ -2,7 +2,7 @@
 :root {
   --layer-0: #ffffff;
   --layer-1: #f8f9fa;
-  --layer-2: #dee2e6;
+  --layer-2: #e9ecef;
   --text-color: #495057;
   --text-color-secondary: #6c757d;
   --primary-color: #673AB7;
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index cc442c0b9..910f8ab1e 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -2,7 +2,7 @@
 :root {
   --layer-0: #ffffff;
   --layer-1: #f8f9fa;
-  --layer-2: #dee2e6;
+  --layer-2: #e9ecef;
   --text-color: #495057;
   --text-color-secondary: #6c757d;
   --primary-color: #4CAF50;
diff --git a/public/themes/saga-indigo/theme.css b/public/themes/saga-indigo/theme.css
index 9c51fbe83..3e6aceb53 100644
--- a/public/themes/saga-indigo/theme.css
+++ b/public/themes/saga-indigo/theme.css
@@ -2,7 +2,7 @@
 :root {
   --layer-0: #ffffff;
   --layer-1: #f8f9fa;
-  --layer-2: #dee2e6;
+  --layer-2: #e9ecef;
   --text-color: #495057;
   --text-color-secondary: #6c757d;
   --primary-color: #3F51B5;
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 4bd4686f7..17bbde4ad 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -2,7 +2,7 @@
 :root {
   --layer-0: #ffffff;
   --layer-1: #f8f9fa;
-  --layer-2: #dee2e6;
+  --layer-2: #e9ecef;
   --text-color: #495057;
   --text-color-secondary: #6c757d;
   --primary-color: #FFC107;
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index 1fa2e5f1f..a51474d9c 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -2,7 +2,7 @@
 :root {
   --layer-0: #ffffff;
   --layer-1: #f8f9fa;
-  --layer-2: #dee2e6;
+  --layer-2: #e9ecef;
   --text-color: #495057;
   --text-color-secondary: #6c757d;
   --primary-color: #9C27B0;
diff --git a/public/themes/saga-teal/theme.css b/public/themes/saga-teal/theme.css
index f9d6c09ef..3e1d4d2c7 100644
--- a/public/themes/saga-teal/theme.css
+++ b/public/themes/saga-teal/theme.css
@@ -2,7 +2,7 @@
 :root {
   --layer-0: #ffffff;
   --layer-1: #f8f9fa;
-  --layer-2: #dee2e6;
+  --layer-2: #e9ecef;
   --text-color: #495057;
   --text-color-secondary: #6c757d;
   --primary-color: #009688;
diff --git a/src/components/radiobutton/RadioButton.d.ts b/src/components/radiobutton/RadioButton.d.ts
index c3192ad11..0a69c8e2c 100755
--- a/src/components/radiobutton/RadioButton.d.ts
+++ b/src/components/radiobutton/RadioButton.d.ts
@@ -3,7 +3,6 @@ import Vue from 'vue';
 export declare class RadioButton extends Vue {
     value: any;
     modelValue: any;
-    ariaLabelledBy?: string;
     $emit(eventName: 'click', event: Event): this;
     $emit(eventName: 'input', value: any): this;
     $emit(eventName: 'change', event: Event): this;
diff --git a/src/components/radiobutton/RadioButton.vue b/src/components/radiobutton/RadioButton.vue
index c3792ceb3..ac3509eb4 100755
--- a/src/components/radiobutton/RadioButton.vue
+++ b/src/components/radiobutton/RadioButton.vue
@@ -1,7 +1,7 @@
 <template>
    <div class="p-radiobutton p-component" @click="onClick($event)">
        <div class="p-hidden-accessible">
-           <input ref="input" type="radio" :checked="checked" :value="value" v-bind="$attrs" @focus="onFocus($event)" @blur="onBlur($event)" :aria-labelledby="ariaLabelledBy">
+           <input ref="input" type="radio" :checked="checked" :value="value" v-bind="$attrs" @focus="onFocus($event)" @blur="onBlur($event)">
         </div>
         <div ref="box" :class="['p-radiobutton-box', {'p-highlight': checked, 'p-disabled': $attrs.disabled, 'p-focus': focused}]" role="radio" :aria-checked="checked">
             <span :class="['p-radiobutton-icon', {'pi pi-circle-on': checked}]"></span>
@@ -16,8 +16,7 @@ export default {
     inheritAttrs: false,
     props: {
 		value: null,
-        modelValue: null,
-        ariaLabelledBy: null
+        modelValue: null
     },
     model: {
         prop: 'modelValue',
diff --git a/src/views/radiobutton/RadioButtonDoc.vue b/src/views/radiobutton/RadioButtonDoc.vue
index e3bc25180..eeced1b14 100755
--- a/src/views/radiobutton/RadioButtonDoc.vue
+++ b/src/views/radiobutton/RadioButtonDoc.vue
@@ -91,12 +91,6 @@ export default {
                                 <td>blur</td>
                                 <td>event: Browser event</td>
                                 <td>Callback to invoke on blur.</td>
-                            </tr>
-                            <tr>
-                                <td>ariaLabelledBy</td>
-                                <td>string</td>
-                                <td>null</td>
-                                <td>Establishes relationships between the component and label(s) where its value should be one or more element IDs.</td>
                             </tr>
 						</tbody>
 					</table>