{"version":3,"sources":["webpack:///./presentation/components/Shortcode/TickListItem.tsx","webpack:///./domain/constants/alignment.ts","webpack:///src/presentation/components/Shortcode/stylesheets.ts"],"names":["TickListItem","RecursiveShortcode","elements","glyph","against","attributes","layout","rest","styles","useStylesheet","style","root","wrapper","icon","size","width","color","text","displayName","Alignment","listStyles","theme","useTheme","useStyles","default","listStylePosition","cssSides","Side","marginBottom","cssTheme","paddingRight","paddingLeft","getBodyColor","getTitleColor","listStyleType","modifier","textAlign","alignment","listItemStyles","gu1","minWidth","display","gu2","number","justifyContent","glyphStyles","palette","Against","getColor"],"mappings":"0UAKA,MAAMA,EAAe,EACnBC,qBACAC,WACAC,QACAC,UACAC,aACAC,YACGC,MAEH,MAAM,OACJC,GACEC,YAAc,CAChBL,UACAC,aACAC,WAEF,OACE,wBAAII,MAAOF,EAAOG,MAChB,0BAAMD,MAAOF,EAAOI,SAClB,0BAAMF,MAAOF,EAAOK,MAClB,kBAAC,IAAD,CACEA,KAAMV,EACNW,KAAMN,EAAOK,KAAKE,MAClBC,MAAOR,EAAOK,KAAKG,SAGvB,0BAAMN,MAAOF,EAAOS,MAClB,kBAAChB,EAAD,GACEC,SAAUA,GACNK,QAQhBP,EAAakB,YAAc,eAEZlB,a,oBC5CR,IAAKmB,EAAZ,kC,SAAYA,K,oBAAAA,E,iBAAAA,M,0BCAZ,iKAUO,MAAMC,EAAa,EAAC,mBAGzBf,iBAKI,QACJ,MAAM,MACJgB,GACEC,cACJ,OAAOC,YAAU,CACfC,QAAS,CACPb,KAAM,CACJc,kBADI,YAEDC,YAAS,SAAUC,IAAX,EAFP,GAGJC,aAAcC,IAHV,IAIJC,aAJI,EAKJC,YALI,EAMJf,MAAOgB,YAAaX,EAAOjB,IAG7BS,KAAM,CACJG,MAAOiB,YAAcZ,EAAOjB,KAGhCD,MAAO,CACLQ,KAAM,CACJuB,cAAe,SAGnB,CAAEC,YAAS,YAAahB,IAAxB,SAA6C,CAC3CR,KAAM,CACJyB,UAAW,YAGd,WAEDC,UAAS,SAAE/B,aAAF,EAAEA,aAAF,EAFR,KAGDH,MAAuC,WAAhC,SAACE,aAAD,EAACA,SAAD,WAIEiC,EAAiB,EAAC,uBAG7BhC,aAKI,MACJ,MAAM,MACJe,GACEC,cAEJ,OAAOC,YAAU,CACfC,QAAS,CACPb,KAAM,CACJoB,YADI,EAEJH,aAAcC,IAASU,KAEzB1B,KAAM,CACJE,MAAOc,IADH,IAEJW,SAAUX,IAFN,IAGJb,MAAOiB,YAAcZ,EAAOjB,IAE9Ba,KAAM,CACJc,YADI,EAEJf,MAAOgB,YAAaX,EAAOjB,KAG/BD,MAAO,CACLQ,KAAM,CACJ8B,QAAS,QAEX7B,QAAS,CACP6B,QAAS,QAEXxB,KAAM,CACJc,YAAaF,IAASa,MAG1BC,OAAQ,CACN1B,KAAM,CACJc,YAAaF,IAASU,MAG1B,CAAEJ,YAAS,YAAahB,IAAxB,SAA6C,CAC3CR,KAAM,CACJiC,eAAgB,YAGnB,WAEDP,UAAS,SAAE/B,aAAF,EAAEA,aAAF,EAFR,KAGDH,MAHC,YAGOE,yBAAD,MACPsC,OAAwC,aAA/BtC,yBAAD,SAGCwC,EAAc,EACzBzC,cAIA,MACEiB,OAAO,QACLyB,IAEAxB,cAWJ,OAAOC,YAAU,CACfC,QAAS,CACPb,KAAM,CACJI,MAAOc,IADH,IAEJb,MAdW,KACf,UACA,KAAK+B,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/55.ee6170a21bf6199c4ba7.chunk.js","sourcesContent":["import React from 'react';\nimport Glyph from '@ux/glyphs';\nimport { listItemStyles as useStylesheet } from './stylesheets';\nimport { RecursiveShortcodeProps } from './Shortcode';\n\nconst TickListItem = ({\n RecursiveShortcode,\n elements,\n glyph,\n against,\n attributes,\n layout,\n ...rest\n}: RecursiveShortcodeProps) => {\n const {\n styles,\n } = useStylesheet({\n against,\n attributes,\n layout,\n });\n return (\n
  • \n \n \n \n \n \n \n \n \n
    • \n );\n};\n\nTickListItem.displayName = 'TickListItem';\n\nexport default TickListItem;","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":""}