{"version":3,"file":"SwitcherStyles.mjs","sources":["../../../packages/switcher/SwitcherStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\ntype InjectedProps = {\n  $active: boolean\n}\n\nconst CONTAINER_PADDING = 2\nconst ITEM_PADDING_Y = 2\nconst ITEM_PADDING_X = 12\nconst PILL_RADIUS = 110\n\nexport const SwitcherListStyle = styled.div`\n  display: inline-flex;\n  align-items: center;\n  gap: 0;\n  padding: ${CONTAINER_PADDING}px;\n  background: var(--lido-color-backgroundDarken);\n  border-radius: ${PILL_RADIUS}px;\n  box-sizing: border-box;\n  position: relative;\n\n  --switcher-indicator-left: 0px;\n  --switcher-indicator-width: 0px;\n`\n\nexport const SwitcherIndicatorStyle = styled.span`\n  position: absolute;\n  top: ${CONTAINER_PADDING}px;\n  bottom: ${CONTAINER_PADDING}px;\n  left: 0;\n  width: var(--switcher-indicator-width, 0);\n  background: var(--lido-color-foreground);\n  border-radius: ${PILL_RADIUS}px;\n  transition:\n    transform ${({ theme }) => theme.duration.norm} ease,\n    width ${({ theme }) => theme.duration.norm} ease;\n  pointer-events: none;\n  z-index: 0;\n  will-change: transform, width;\n  transform: translateX(var(--switcher-indicator-left, 0));\n`\n\nexport const SwitcherLabelStyle = styled.span<InjectedProps>`\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 20px;\n  font-weight: 700;\n  color: var(--lido-color-text);\n  opacity: ${({ $active }) => ($active ? 1 : 0.5)};\n  transition: opacity ${({ theme }) => theme.duration.fast} ease;\n  white-space: nowrap;\n`\n\nexport const SwitcherItemStyle = styled.button<InjectedProps>`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0;\n  border: none;\n  background: transparent;\n  padding: ${ITEM_PADDING_Y}px ${ITEM_PADDING_X}px;\n  border-radius: ${PILL_RADIUS}px;\n  box-sizing: border-box;\n  cursor: pointer;\n  color: var(--lido-color-text);\n  font-family: inherit;\n  -webkit-tap-highlight-color: transparent;\n  position: relative;\n  z-index: 1;\n\n  &:hover ${SwitcherLabelStyle}, &:focus-visible ${SwitcherLabelStyle} {\n    opacity: 1;\n  }\n\n  &:disabled {\n    cursor: default;\n  }\n\n  &:disabled ${SwitcherLabelStyle} {\n    opacity: 0.5;\n  }\n`\n"],"names":["CONTAINER_PADDING","ITEM_PADDING_Y","ITEM_PADDING_X","PILL_RADIUS","SwitcherListStyle","styled","div","SwitcherIndicatorStyle","span","_ref","theme","duration","norm","_ref2","SwitcherLabelStyle","_ref3","fontSizesMap","xxs","_ref4","$active","_ref5","fast","SwitcherItemStyle","button"],"mappings":";;AAMA,MAAMA,iBAAiB,GAAG,CAAC,CAAA;AAC3B,MAAMC,cAAc,GAAG,CAAC,CAAA;AACxB,MAAMC,cAAc,GAAG,EAAE,CAAA;AACzB,MAAMC,WAAW,GAAG,GAAG,CAAA;AAEVC,MAAAA,iBAAiB,GAAGC,MAAM,CAACC,GAAG,CAAA;AAC3C;AACA;AACA;AACA,WAAA,EAAaN,iBAAiB,CAAA;AAC9B;AACA,iBAAA,EAAmBG,WAAW,CAAA;AAC9B;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYI,MAAAA,sBAAsB,GAAGF,MAAM,CAACG,IAAI,CAAA;AACjD;AACA,OAAA,EAASR,iBAAiB,CAAA;AAC1B,UAAA,EAAYA,iBAAiB,CAAA;AAC7B;AACA;AACA;AACA,iBAAA,EAAmBG,WAAW,CAAA;AAC9B;AACA,cAAA,EAAgBM,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AAClD,UAAA,EAAYC,KAAA,IAAA;EAAA,IAAC;AAAEH,IAAAA,KAAAA;AAAM,GAAC,GAAAG,KAAA,CAAA;AAAA,EAAA,OAAKH,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AAC9C;AACA;AACA;AACA;AACA,EAAC;AAEYE,MAAAA,kBAAkB,GAAGT,MAAM,CAACG,IAAmB,CAAA;AAC5D,aAAA,EAAeO,KAAA,IAAA;EAAA,IAAC;AAAEL,IAAAA,KAAAA;AAAM,GAAC,GAAAK,KAAA,CAAA;AAAA,EAAA,OAAKL,KAAK,CAACM,YAAY,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AACpD;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,sBAAA,EAAwBC,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,KAAAA;AAAM,GAAC,GAAAU,KAAA,CAAA;AAAA,EAAA,OAAKV,KAAK,CAACC,QAAQ,CAACU,IAAI,CAAA;AAAA,CAAA,CAAA;AAC1D;AACA,EAAC;AAEYC,MAAAA,iBAAiB,GAAGjB,MAAM,CAACkB,MAAqB,CAAA;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA,WAAatB,EAAAA,cAAc,MAAMC,cAAc,CAAA;AAC/C,iBAAA,EAAmBC,WAAW,CAAA;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAYW,EAAAA,kBAAkB,qBAAqBA,kBAAkB,CAAA;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAA,EAAeA,kBAAkB,CAAA;AACjC;AACA;AACA;;;;"}