{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/presets/lara/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',\n    background: '{content.background}',\n    borderColor: '{content.border.color}'\n};\n\nexport const tab: TabsTokenSections.Tab = {\n    borderWidth: '2px 0 0 0',\n    borderColor: 'transparent',\n    hoverBorderColor: 'transparent',\n    activeBorderColor: '{primary.color}',\n    color: '{text.muted.color}',\n    hoverColor: '{text.color}',\n    activeColor: '{primary.color}',\n    padding: '1rem 1.25rem',\n    fontWeight: '700',\n    margin: '0',\n    gap: '0.5rem',\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 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: '{focus.ring.offset}',\n        shadow: 'inset {focus.ring.shadow}'\n    }\n};\n\nexport const activeBar: TabsTokenSections.ActiveBar = {\n    height: '0',\n    bottom: '0',\n    background: 'transparent'\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        tab: {\n            background: '{surface.50}',\n            hoverBackground: '{surface.100}',\n            activeBackground: '{surface.0}'\n        }\n    },\n    dark: {\n        navButton: {\n            shadow: '0px 0px 10px 50px color-mix(in srgb, {content.background}, transparent 50%)'\n        },\n        tab: {\n            background: '{surface.800}',\n            hoverBackground: '{surface.700}',\n            activeBackground: '{surface.900}'\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,IACb,WAAY,uBACZ,YAAa,wBACjB,EAEa,IAA6B,CACtC,YAAa,YACb,YAAa,cACb,iBAAkB,cAClB,kBAAmB,kBACnB,MAAO,qBACP,WAAY,eACZ,YAAa,kBACb,QAAS,eACT,WAAY,MACZ,OAAQ,IACR,IAAK,SACL,UAAW,CACP,MAAO,qBACP,MAAO,qBACP,MAAO,qBACP,OAAQ,sBACR,OAAQ,2BACZ,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,sBACR,OAAQ,2BACZ,CACJ,EAEa,UAAyC,CAClD,OAAQ,IACR,OAAQ,IACR,WAAY,aAChB,EAEa,YAA6C,CACtD,MAAO,CACH,UAAW,CACP,OAAQ,4CACZ,EACA,IAAK,CACD,WAAY,eACZ,gBAAiB,gBACjB,iBAAkB,aACtB,CACJ,EACA,KAAM,CACF,UAAW,CACP,OAAQ,6EACZ,EACA,IAAK,CACD,WAAY,gBACZ,gBAAiB,gBACjB,iBAAkB,eACtB,CACJ,CACJ,EAEA,IAAA,aAAe,CACX,KACA,QACA,IACA,SACA,UACA,UACA,WACJ"}