{"version":3,"file":"TabsStyles.mjs","sources":["../../../packages/tabs/TabsStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\n\nexport const TabsListStyle = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  position: relative;\n  border-bottom: 1px solid var(--lido-color-borderSubtle);\n`\n\nexport const TabLabelStyle = styled.span<{ $active: boolean }>`\n  font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n  line-height: 1.5em;\n  font-weight: 700;\n  color: var(--lido-color-text);\n  opacity: ${({ $active }) => ($active ? 1 : 0.5)};\n`\n\nexport const TabButtonStyle = styled.button<{ $active: boolean }>`\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  margin: 0;\n  background: transparent;\n  border: none;\n  box-sizing: border-box;\n  cursor: pointer;\n  color: var(--lido-color-text);\n  padding: ${({ theme }) => theme.spaceMap.sm}px 0;\n  font-size: inherit;\n  white-space: nowrap;\n\n  ${({ $active }) =>\n    $active &&\n    css`\n      anchor-name: --tabs-active;\n    `}\n\n  &:hover ${TabLabelStyle},\n  &:focus-visible ${TabLabelStyle} {\n    opacity: 1;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 0.5;\n  }\n`\n\nexport const TabsIndicatorStyle = styled.span`\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: var(--tabs-indicator-width, 0);\n  height: 2px;\n  background-color: var(--lido-color-text);\n  transition:\n    transform ${({ theme }) => theme.duration.norm} ease,\n    width ${({ theme }) => theme.duration.norm} ease;\n  pointer-events: none;\n  z-index: 1;\n  will-change: transform, width;\n  transform: translateX(var(--tabs-indicator-left, 0));\n\n  /* stylelint-disable property-no-unknown */\n  @supports (position-anchor: --tabs-active) {\n    position-anchor: --tabs-active;\n    transform: translateX(anchor(left));\n    width: anchor-size(width);\n  }\n`\n"],"names":["TabsListStyle","styled","div","TabLabelStyle","span","_ref","theme","fontSizesMap","sm","_ref2","$active","TabButtonStyle","button","_ref3","spaceMap","_ref4","css","TabsIndicatorStyle","_ref5","duration","norm","_ref6"],"mappings":";;;AAEaA,MAAAA,aAAa,GAAGC,MAAM,CAACC,GAAG,CAAA;AACvC;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,aAAa,GAAGF,MAAM,CAACG,IAA0B,CAAA;AAC9D,aAAA,EAAeC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACnD;AACA;AACA;AACA,WAAA,EAAaC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,OAAO,GAAG,CAAC,GAAG,GAAG,CAAA;AAAA,CAAC,CAAA;AACjD,EAAC;AAEYC,MAAAA,cAAc,GAAGV,MAAM,CAACW,MAA4B,CAAA;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAA,EAAaC,KAAA,IAAA;EAAA,IAAC;AAAEP,IAAAA,KAAAA;AAAM,GAAC,GAAAO,KAAA,CAAA;AAAA,EAAA,OAAKP,KAAK,CAACQ,QAAQ,CAACN,EAAE,CAAA;AAAA,CAAA,CAAA;AAC7C;AACA;AACA;AACA,EAAA,EAAIO,KAAA,IAAA;EAAA,IAAC;AAAEL,IAAAA,OAAAA;AAAQ,GAAC,GAAAK,KAAA,CAAA;EAAA,OACZL,OAAO,IACPM,GAAG,CAAA;AACP;AACA,IAAK,CAAA,CAAA;AAAA,CAAA,CAAA;AACL;AACA,UAAA,EAAYb,aAAa,CAAA;AACzB,kBAAA,EAAoBA,aAAa,CAAA;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYc,MAAAA,kBAAkB,GAAGhB,MAAM,CAACG,IAAI,CAAA;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAA,EAAgBc,KAAA,IAAA;EAAA,IAAC;AAAEZ,IAAAA,KAAAA;AAAM,GAAC,GAAAY,KAAA,CAAA;AAAA,EAAA,OAAKZ,KAAK,CAACa,QAAQ,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AAClD,UAAA,EAAYC,KAAA,IAAA;EAAA,IAAC;AAAEf,IAAAA,KAAAA;AAAM,GAAC,GAAAe,KAAA,CAAA;AAAA,EAAA,OAAKf,KAAK,CAACa,QAAQ,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}