{"version":3,"sources":["webpack:///./presentation/components/Shortcode/TickListItem.tsx","webpack:///./domain/constants/alignment.ts","webpack:///./presentation/components/Shortcode/stylesheets.ts"],"names":["pureEnhance","withProps","listItemStyles","RecursiveShortcode","elements","styles","glyph","rest","style","root","wrapper","icon","size","width","color","text","Alignment","listStyles","theme","layout","spacing","against","attributes","useStyles","default","listStylePosition","cssSides","Side","A","marginBottom","gu2px","paddingRight","paddingLeft","getBodyColor","getTitleColor","listStyleType","modifier","CENTER","textAlign","alignment","r","minWidth","display","number","justifyContent","glyphStyles","palette","secondary","primaryContrast","highlightContrast","tertiary"],"mappings":"2VASeA,sBACb,eAAgB,CACdC,oBAAUC,MAFCF,CAIb,EACAG,qBACAC,WACAC,SACAC,WACGC,KAEH,wBAAIC,MAAOH,EAAOI,MAChB,0BAAMD,MAAOH,EAAOK,SAClB,0BAAMF,MAAOH,EAAOM,MAClB,kBAAC,IAAD,CACEA,KAAML,EACNM,KAAMP,EAAOM,KAAKE,MAClBC,MAAOT,EAAOM,KAAKG,SAGvB,0BAAMN,MAAOH,EAAOU,MAClB,kBAACZ,EAAD,GACEC,SAAUA,GACNG,S,oBChCP,IAAKS,EAAZ,kC,SAAYA,K,oBAAAA,E,iBAAAA,M,0BCAZ,gNAiBO,MAAMC,EAAa,EACxBC,QACAC,SACAD,OACEE,WAEFC,UACAC,gBAC6BC,YAAU,CACvCC,QAAS,CACPf,KAAM,CACJgB,kBAAmB,YAChBC,YAAS,SAAUC,IAAKC,EAAG,GAC9BC,aAAcC,YAAM,EAAGV,GACvBW,aAAc,EACdC,YAAa,EACblB,MAAOmB,YAAaf,EAAOG,IAG7BV,KAAM,CACJG,MAAOoB,YAAchB,EAAOG,KAGhCf,MAAO,CACLG,KAAM,CACJ0B,cAAe,SAGnB,CAAEC,mBAAS,YAAapB,IAAUqB,SAAW,CAC3C5B,KAAM,CACJ6B,UAAW,YAGd,CACDjB,UAEAkB,UAAWC,IAAO,YAAaA,IAAY,GAAIrB,IAC/Cb,MAAOkC,IAAS,QAAS,QAASA,IAAY,GAAIlB,MAGvCpB,EAAiB,EAC5BgB,QACAA,OACEE,WAEFC,UACAC,aACAH,YAC6BI,YAAU,CACvCC,QAAS,CACPf,KAAM,CACJuB,YAAa,EACbH,aAAcC,YAAM,EAAGV,IAEzBT,KAAM,CACJE,MAAOiB,YAAM,EAAGV,GAChBqB,SAAUX,YAAM,EAAGV,GACnBN,MAAOoB,YAAchB,EAAOG,IAE9BN,KAAM,CACJiB,YAAa,EACblB,MAAOmB,YAAaf,EAAOG,KAG/Bf,MAAO,CACLG,KAAM,CACJiC,QAAS,QAEXhC,QAAS,CACPgC,QAAS,QAEX3B,KAAM,CACJiB,YAAaF,YAAM,EAAGV,KAG1BuB,OAAQ,CACN5B,KAAM,CACJiB,YAAaF,YAAM,EAAGV,KAG1B,CAAEgB,mBAAS,YAAapB,IAAUqB,SAAW,CAC3C5B,KAAM,CACJmC,eAAgB,YAGnB,CACDvB,UAEAkB,UAAWC,IAAO,YAAaA,IAAY,GAAIrB,IAC/Cb,MAAOkC,IAAS,QAAS,QAASA,IAAY,GAAIlB,IAClDqB,OAAQH,IAAS,QAAS,SAAUA,IAAY,GAAIlB,MAGzCuB,EAAc,EACzB3B,OACE4B,UACA1B,WAEFC,aAC6BE,YAAU,CACvCC,QAAS,CACPf,KAAM,CACJI,MAAOiB,YAAM,EAAGV,GAChBN,MAAO0B,IAAO,CACZ,CAAEA,IAAS,SAAUA,IAASM,EAAQC,YACtC,CAAEP,IAAS,WAAYA,IAASM,EAAQE,kBACxC,CAAER,IAAS,aAAcA,IAASM,EAAQG,oBAC1C,CAAET,IAAS,WAAYA,IAASM,EAAQC,YACxC,CAAEP,IAAS,QAASA,IAASM,EAAQI,WACrC,CAAEV,IAAKA,IAAS,aANXA,CAOJnB,MAGN,CACD,CAAEA","file":"pex-static/12/53.1fce14aa8516e67120ef.chunk.js","sourcesContent":["import React from 'react';\nimport {\n withProps,\n} from '@team-griffin/rehook';\nimport Glyph from '@ux/glyphs';\nimport { listItemStyles } from './stylesheets';\nimport pureEnhance from '@ux/pure-enhance';\nimport { RecursiveShortcodeProps } from './Shortcode';\n\nexport default pureEnhance(\n 'TickListItem', [\n withProps(listItemStyles),\n ],\n)(({\n RecursiveShortcode,\n elements,\n styles,\n glyph,\n ...rest\n}) => (\n
  • \n \n \n \n \n \n \n \n \n
    • \n));","export enum Alignment {\n STARTING = 'STARTING',\n CENTER = 'CENTER',\n}\n\nexport default null;\n","import { useStyles } from '@team-griffin/stylr';\nimport { gu2px } 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 * as r from 'ramda';\nimport { RecursiveShortcodeProps } from './Shortcode';\nimport { CSSProperties } from 'react';\n\nexport interface Styles {\n root: CSSProperties,\n icon: CSSProperties,\n text: CSSProperties,\n wrapper: CSSProperties,\n}\n\nexport const listStyles = ({\n theme,\n layout,\n theme: {\n spacing,\n },\n against,\n attributes,\n}: RecursiveShortcodeProps) => useStyles({\n default: {\n root: {\n listStylePosition: 'inside',\n ...cssSides('margin', Side.A, 0),\n marginBottom: gu2px(2, spacing),\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 //@ts-ignore\n alignment: r.prop('alignment', r.defaultTo({}, layout)),\n glyph: r.propEq('style', 'glyph', r.defaultTo({}, attributes)),\n});\n\nexport const listItemStyles = ({\n theme,\n theme: {\n spacing,\n },\n against,\n attributes,\n layout,\n}: RecursiveShortcodeProps) => useStyles({\n default: {\n root: {\n paddingLeft: 0,\n marginBottom: gu2px(1, spacing),\n },\n icon: {\n width: gu2px(2, spacing),\n minWidth: gu2px(2, spacing),\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: gu2px(2, spacing),\n },\n },\n number: {\n text: {\n paddingLeft: gu2px(1, spacing),\n },\n },\n [ modifier('alignment', Alignment.CENTER) ]: {\n root: {\n justifyContent: 'center',\n },\n },\n}, {\n against,\n //@ts-ignore\n alignment: r.prop('alignment', r.defaultTo({}, layout)),\n glyph: r.propEq('style', 'glyph', r.defaultTo({}, attributes)),\n number: r.propEq('style', 'number', r.defaultTo({}, attributes)),\n});\n\nexport const glyphStyles = ({\n theme: {\n palette,\n spacing,\n },\n against,\n}: RecursiveShortcodeProps) => useStyles({\n default: {\n root: {\n width: gu2px(3, spacing),\n color: r.cond([\n [ r.equals('LIGHT'), r.always(palette.secondary) ],\n [ r.equals('PRIMARY'), r.always(palette.primaryContrast) ],\n [ r.equals('HIGHLIGHT'), r.always(palette.highlightContrast) ],\n [ r.equals('NEUTRAL'), r.always(palette.secondary) ],\n [ r.equals('DARK'), r.always(palette.tertiary) ],\n [ r.T, r.always('inherit') ],\n ])(against),\n },\n },\n}, [\n { against },\n]);\n\n"],"sourceRoot":""}