vuestic-ui
Version:
Vue 3 UI Framework
97 lines (96 loc) • 2.18 kB
JavaScript
const getComponentsDefaultConfig = () => (
// TODO: Should be handled in size service
{
VaIcon: {
sizesConfig: {
defaultSize: 18,
sizes: {
small: 14,
medium: 18,
large: 24
}
}
},
VaRating: {
sizesConfig: {
defaultSize: 18,
sizes: {
small: 14,
medium: 18,
large: 24
}
}
},
all: {},
presets: {
VaButton: {
default: {
backgroundOpacity: 1,
hoverBehavior: "mask",
hoverOpacity: 0.15,
pressedBehavior: "mask",
pressedOpacity: 0.13
},
primary: {
backgroundOpacity: 0.1,
hoverBehavior: "opacity",
hoverOpacity: 0.07,
pressedBehavior: "opacity",
pressedOpacity: 0.13
},
secondary: {
backgroundOpacity: 0,
hoverBehavior: "opacity",
hoverOpacity: 0.07,
pressedBehavior: "opacity",
pressedOpacity: 0.13
},
plain: {
plain: true,
hoverBehavior: "mask",
hoverOpacity: 0.15,
pressedBehavior: "mask",
pressedOpacity: 0.13
},
plainOpacity: {
plain: true,
textOpacity: 0.6,
hoverBehavior: "opacity",
hoverOpacity: 1,
pressedBehavior: "opacity",
pressedOpacity: 0.9
}
},
VaInputWrapper: {
solid: {
background: "backgroundElement"
},
bordered: {
class: "va-input-wrapper--bordered",
background: "backgroundElement"
}
},
VaCheckbox: {
solid: {
style: "--va-checkbox-background: var(--va-background-element)"
}
},
VaRadio: {
solid: {
style: "--va-radio-background: var(--va-background-element)"
}
},
VaMenu: {
context: {
cursor: true,
placement: "right-start",
trigger: "right-click"
}
}
}
}
);
export {
getComponentsDefaultConfig as g
};
//# sourceMappingURL=default.mjs.map