{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/presets/material/tabs/index.ts"],"sourcesContent":["import type { TabsDesignTokens, TabsTokenSections } from '@openng/optimus-ui-themes/types/tabs';\n\nexport const root: TabsTokenSections.Root = {\n    transitionDuration: '{transition.duration}'\n};\n\nexport const tablist: TabsTokenSections.Tablist = {\n    borderWidth: '0 0 1px 0',\n    background: '{content.background}',\n    borderColor: '{content.border.color}'\n};\n\nexport const tab: TabsTokenSections.Tab = {\n    background: 'transparent',\n    hoverBackground: '{content.hover.background}',\n    activeBackground: 'transparent',\n    borderWidth: '0 0 1px 0',\n    borderColor: '{content.border.color}',\n    hoverBorderColor: '{content.border.color}',\n    activeBorderColor: '{primary.color}',\n    color: '{text.color}',\n    hoverColor: '{text.color}',\n    activeColor: '{primary.color}',\n    padding: '1rem 1.25rem',\n    fontWeight: '600',\n    margin: '0 0 -1px 0',\n    gap: '0.5rem',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    }\n};\n\nexport const tabpanel: TabsTokenSections.Tabpanel = {\n    background: '{content.background}',\n    color: '{content.color}',\n    padding: '1.25rem 1.25rem 1.25rem 1.25rem',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    }\n};\n\nexport const navButton: TabsTokenSections.NavButton = {\n    background: '{content.background}',\n    color: '{text.muted.color}',\n    hoverColor: '{text.color}',\n    width: '3rem',\n    shadow: 'none',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    }\n};\n\nexport const activeBar: TabsTokenSections.ActiveBar = {\n    height: '2px',\n    bottom: '-1px',\n    background: '{primary.color}'\n};\n\nexport const css: TabsTokenSections.CSS = /*css*/ `\n.p-tabs-scrollable .p-tab {\n    flex-grow: 0\n}\n\n.p-tab-active {\n    --p-ripple-background: color-mix(in srgb, dt('primary.color'), transparent 90%);\n}\n\n.p-tab:not(.p-disabled):focus-visible {\n    background: dt('navigation.item.active.background');\n}\n\n.p-tablist-nav-button:focus-visible {\n    background: dt('navigation.item.active.background');\n}\n`;\n\nexport default {\n    root,\n    tablist,\n    tab,\n    tabpanel,\n    navButton,\n    activeBar,\n    css\n} satisfies TabsDesignTokens;\n"],"mappings":"AAEA,MAAa,KAA+B,CACxC,mBAAoB,uBACxB,EAEa,QAAqC,CAC9C,YAAa,YACb,WAAY,uBACZ,YAAa,wBACjB,EAEa,IAA6B,CACtC,WAAY,cACZ,gBAAiB,6BACjB,iBAAkB,cAClB,YAAa,YACb,YAAa,yBACb,iBAAkB,yBAClB,kBAAmB,kBACnB,MAAO,eACP,WAAY,eACZ,YAAa,kBACb,QAAS,eACT,WAAY,MACZ,OAAQ,aACR,IAAK,SACL,UAAW,CACP,MAAO,IACP,MAAO,OACP,MAAO,QACP,OAAQ,IACR,OAAQ,MACZ,CACJ,EAEa,SAAuC,CAChD,WAAY,uBACZ,MAAO,kBACP,QAAS,kCACT,UAAW,CACP,MAAO,IACP,MAAO,OACP,MAAO,QACP,OAAQ,IACR,OAAQ,MACZ,CACJ,EAEa,UAAyC,CAClD,WAAY,uBACZ,MAAO,qBACP,WAAY,eACZ,MAAO,OACP,OAAQ,OACR,UAAW,CACP,MAAO,IACP,MAAO,OACP,MAAO,QACP,OAAQ,IACR,OAAQ,MACZ,CACJ,EAEa,UAAyC,CAClD,OAAQ,MACR,OAAQ,OACR,WAAY,iBAChB,EAEa,IAAqC;;;;;;;;;;;;;;;;EAkBlD,IAAA,aAAe,CACX,KACA,QACA,IACA,SACA,UACA,UACA,GACJ"}