{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/presets/material/rating/index.ts"],"sourcesContent":["import type { RatingDesignTokens, RatingTokenSections } from '@openng/optimus-ui-themes/types/rating';\n\nexport const root: RatingTokenSections.Root = {\n    gap: '0.5rem',\n    transitionDuration: '{transition.duration}',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    }\n};\n\nexport const icon: RatingTokenSections.Icon = {\n    size: '1.125rem',\n    color: '{text.muted.color}',\n    hoverColor: '{primary.color}',\n    activeColor: '{primary.color}'\n};\n\nexport const css: RatingTokenSections.CSS = /*css*/ `\n.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option:hover {\n    background: color-mix(in srgb, dt('rating.icon.color'), transparent 96%);\n    box-shadow: 0 0 1px 8px color-mix(in srgb, dt('rating.icon.color'), transparent 96%);\n}\n\n.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option-active:hover {\n    background: color-mix(in srgb, dt('rating.icon.active.color'), transparent 92%);\n    box-shadow: 0 0 1px 8px color-mix(in srgb, dt('rating.icon.active.color'), transparent 92%);\n}\n\n.p-rating-option.p-focus-visible {\n    background: color-mix(in srgb, dt('rating.icon.active.color'), transparent 84%);\n    box-shadow: 0 0 1px 8px color-mix(in srgb, dt('rating.icon.active.color'), transparent 84%);\n}\n`;\n\nexport default {\n    root,\n    icon,\n    css\n} satisfies RatingDesignTokens;\n"],"mappings":"AAEA,MAAa,KAAiC,CAC1C,IAAK,SACL,mBAAoB,wBACpB,UAAW,CACP,MAAO,IACP,MAAO,OACP,MAAO,QACP,OAAQ,IACR,OAAQ,MACZ,CACJ,EAEa,KAAiC,CAC1C,KAAM,WACN,MAAO,qBACP,WAAY,kBACZ,YAAa,iBACjB,EAEa,IAAuC;;;;;;;;;;;;;;;EAiBpD,IAAA,eAAe,CACX,KACA,KACA,GACJ"}