digivue/checkbox/style/index.mjs.map

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

{"version":3,"file":"index.mjs","sources":["../../../src/checkbox/style/CheckboxStyle.js"],"sourcesContent":["import BaseStyle from '@digivue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-checkbox {\n    position: relative;\n    display: inline-flex;\n    user-select: none;\n    vertical-align: bottom;\n    width: ${dt('checkbox.width')};\n    height: ${dt('checkbox.height')};\n}\n\n.p-checkbox-input {\n    cursor: pointer;\n    appearance: none;\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: 1;\n    outline: 0 none;\n    border: 1px solid transparent;\n    border-radius: ${dt('checkbox.border.radius')};\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: ${dt('checkbox.border.radius')};\n    border: 1px solid ${dt('checkbox.border.color')};\n    background: ${dt('checkbox.background')};\n    width: ${dt('checkbox.width')};\n    height: ${dt('checkbox.height')};\n    transition: background ${dt('checkbox.transition.duration')}, color ${dt('checkbox.transition.duration')}, border-color ${dt('checkbox.transition.duration')}, box-shadow ${dt('checkbox.transition.duration')}, outline-color ${dt(\n    'checkbox.transition.duration'\n)};\n    outline-color: transparent;\n    box-shadow: ${dt('checkbox.shadow')};\n}\n\n.p-checkbox-icon {\n    transition-duration: ${dt('checkbox.transition.duration')};\n    color: ${dt('checkbox.icon.color')};\n    font-size: ${dt('checkbox.icon.size')};\n    width: ${dt('checkbox.icon.size')};\n    height: ${dt('checkbox.icon.size')};\n}\n\n.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    border-color: ${dt('checkbox.hover.border.color')};\n}\n\n.p-checkbox-checked .p-checkbox-box {\n    border-color: ${dt('checkbox.checked.border.color')};\n    background: ${dt('checkbox.checked.background')};\n}\n\n.p-checkbox-checked .p-checkbox-icon {\n    color: ${dt('checkbox.icon.checked.color')};\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    background: ${dt('checkbox.checked.hover.background')};\n    border-color: ${dt('checkbox.checked.hover.border.color')};\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-icon {\n    color: ${dt('checkbox.icon.checked.hover.color')};\n}\n\n.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {\n    border-color: ${dt('checkbox.focus.border.color')};\n    box-shadow: ${dt('checkbox.focus.ring.shadow')};\n    outline: ${dt('checkbox.focus.ring.width')} ${dt('checkbox.focus.ring.style')} ${dt('checkbox.focus.ring.color')};\n    outline-offset: ${dt('checkbox.focus.ring.offset')};\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {\n    border-color: ${dt('checkbox.checked.focus.border.color')};\n}\n\n.p-checkbox.p-invalid > .p-checkbox-box {\n    border-color: ${dt('checkbox.invalid.border.color')};\n}\n\n.p-checkbox.p-variant-filled .p-checkbox-box {\n    background: ${dt('checkbox.filled.background')};\n}\n\n.p-checkbox-checked.p-variant-filled .p-checkbox-box {\n    background: ${dt('checkbox.checked.background')};\n}\n\n.p-checkbox-checked.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    background: ${dt('checkbox.checked.hover.background')};\n}\n\n.p-checkbox.p-disabled {\n    opacity: 1;\n}\n\n.p-checkbox.p-disabled .p-checkbox-box {\n    background: ${dt('checkbox.disabled.background')};\n    border-color: ${dt('checkbox.checked.disabled.border.color')};\n}\n\n.p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {\n    color: ${dt('checkbox.icon.disabled.color')};\n}\n\n.p-checkbox-sm,\n.p-checkbox-sm .p-checkbox-box {\n    width: ${dt('checkbox.sm.width')};\n    height: ${dt('checkbox.sm.height')};\n}\n\n.p-checkbox-sm .p-checkbox-icon {\n    font-size: ${dt('checkbox.icon.sm.size')};\n    width: ${dt('checkbox.icon.sm.size')};\n    height: ${dt('checkbox.icon.sm.size')};\n}\n\n.p-checkbox-lg,\n.p-checkbox-lg .p-checkbox-box {\n    width: ${dt('checkbox.lg.width')};\n    height: ${dt('checkbox.lg.height')};\n}\n\n.p-checkbox-lg .p-checkbox-icon {\n    font-size: ${dt('checkbox.icon.lg.size')};\n    width: ${dt('checkbox.icon.lg.size')};\n    height: ${dt('checkbox.icon.lg.size')};\n}\n`;\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-checkbox p-component',\n        {\n            'p-checkbox-checked': instance.checked,\n            'p-disabled': props.disabled,\n            'p-invalid': instance.$pcCheckboxGroup ? instance.$pcCheckboxGroup.$invalid : instance.$invalid,\n            'p-variant-filled': instance.$variant === 'filled',\n            'p-checkbox-sm p-inputfield-sm': props.size === 'small',\n            'p-checkbox-lg p-inputfield-lg': props.size === 'large'\n        }\n    ],\n    box: 'p-checkbox-box',\n    input: 'p-checkbox-input',\n    icon: 'p-checkbox-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'checkbox',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","checked","disabled","$pcCheckboxGroup","$invalid","$variant","size","box","input","icon","BaseStyle","extend","name"],"mappings":"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"}