{"version":3,"file":"DividerStyles.mjs","sources":["../../../packages/divider/DividerStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { DividerIndents, DividerTypes } from './types.js'\n\ntype InjectedProps = {\n  $type: DividerTypes\n  $indents?: DividerIndents\n  theme: Theme\n}\n\nconst getIndents = ({ $indents, theme }: InjectedProps) => {\n  return $indents ? `${theme.spaceMap[$indents]}px` : '0'\n}\n\nconst types = {\n  horizontal: css<InjectedProps>`\n    border-top: 1px solid currentcolor;\n    width: 100%;\n    height: 0;\n    margin: ${getIndents} 0;\n  `,\n  vertical: css<InjectedProps>`\n    border-left: 1px solid currentcolor;\n    align-self: stretch;\n    width: 0;\n    margin: 0 ${getIndents};\n  `,\n}\n\nexport const DividerStyle = styled.div<InjectedProps>`\n  box-sizing: border-box;\n  list-style: none;\n  opacity: 0.1;\n  margin: 0;\n  padding: 0;\n  flex-shrink: 0;\n  flex-grow: 0;\n\n  ${(props) => types[props.$type]}\n`\n"],"names":["getIndents","_ref","$indents","theme","spaceMap","types","horizontal","css","vertical","DividerStyle","styled","div","props","$type"],"mappings":";;;AAUA,MAAMA,UAAU,GAAGC,IAAA,IAAwC;EAAA,IAAvC;IAAEC,QAAQ;AAAEC,IAAAA,KAAAA;AAAqB,GAAC,GAAAF,IAAA,CAAA;EACpD,OAAOC,QAAQ,GAAG,CAAA,EAAGC,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAAC,CAAI,EAAA,CAAA,GAAG,GAAG,CAAA;AACzD,CAAC,CAAA;AAED,MAAMG,KAAK,GAAG;AACZC,EAAAA,UAAU,EAAEC,GAAkB,CAAA;AAChC;AACA;AACA;AACA,YAAA,EAAcP,UAAU,CAAA;AACxB,EAAG,CAAA;AACDQ,EAAAA,QAAQ,EAAED,GAAkB,CAAA;AAC9B;AACA;AACA;AACA,cAAA,EAAgBP,UAAU,CAAA;AAC1B,EAAA,CAAA;AACA,CAAC,CAAA;AAEYS,MAAAA,YAAY,GAAGC,MAAM,CAACC,GAAkB,CAAA;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAKC,KAAK,IAAKP,KAAK,CAACO,KAAK,CAACC,KAAK,CAAC,CAAA;AACjC;;;;"}