vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fixed #4530 - Export styles of all components

Browse source
This commit is contained in:
mertsincan 2023-10-02 11:46:09 +01:00
parent 7b6d458067
commit dc2913e887
463 changed files with 10696 additions and 9670 deletions
Download patch file Download diff file Expand all files Collapse all files

25
components/lib/togglebutton/BaseToggleButton.vue
View file

@ -1,25 +1,6 @@
<script>
import BaseComponent from 'primevue/basecomponent';
const classes = {
root: ({ instance, props }) => [
'p-button p-togglebutton p-component',
{
'p-focus': instance.focused,
'p-button-icon-only': instance.hasIcon && !instance.hasLabel,
'p-disabled': props.disabled,
'p-highlight': props.modelValue === true
}
],
icon: ({ instance, props }) => [
'p-button-icon',
{
'p-button-icon-left': props.iconPos === 'left' && instance.label,
'p-button-icon-right': props.iconPos === 'right' && instance.label
}
],
label: 'p-button-label'
};
import ToggleButtonStyle from 'primevue/togglebutton/style';
export default {
name: 'BaseToggleButton',
@ -73,9 +54,7 @@ export default {
default: null
}
},
css: {
classes
},
style: ToggleButtonStyle,
provide() {
return {
$parentInstance: this

16
components/lib/togglebutton/package.json
View file

@ -1,9 +1,9 @@
{
"main": "./togglebutton.cjs.js",
"module": "./togglebutton.esm.js",
"unpkg": "./togglebutton.min.js",
"types": "./ToggleButton.d.ts",
"browser": {
"./sfc": "./ToggleButton.vue"
}
}
"main": "./togglebutton.cjs.js",
"module": "./togglebutton.esm.js",
"unpkg": "./togglebutton.min.js",
"types": "./ToggleButton.d.ts",
"browser": {
"./sfc": "./ToggleButton.vue"
}
}

27
components/lib/togglebutton/style/ToggleButtonStyle.js Normal file
View file

@ -0,0 +1,27 @@
import BaseStyle from 'primevue/base/style';
const classes = {
root: ({ instance, props }) => [
'p-button p-togglebutton p-component',
{
'p-focus': instance.focused,
'p-button-icon-only': instance.hasIcon && !instance.hasLabel,
'p-disabled': props.disabled,
'p-highlight': props.modelValue === true
}
],
icon: ({ instance, props }) => [
'p-button-icon',
{
'p-button-icon-left': props.iconPos === 'left' && instance.label,
'p-button-icon-right': props.iconPos === 'right' && instance.label
}
],
label: 'p-button-label'
};
export default BaseStyle.extend({
name: 'accordion',
classes,
loadStyle: () => {}
});

5
components/lib/togglebutton/style/package.json Normal file
View file

@ -0,0 +1,5 @@
{
"main": "./togglebuttonstyle.cjs.js",
"module": "./togglebuttonstyle.esm.js",
"unpkg": "./togglebuttonstyle.min.js"
}