{"version":3,"sources":["webpack:///./presentation/components/Shortcode/List.tsx","webpack:///./domain/constants/alignment.ts","webpack:///src/presentation/components/Shortcode/stylesheets.ts"],"names":["List","RecursiveShortcode","elements","rest","against","attributes","layout","styles","useStylesheet","style","root","nl2br","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","text","display","wrapper","gu2","number","justifyContent","glyphStyles","palette","Against","getColor"],"mappings":"kUAIA,MAAMA,EAAO,EAAGC,qBAAoBC,cAAaC,MAC/C,MAAM,QACJC,EADI,WAEJC,EAFI,OAGJC,GACEH,GACE,OACJI,GACEC,YAAc,CAChBF,SACAF,UACAC,eAEF,OACE,wBAAII,MAAOF,EAAOG,MAChB,kBAACT,EAAD,GACEC,SAAUA,EACVS,OAAO,GACHR,MAMZH,EAAKY,YAAc,OAEJZ,a,oBC9BR,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,IAE9BmC,KAAM,CACJd,YADI,EAEJC,MAAOC,YAAaZ,EAAOX,KAG/B0B,MAAO,CACLpB,KAAM,CACJ8B,QAAS,QAEXC,QAAS,CACPD,QAAS,QAEXD,KAAM,CACJd,YAAaF,IAASmB,MAG1BC,OAAQ,CACNJ,KAAM,CACJd,YAAaF,IAASa,MAG1B,CAAEJ,YAAS,YAAanB,IAAxB,SAA6C,CAC3CH,KAAM,CACJkC,eAAgB,YAGnB,WAEDV,UAAS,SAAE5B,aAAF,EAAEA,aAAF,EAFR,KAGDwB,MAHC,YAGOzB,yBAAD,MACPsC,OAAwC,aAA/BtC,yBAAD,SAGCwC,EAAc,EACzBzC,cAIA,MACEW,OAAO,QACL+B,IAEA9B,cAWJ,OAAOC,YAAU,CACfC,QAAS,CACPR,KAAM,CACJ2B,MAAOd,IADH,IAEJG,MAdW,KACf,UACA,KAAKqB,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,CAAS5C,MAGnB,CACD,CAAEA","file":"pex-static/40/49.3ea8aaf50b29c4e1f661.chunk.js","sourcesContent":["import React from 'react';\nimport { listStyles as useStylesheet } from './stylesheets';\nimport { RecursiveShortcodeProps } from './Shortcode';\n\nconst List = ({ RecursiveShortcode, elements, ...rest }: RecursiveShortcodeProps) => {\n const {\n against,\n attributes,\n layout,\n } = rest;\n const {\n styles,\n } = useStylesheet({\n layout,\n against,\n attributes,\n });\n return (\n \n );\n};\n\nList.displayName = 'List';\n\nexport default List;\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":""}