vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Updated saga and moved radiobutton aria labelled as passthru

pull/345/head
cagataycivici 2020-05-13 00:24:19 +03:00
parent 699a48f502
commit 0650459555
11 changed files with 10 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/themes/saga-blue/theme.css
View File

@ -2,7 +2,7 @@
:root { :root {
--layer-0: #ffffff; --layer-0: #ffffff;
--layer-1: #f8f9fa; --layer-1: #f8f9fa;
--layer-2: #dee2e6; --layer-2: #e9ecef;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: #6c757d; --text-color-secondary: #6c757d;
--primary-color: #2196F3; --primary-color: #2196F3;

2
public/themes/saga-cyan/theme.css
View File

@ -2,7 +2,7 @@
:root { :root {
--layer-0: #ffffff; --layer-0: #ffffff;
--layer-1: #f8f9fa; --layer-1: #f8f9fa;
--layer-2: #dee2e6; --layer-2: #e9ecef;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: #6c757d; --text-color-secondary: #6c757d;
--primary-color: #00ACC1; --primary-color: #00ACC1;

2
public/themes/saga-deeppurple/theme.css
View File

@ -2,7 +2,7 @@
:root { :root {
--layer-0: #ffffff; --layer-0: #ffffff;
--layer-1: #f8f9fa; --layer-1: #f8f9fa;
--layer-2: #dee2e6; --layer-2: #e9ecef;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: #6c757d; --text-color-secondary: #6c757d;
--primary-color: #673AB7; --primary-color: #673AB7;

2
public/themes/saga-green/theme.css
View File

@ -2,7 +2,7 @@
:root { :root {
--layer-0: #ffffff; --layer-0: #ffffff;
--layer-1: #f8f9fa; --layer-1: #f8f9fa;
--layer-2: #dee2e6; --layer-2: #e9ecef;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: #6c757d; --text-color-secondary: #6c757d;
--primary-color: #4CAF50; --primary-color: #4CAF50;

2
public/themes/saga-indigo/theme.css
View File

@ -2,7 +2,7 @@
:root { :root {
--layer-0: #ffffff; --layer-0: #ffffff;
--layer-1: #f8f9fa; --layer-1: #f8f9fa;
--layer-2: #dee2e6; --layer-2: #e9ecef;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: #6c757d; --text-color-secondary: #6c757d;
--primary-color: #3F51B5; --primary-color: #3F51B5;

2
public/themes/saga-orange/theme.css
View File

@ -2,7 +2,7 @@
:root { :root {
--layer-0: #ffffff; --layer-0: #ffffff;
--layer-1: #f8f9fa; --layer-1: #f8f9fa;
--layer-2: #dee2e6; --layer-2: #e9ecef;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: #6c757d; --text-color-secondary: #6c757d;
--primary-color: #FFC107; --primary-color: #FFC107;

2
public/themes/saga-purple/theme.css
View File

@ -2,7 +2,7 @@
:root { :root {
--layer-0: #ffffff; --layer-0: #ffffff;
--layer-1: #f8f9fa; --layer-1: #f8f9fa;
--layer-2: #dee2e6; --layer-2: #e9ecef;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: #6c757d; --text-color-secondary: #6c757d;
--primary-color: #9C27B0; --primary-color: #9C27B0;

2
public/themes/saga-teal/theme.css
View File

@ -2,7 +2,7 @@
:root { :root {
--layer-0: #ffffff; --layer-0: #ffffff;
--layer-1: #f8f9fa; --layer-1: #f8f9fa;
--layer-2: #dee2e6; --layer-2: #e9ecef;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: #6c757d; --text-color-secondary: #6c757d;
--primary-color: #009688; --primary-color: #009688;

1
src/components/radiobutton/RadioButton.d.ts vendored
View File

@ -3,7 +3,6 @@ import Vue from 'vue';
export declare class RadioButton extends Vue { export declare class RadioButton extends Vue {
value: any; value: any;
modelValue: any; modelValue: any;
ariaLabelledBy?: string;
$emit(eventName: 'click', event: Event): this; $emit(eventName: 'click', event: Event): this;
$emit(eventName: 'input', value: any): this; $emit(eventName: 'input', value: any): this;
$emit(eventName: 'change', event: Event): this; $emit(eventName: 'change', event: Event): this;

5
src/components/radiobutton/RadioButton.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="p-radiobutton p-component" @click="onClick($event)"> <div class="p-radiobutton p-component" @click="onClick($event)">
<div class="p-hidden-accessible"> <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>
<div ref="box" :class="['p-radiobutton-box', {'p-highlight': checked, 'p-disabled': $attrs.disabled, 'p-focus': focused}]" role="radio" :aria-checked="checked"> <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> <span :class="['p-radiobutton-icon', {'pi pi-circle-on': checked}]"></span>
@ -16,8 +16,7 @@ export default {
inheritAttrs: false, inheritAttrs: false,
props: { props: {
value: null, value: null,
modelValue: null, modelValue: null
ariaLabelledBy: null
}, },
model: { model: {
prop: 'modelValue', prop: 'modelValue',

6
src/views/radiobutton/RadioButtonDoc.vue
View File

@ -91,12 +91,6 @@ export default {
<td>blur</td> <td>blur</td>
<td>event: Browser event</td> <td>event: Browser event</td>
<td>Callback to invoke on blur.</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> </tr>
</tbody> </tbody>
</table> </table>