{"version":3,"sources":["webpack:///./presentation/components/Shortcode/ListItem.tsx","webpack:///./domain/constants/alignment.ts","webpack:///src/presentation/components/Shortcode/stylesheets.ts"],"names":["ListItem","RecursiveShortcode","elements","rest","against","attributes","layout","styles","useStylesheet","style","root","text","displayName","Alignment","listStyles","theme","useTheme","useStyles","default","listStylePosition","cssSides","Side","marginBottom","cssTheme","paddingRight","paddingLeft","color","getBodyColor","icon","getTitleColor","glyph","listStyleType","modifier","textAlign","alignment","listItemStyles","gu1","width","minWidth","display","wrapper","gu2","number","justifyContent","glyphStyles","palette","Against","getColor"],"mappings":"kUAIA,MAAMA,EAAW,EACfC,qBACAC,cACGC,MAEH,MAAM,QACJC,EADI,WAEJC,EAFI,OAGJC,GACEH,GACE,OACJI,GACEC,YAAc,CAChBJ,UACAC,aACAC,WAEF,OACE,wBAAIG,MAAOF,EAAOG,MAChB,0BAAMD,MAAOF,EAAOI,MAClB,kBAACV,EAAD,GACEC,SAAUA,GACNC,OAMdH,EAASY,YAAc,WAERZ,a,oBClCR,IAAKa,EAAZ,kC,SAAYA,K,oBAAAA,E,iBAAAA,M,0BCAZ,iKAUO,MAAMC,EAAa,EAAC,mBAGzBT,iBAKI,QACJ,MAAM,MACJU,GACEC,cACJ,OAAOC,YAAU,CACfC,QAAS,CACPR,KAAM,CACJS,kBADI,YAEDC,YAAS,SAAUC,IAAX,EAFP,GAGJC,aAAcC,IAHV,IAIJC,aAJI,EAKJC,YALI,EAMJC,MAAOC,YAAaZ,EAAOX,IAG7BwB,KAAM,CACJF,MAAOG,YAAcd,EAAOX,KAGhC0B,MAAO,CACLpB,KAAM,CACJqB,cAAe,SAGnB,CAAEC,YAAS,YAAanB,IAAxB,SAA6C,CAC3CH,KAAM,CACJuB,UAAW,YAGd,WAEDC,UAAS,SAAE5B,aAAF,EAAEA,aAAF,EAFR,KAGDwB,MAAuC,WAAhC,SAACzB,aAAD,EAACA,SAAD,WAIE8B,EAAiB,EAAC,uBAG7B7B,aAKI,MACJ,MAAM,MACJS,GACEC,cAEJ,OAAOC,YAAU,CACfC,QAAS,CACPR,KAAM,CACJe,YADI,EAEJH,aAAcC,IAASa,KAEzBR,KAAM,CACJS,MAAOd,IADH,IAEJe,SAAUf,IAFN,IAGJG,MAAOG,YAAcd,EAAOX,IAE9BO,KAAM,CACJc,YADI,EAEJC,MAAOC,YAAaZ,EAAOX,KAG/B0B,MAAO,CACLpB,KAAM,CACJ6B,QAAS,QAEXC,QAAS,CACPD,QAAS,QAEX5B,KAAM,CACJc,YAAaF,IAASkB,MAG1BC,OAAQ,CACN/B,KAAM,CACJc,YAAaF,IAASa,MAG1B,CAAEJ,YAAS,YAAanB,IAAxB,SAA6C,CAC3CH,KAAM,CACJiC,eAAgB,YAGnB,WAEDT,UAAS,SAAE5B,aAAF,EAAEA,aAAF,EAFR,KAGDwB,MAHC,YAGOzB,yBAAD,MACPqC,OAAwC,aAA/BrC,yBAAD,SAGCuC,EAAc,EACzBxC,cAIA,MACEW,OAAO,QACL8B,IAEA7B,cAWJ,OAAOC,YAAU,CACfC,QAAS,CACPR,KAAM,CACJ2B,MAAOd,IADH,IAEJG,MAdW,KACf,UACA,KAAKoB,IAAL,MAAoB,OAAOD,EAAP,UACpB,KAAKC,IAAL,QAAsB,OAAOD,EAAP,gBACtB,KAAKC,IAAL,UAAwB,OAAOD,EAAP,kBACxB,KAAKC,IAAL,QAAsB,OAAOD,EAAP,UACtB,KAAKC,IAAL,KAAmB,OAAOD,EAAP,SACnB,QAAS,kBAOEE,CAAS3C,MAGnB,CACD,CAAEA","file":"pex-static/40/50.1784899a12b206b43c57.chunk.js","sourcesContent":["import React from 'react';\nimport { listItemStyles as useStylesheet } from './stylesheets';\nimport { RecursiveShortcodeProps } from './Shortcode';\n\nconst ListItem = ({\n RecursiveShortcode,\n elements,\n ...rest\n}: RecursiveShortcodeProps) => {\n const {\n against,\n attributes,\n layout,\n } = rest;\n const {\n styles,\n } = useStylesheet({\n against,\n attributes,\n layout,\n });\n return (\n
  • \n \n \n \n
    • \n );\n};\nListItem.displayName = 'ListItem';\n\nexport default ListItem;\n","export enum Alignment {\n STARTING = 'STARTING',\n CENTER = 'CENTER',\n}\n\nexport default null;\n","import { useStyles } from '@team-griffin/stylr';\nimport { useTheme, cssTheme } from '@ux/theme-utils';\nimport cssSides, { Side } from '@team-griffin/css-sides';\nimport { Alignment } from 'domain/constants/alignment';\nimport { getTitleColor, getBodyColor } from 'presentation/utils/colorway';\nimport { modifier } from '@ux/style-utils';\nimport { ShortcodeAttributesProps } from './Shortcode';\nimport { Against } from 'domain/constants/colorway';\nimport { Layout } from 'domain/constants/layout';\n\nexport const listStyles = ({\n layout,\n against,\n attributes,\n}: {\n layout: Layout,\n against: Against,\n attributes: ShortcodeAttributesProps,\n}) => {\n const {\n theme,\n } = useTheme();\n return useStyles({\n default: {\n root: {\n listStylePosition: 'inside',\n ...cssSides('margin', Side.A, 0),\n marginBottom: cssTheme.gu2,\n paddingRight: 0,\n paddingLeft: 0,\n color: getBodyColor(theme, against),\n },\n\n icon: {\n color: getTitleColor(theme, against),\n },\n },\n glyph: {\n root: {\n listStyleType: 'none',\n },\n },\n [ modifier('alignment', Alignment.CENTER) ]: {\n root: {\n textAlign: 'center',\n },\n },\n }, {\n against,\n alignment: layout?.alignment ?? null,\n glyph: (attributes?.style ?? null) === 'glyph',\n });\n};\n\nexport const listItemStyles = ({\n against,\n attributes,\n layout,\n}: {\n against?: Against,\n attributes?: ShortcodeAttributesProps,\n layout?: Layout,\n}) => {\n const {\n theme,\n } = useTheme();\n\n return useStyles({\n default: {\n root: {\n paddingLeft: 0,\n marginBottom: cssTheme.gu1,\n },\n icon: {\n width: cssTheme.gu2,\n minWidth: cssTheme.gu2,\n color: getTitleColor(theme, against),\n },\n text: {\n paddingLeft: 0,\n color: getBodyColor(theme, against),\n },\n },\n glyph: {\n root: {\n display: 'flex',\n },\n wrapper: {\n display: 'flex',\n },\n text: {\n paddingLeft: cssTheme.gu2,\n },\n },\n number: {\n text: {\n paddingLeft: cssTheme.gu1,\n },\n },\n [ modifier('alignment', Alignment.CENTER) ]: {\n root: {\n justifyContent: 'center',\n },\n },\n }, {\n against,\n alignment: layout?.alignment ?? null,\n glyph: (attributes?.style || null) === 'glyph',\n number: (attributes?.style || null) === 'number',\n });\n};\nexport const glyphStyles = ({\n against,\n}: {\n against: Against,\n}) => {\n const {\n theme: {\n palette,\n },\n } = useTheme();\n const getColor = (against: Against) => {\n switch (against) {\n case Against.LIGHT: return palette.secondary;\n case Against.PRIMARY: return palette.primaryContrast;\n case Against.HIGHLIGHT: return palette.highlightContrast;\n case Against.NEUTRAL: return palette.secondary;\n case Against.DARK: return palette.tertiary;\n default: return 'inherit';\n }\n };\n return useStyles({\n default: {\n root: {\n width: cssTheme.gu3,\n color: getColor(against),\n },\n },\n }, [\n { against },\n ]);\n};\n\n"],"sourceRoot":""}