primevue
Version:
PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc
2 lines (1 loc) • 1.13 kB
JavaScript
import e from"primevue/base/style";var r=e.extend({name:"colorpicker",css:"\n@layer primevue {\n .p-colorpicker-panel .p-colorpicker-color {\n background: linear-gradient(to top, #000 0%, rgb(0 0 0 / 0) 100%), linear-gradient(to right, #fff 0%, rgb(255 255 255 / 0) 100%)\n }\n\n .p-colorpicker-panel .p-colorpicker-hue {\n background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)\n }\n}\n",classes:{root:function(e){return["p-colorpicker p-component",{"p-colorpicker-overlay":!e.props.inline}]},input:function(e){return["p-colorpicker-preview p-inputtext",{"p-disabled":e.props.disabled}]},panel:function(e){var r=e.instance,o=e.props;return["p-colorpicker-panel",{"p-colorpicker-overlay-panel":!o.inline,"p-disabled":o.disabled,"p-input-filled":"filled"===r.$primevue.config.inputStyle,"p-ripple-disabled":!1===r.$primevue.config.ripple}]},content:"p-colorpicker-content",selector:"p-colorpicker-color-selector",color:"p-colorpicker-color",colorHandle:"p-colorpicker-color-handle",hue:"p-colorpicker-hue",hueHandle:"p-colorpicker-hue-handle"}});export{r as default};