{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/presets/aura/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: 'transparent',\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.muted.color}',\n    hoverColor: '{text.color}',\n    activeColor: '{primary.color}',\n    padding: '1rem 1.125rem',\n    fontWeight: '600',\n    margin: '0 0 -1px 0',\n    gap: '0.5rem',\n    focusRing: {\n        width: '{focus.ring.width}',\n        style: '{focus.ring.style}',\n        color: '{focus.ring.color}',\n        offset: '-1px',\n        shadow: '{focus.ring.shadow}'\n    }\n};\n\nexport const tabpanel: TabsTokenSections.Tabpanel = {\n    background: '{content.background}',\n    color: '{content.color}',\n    padding: '0.875rem 1.125rem 1.125rem 1.125rem',\n    focusRing: {\n        width: '{focus.ring.width}',\n        style: '{focus.ring.style}',\n        color: '{focus.ring.color}',\n        offset: '{focus.ring.offset}',\n        shadow: 'inset {focus.ring.shadow}'\n    }\n};\n\nexport const navButton: TabsTokenSections.NavButton = {\n    background: '{content.background}',\n    color: '{text.muted.color}',\n    hoverColor: '{text.color}',\n    width: '2.5rem',\n    focusRing: {\n        width: '{focus.ring.width}',\n        style: '{focus.ring.style}',\n        color: '{focus.ring.color}',\n        offset: '-1px',\n        shadow: '{focus.ring.shadow}'\n    }\n};\n\nexport const activeBar: TabsTokenSections.ActiveBar = {\n    height: '1px',\n    bottom: '-1px',\n    background: '{primary.color}'\n};\n\nexport const colorScheme: TabsTokenSections.ColorScheme = {\n    light: {\n        navButton: {\n            shadow: '0px 0px 10px 50px rgba(255, 255, 255, 0.6)'\n        }\n    },\n    dark: {\n        navButton: {\n            shadow: '0px 0px 10px 50px color-mix(in srgb, {content.background}, transparent 50%)'\n        }\n    }\n};\n\nexport default {\n    root,\n    tablist,\n    tab,\n    tabpanel,\n    navButton,\n    activeBar,\n    colorScheme\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,cACjB,iBAAkB,cAClB,YAAa,YACb,YAAa,yBACb,iBAAkB,yBAClB,kBAAmB,kBACnB,MAAO,qBACP,WAAY,eACZ,YAAa,kBACb,QAAS,gBACT,WAAY,MACZ,OAAQ,aACR,IAAK,SACL,UAAW,CACP,MAAO,qBACP,MAAO,qBACP,MAAO,qBACP,OAAQ,OACR,OAAQ,qBACZ,CACJ,EAEa,SAAuC,CAChD,WAAY,uBACZ,MAAO,kBACP,QAAS,sCACT,UAAW,CACP,MAAO,qBACP,MAAO,qBACP,MAAO,qBACP,OAAQ,sBACR,OAAQ,2BACZ,CACJ,EAEa,UAAyC,CAClD,WAAY,uBACZ,MAAO,qBACP,WAAY,eACZ,MAAO,SACP,UAAW,CACP,MAAO,qBACP,MAAO,qBACP,MAAO,qBACP,OAAQ,OACR,OAAQ,qBACZ,CACJ,EAEa,UAAyC,CAClD,OAAQ,MACR,OAAQ,OACR,WAAY,iBAChB,EAEa,YAA6C,CACtD,MAAO,CACH,UAAW,CACP,OAAQ,4CACZ,CACJ,EACA,KAAM,CACF,UAAW,CACP,OAAQ,6EACZ,CACJ,CACJ,EAEA,IAAA,aAAe,CACX,KACA,QACA,IACA,SACA,UACA,UACA,WACJ"}