{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/presets/material/radiobutton/index.ts"],"sourcesContent":["import type { RadioButtonDesignTokens, RadioButtonTokenSections } from '@openng/optimus-ui-themes/types/radiobutton';\n\nexport const root: RadioButtonTokenSections.Root = {\n    width: '20px',\n    height: '20px',\n    background: '{form.field.background}',\n    checkedBackground: '{primary.contrast.color}',\n    checkedHoverBackground: '{primary.contrast.color}',\n    disabledBackground: '{form.field.disabled.background}',\n    filledBackground: '{form.field.filled.background}',\n    borderColor: '{form.field.border.color}',\n    hoverBorderColor: '{form.field.hover.border.color}',\n    focusBorderColor: '{form.field.focus.border.color}',\n    checkedBorderColor: '{primary.color}',\n    checkedHoverBorderColor: '{primary.color}',\n    checkedFocusBorderColor: '{primary.color}',\n    checkedDisabledBorderColor: '{form.field.border.color}',\n    invalidBorderColor: '{form.field.invalid.border.color}',\n    shadow: '{form.field.shadow}',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    },\n    transitionDuration: '{form.field.transition.duration}',\n    sm: {\n        width: '16px',\n        height: '16px'\n    },\n    lg: {\n        width: '24px',\n        height: '24px'\n    }\n};\n\nexport const icon: RadioButtonTokenSections.Icon = {\n    size: '10px',\n    checkedColor: '{primary.color}',\n    checkedHoverColor: '{primary.color}',\n    disabledColor: '{form.field.disabled.color}',\n    sm: {\n        size: '8px'\n    },\n    lg: {\n        size: '12px'\n    }\n};\n\nexport const css: RadioButtonTokenSections.CSS = /*css*/ `\n.p-radiobutton {\n    border-radius: 50%;\n    transition: box-shadow dt('radiobutton.transition.duration');\n}\n\n.p-radiobutton-box {\n    border-width: 2px;\n}\n\n.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('text.color'), transparent 96%);\n}\n\n.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('text.color'), transparent 88%);\n}\n\n.p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:hover) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('radiobutton.checked.border.color'), transparent 92%);\n}\n\n.p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:focus-visible) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('radiobutton.checked.border.color'), transparent 84%);\n}\n`;\n\nexport default {\n    root,\n    icon,\n    css\n} satisfies RadioButtonDesignTokens;\n"],"mappings":"AAEA,MAAa,KAAsC,CAC/C,MAAO,OACP,OAAQ,OACR,WAAY,0BACZ,kBAAmB,2BACnB,uBAAwB,2BACxB,mBAAoB,mCACpB,iBAAkB,iCAClB,YAAa,4BACb,iBAAkB,kCAClB,iBAAkB,kCAClB,mBAAoB,kBACpB,wBAAyB,kBACzB,wBAAyB,kBACzB,2BAA4B,4BAC5B,mBAAoB,oCACpB,OAAQ,sBACR,UAAW,CACP,MAAO,IACP,MAAO,OACP,MAAO,QACP,OAAQ,IACR,OAAQ,MACZ,EACA,mBAAoB,mCACpB,GAAI,CACA,MAAO,OACP,OAAQ,MACZ,EACA,GAAI,CACA,MAAO,OACP,OAAQ,MACZ,CACJ,EAEa,KAAsC,CAC/C,KAAM,OACN,aAAc,kBACd,kBAAmB,kBACnB,cAAe,8BACf,GAAI,CACA,KAAM,KACV,EACA,GAAI,CACA,KAAM,MACV,CACJ,EAEa,IAA4C;;;;;;;;;;;;;;;;;;;;;;;;;EA2BzD,IAAA,oBAAe,CACX,KACA,KACA,GACJ"}