@grafana/ui/dist/esm/components/Forms/InlineSegmentGroup.mjs.map

Grafana Components Library

{"version":3,"file":"InlineSegmentGroup.mjs","sources":["../../../../src/components/Forms/InlineSegmentGroup.tsx"],"sourcesContent":["import { cx, css } from '@emotion/css';\nimport * as React from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nimport { useStyles2 } from '../../themes';\n\nexport interface Props {\n  grow?: boolean;\n  className?: string;\n}\n\n/** @beta */\nexport const InlineSegmentGroup = ({ children, className, grow, ...htmlProps }: React.PropsWithChildren<Props>) => {\n  const styles = useStyles2(getStyles, grow);\n\n  return (\n    <div className={cx(styles.container, className)} {...htmlProps}>\n      {children}\n    </div>\n  );\n};\n\nInlineSegmentGroup.displayName = 'InlineSegmentGroup';\n\nconst getStyles = (theme: GrafanaTheme2, grow?: boolean) => {\n  return {\n    container: css({\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'flex-start',\n      textAlign: 'left',\n      position: 'relative',\n      flex: `${grow ? 1 : 0} 0 auto`,\n      marginBottom: theme.spacing(0.5),\n    }),\n  };\n};\n"],"names":[],"mappings":";;;;;;;;;AAaa,MAAA,kBAAA,GAAqB,CAAC,EAAE,QAAA,EAAU,WAAW,IAAM,EAAA,GAAG,WAAgD,KAAA;AACjH,EAAM,MAAA,MAAA,GAAS,UAAW,CAAA,SAAA,EAAW,IAAI,CAAA;AAEzC,EACE,uBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,EAAG,CAAA,MAAA,CAAO,WAAW,SAAS,CAAA,EAAI,GAAG,SAAA,EAClD,QACH,EAAA,CAAA;AAEJ;AAEA,kBAAA,CAAmB,WAAc,GAAA,oBAAA;AAEjC,MAAM,SAAA,GAAY,CAAC,KAAA,EAAsB,IAAmB,KAAA;AAC1D,EAAO,OAAA;AAAA,IACL,WAAW,GAAI,CAAA;AAAA,MACb,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,KAAA;AAAA,MACf,UAAY,EAAA,YAAA;AAAA,MACZ,SAAW,EAAA,MAAA;AAAA,MACX,QAAU,EAAA,UAAA;AAAA,MACV,IAAM,EAAA,CAAA,EAAG,IAAO,GAAA,CAAA,GAAI,CAAC,CAAA,OAAA,CAAA;AAAA,MACrB,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA,KAChC;AAAA,GACH;AACF,CAAA;;;;"}