{"version":3,"file":"NavLink.css.mjs","sources":["../../../src/components/NavLink/NavLink.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const NavLinkRootStyle = css(({ theme }) => ({\n  '--nl-bg': 'var(--raikou-primary-color-light)',\n  '--nl-hover': 'var(--raikou-primary-color-light-hover)',\n  '--nl-color': 'var(--raikou-primary-color-light-color)',\n\n  display: 'flex',\n  alignItems: 'center',\n  width: '100%',\n  padding: '8px var(--raikou-spacing-sm)',\n  userSelect: 'none',\n\n  ...theme.applyMixin('hover', {\n    '&:hover': {\n      ...theme.applyStyles('light', {\n        backgroundColor: theme.colors.gray[0],\n      }),\n      ...theme.applyStyles('dark', {\n        backgroundColor: theme.colors.dark[6],\n      }),\n    },\n  }),\n\n  '&:_where([data-disabled])': {\n    opacity: 0.4,\n    pointerEvents: 'none',\n  },\n\n  '&:_where([data-active], [aria-current=\"page\"])': {\n    backgroundColor: 'var(--nl-bg)',\n    color: 'var(--nl-color)',\n\n    ...theme.applyMixin('hover', {\n      '&:hover': {\n        backgroundColor: 'var(--nl-hover)',\n      },\n    }),\n\n    '.description': {\n      '--description-opacity': 0.9,\n      '--description-color': 'var(--nl-color)',\n    },\n  },\n}));\n\nexport const NavLinkSectionStyle = css({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  transition: 'transform 150ms ease',\n\n  '& > svg': {\n    display: 'block',\n  },\n\n  '&:_where([data-position=\"left\"])': {\n    marginInlineEnd: 'var(--raikou-spacing-sm)',\n  },\n\n  '&:_where([data-position=\"right\"])': {\n    marginInlineStart: 'var(--raikou-spacing-sm)',\n  },\n\n  '&:_where([data-rotate])': {\n    transform: 'rotate(90deg)',\n  },\n});\n\nexport const NavLinkLabelStyle = css({\n  fontSize: 'var(--raikou-font-size-sm)',\n});\n\nexport const NavLinkBodyStyle = css({\n  flex: 1,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n\n  '&:_where([data-no-wrap])': {\n    whiteSpace: 'nowrap',\n  },\n});\n\nexport const NavLinkDescriptionStyle = css({\n  display: 'block',\n  fontSize: 'var(--raikou-font-size-xs)',\n  opacity: 'var(--description-opacity, 1)',\n  color: 'var(--description-color, var(--raikou-color-dimmed))',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n\n  '&:_where([data-no-wrap])': {\n    whiteSpace: 'nowrap',\n  },\n});\n\nexport const NavLinkChildrenStyle = css({\n  paddingInlineStart: 'var(--nl-offset, var(--raikou-spacing-lg))',\n});\n\nexport const NavLinkChevronStyle = css({\n  transform: 'rotate(-90deg)',\n});\n"],"names":[],"mappings":";;AAEO,MAAM,gBAAmB,GAAA,GAAA,CAAI,CAAC,EAAE,OAAa,MAAA;AAAA,EAClD,SAAW,EAAA,mCAAA;AAAA,EACX,YAAc,EAAA,yCAAA;AAAA,EACd,YAAc,EAAA,yCAAA;AAAA,EAEd,OAAS,EAAA,MAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,KAAO,EAAA,MAAA;AAAA,EACP,OAAS,EAAA,8BAAA;AAAA,EACT,UAAY,EAAA,MAAA;AAAA,EAEZ,GAAG,KAAM,CAAA,UAAA,CAAW,OAAS,EAAA;AAAA,IAC3B,SAAW,EAAA;AAAA,MACT,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,QAC5B,eAAiB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,OACrC,CAAA;AAAA,MACD,GAAG,KAAM,CAAA,WAAA,CAAY,MAAQ,EAAA;AAAA,QAC3B,eAAiB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,OACrC;AAAA;AACH,GACD,CAAA;AAAA,EAED,2BAA6B,EAAA;AAAA,IAC3B,OAAS,EAAA,GAAA;AAAA,IACT,aAAe,EAAA;AAAA,GACjB;AAAA,EAEA,gDAAkD,EAAA;AAAA,IAChD,eAAiB,EAAA,cAAA;AAAA,IACjB,KAAO,EAAA,iBAAA;AAAA,IAEP,GAAG,KAAM,CAAA,UAAA,CAAW,OAAS,EAAA;AAAA,MAC3B,SAAW,EAAA;AAAA,QACT,eAAiB,EAAA;AAAA;AACnB,KACD,CAAA;AAAA,IAED,cAAgB,EAAA;AAAA,MACd,uBAAyB,EAAA,GAAA;AAAA,MACzB,qBAAuB,EAAA;AAAA;AACzB;AAEJ,CAAE,CAAA;AAEK,MAAM,sBAAsB,GAAI,CAAA;AAAA,EACrC,OAAS,EAAA,MAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,cAAgB,EAAA,QAAA;AAAA,EAChB,UAAY,EAAA,sBAAA;AAAA,EAEZ,SAAW,EAAA;AAAA,IACT,OAAS,EAAA;AAAA,GACX;AAAA,EAEA,kCAAoC,EAAA;AAAA,IAClC,eAAiB,EAAA;AAAA,GACnB;AAAA,EAEA,mCAAqC,EAAA;AAAA,IACnC,iBAAmB,EAAA;AAAA,GACrB;AAAA,EAEA,yBAA2B,EAAA;AAAA,IACzB,SAAW,EAAA;AAAA;AAEf,CAAC;AAEM,MAAM,oBAAoB,GAAI,CAAA;AAAA,EACnC,QAAU,EAAA;AACZ,CAAC;AAEM,MAAM,mBAAmB,GAAI,CAAA;AAAA,EAClC,IAAM,EAAA,CAAA;AAAA,EACN,QAAU,EAAA,QAAA;AAAA,EACV,YAAc,EAAA,UAAA;AAAA,EAEd,0BAA4B,EAAA;AAAA,IAC1B,UAAY,EAAA;AAAA;AAEhB,CAAC;AAEM,MAAM,0BAA0B,GAAI,CAAA;AAAA,EACzC,OAAS,EAAA,OAAA;AAAA,EACT,QAAU,EAAA,4BAAA;AAAA,EACV,OAAS,EAAA,+BAAA;AAAA,EACT,KAAO,EAAA,sDAAA;AAAA,EACP,QAAU,EAAA,QAAA;AAAA,EACV,YAAc,EAAA,UAAA;AAAA,EAEd,0BAA4B,EAAA;AAAA,IAC1B,UAAY,EAAA;AAAA;AAEhB,CAAC;AAEM,MAAM,uBAAuB,GAAI,CAAA;AAAA,EACtC,kBAAoB,EAAA;AACtB,CAAC;AAEM,MAAM,sBAAsB,GAAI,CAAA;AAAA,EACrC,SAAW,EAAA;AACb,CAAC;;;;"}