{"version":3,"sources":["webpack:///./domain/constants/alignment.ts","webpack:///src/presentation/components/Shortcode/stylesheets.ts","webpack:///./presentation/components/Shortcode/TickListItem.tsx"],"names":["Alignment","useListStyles","attributes","theme","useTheme","alignment","findResponsiveItem","useBreakpoints","layout","useStyles","default","root","listStylePosition","cssSides","Side","marginBottom","cssTheme","paddingRight","paddingLeft","color","getBodyColor","against","icon","getTitleColor","glyph","listStyleType","modifier","textAlign","useListItemStyles","gu1","width","minWidth","text","display","wrapper","gu2","number","justifyContent","TickListItem","RecursiveShortcode","elements","rest","styles","useStylesheet","style","name","size","displayName"],"mappings":"8EAAO,IAAKA,EAAZ,kC,SAAYA,K,oBAAAA,E,iBAAAA,M,0BCAZ,6IAYO,MAAMC,EAAgB,IAQvB,gBARwB,8BAG5BC,GAKI,EACJ,MAAM,MAAEC,GAAUC,cAEZC,EAAYC,YAAmBC,cAAkB,UACrDC,aADqD,EACrDA,mBADqD,EAC1BR,IAD0B,kBAErDQ,aAFqD,EAErDA,mBAFqD,EAE1BR,IAF0B,kBAGrDQ,aAHqD,EAGrDA,aAHqD,EAGhCR,IAHvB,WAMA,OAAOS,YACL,CACEC,QAAS,CACPC,KAAM,CACJC,kBADI,YAEDC,YAAS,SAAUC,IAAX,EAFP,GAGJC,aAAcC,IAHV,IAIJC,aAJI,EAKJC,YALI,EAMJC,MAAOC,YAAajB,EAAOkB,IAG7BC,KAAM,CACJH,MAAOI,YAAcpB,EAAOkB,KAGhCG,MAAO,CACLb,KAAM,CACJc,cAAe,SAGnB,CAACC,YAAS,YAAa1B,IAAvB,SAA2C,CACzCW,KAAM,CACJgB,UAAW,YAIjB,uBAGEH,MAAuC,WAAhC,SAACtB,aAAD,EAACA,SAAD,WAKA0B,EAAoB,IAQ3B,cAR4B,8BAGhCpB,GAKI,EACJ,MAAM,MAAEL,GAAUC,cAEZC,EAAYC,YAAmBC,cAAkB,UACrDC,aADqD,EACrDA,mBADqD,EAC1BR,IAD0B,kBAErDQ,aAFqD,EAErDA,mBAFqD,EAE1BR,IAF0B,kBAGrDQ,aAHqD,EAGrDA,aAHqD,EAGhCR,IAHvB,WAMA,OAAOS,YACL,CACEC,QAAS,CACPC,KAAM,CACJO,YADI,EAEJH,aAAcC,IAASa,KAEzBP,KAAM,CACJQ,MAAOd,IADH,IAEJe,SAAUf,IAFN,IAGJG,MAAOI,YAAcpB,EAAOkB,IAE9BW,KAAM,CACJd,YADI,EAEJC,MAAOC,YAAajB,EAAOkB,KAG/BG,MAAO,CACLb,KAAM,CACJsB,QAAS,QAEXC,QAAS,CACPD,QAAS,QAEXD,KAAM,CACJd,YAAaF,IAASmB,MAG1BC,OAAQ,CACNJ,KAAM,CACJd,YAAaF,IAASa,MAG1B,CAACH,YAAS,YAAa1B,IAAvB,SAA2C,CACzCW,KAAM,CACJ0B,eAAgB,YAItB,uBAGEb,MAHF,YAGUtB,yBAAD,MACPkC,OAAwC,aAA/BlC,yBAAD,U,oBC5Hd,wCAMA,MAAMoC,EAAe,IAQU,IART,mBACpBC,EADoB,SAEpBC,EAFoB,MAGpBhB,EAHoB,QAIpBH,EAJoB,WAKpBnB,EALoB,OAMpBM,KACGiC,GAC0B,EAC7B,MAAM,OAAEC,GAAWC,YAAc,CAC/BtB,UACAnB,aACAM,WAEF,OACE,oBAAIoC,MAAOF,EAAO/B,KAAlB,SACE,uBAAMiC,MAAOF,EAAOR,QAApB,UACE,sBAAMU,MAAOF,EAAOpB,KAApB,SACE,cAAC,IAAD,CAAOuB,KAAMrB,EAAOsB,KAAMJ,EAAOpB,KAAKQ,MAAiBX,MAAOuB,EAAOpB,KAAKH,UAE5E,sBAAMyB,MAAOF,EAAOV,KAApB,SAEE,cAACO,EAAD,CAAoBC,SAAUA,KAAcC,YAOtDH,EAAaS,YAAc,eAEZT","file":"pex-static/34/55.70ef1bb8c6bbbf759e2e.chunk.js","sourcesContent":["export enum Alignment {\n STARTING = 'STARTING',\n CENTER = 'CENTER',\n}\n\nexport default null;\n","import { useStyles } from '@team-griffin/stylr';\nimport { useTheme, cssTheme, Colorway as Against } from '@uds/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 { Layout } from 'domain/constants/layout';\nimport { useBreakpoints } from '@ux/responsive';\nimport findResponsiveItem from 'presentation/utils/findResponsiveItem';\n\nimport { ShortcodeAttributesProps } from './Shortcode';\n\nexport const useListStyles = ({\n layout,\n against,\n attributes,\n}: {\n layout: Layout | undefined;\n against: Against | undefined;\n attributes: ShortcodeAttributesProps | undefined;\n}) => {\n const { theme } = useTheme();\n\n const alignment = findResponsiveItem(useBreakpoints(), [\n layout?.alignmentMobile ?? Alignment.STARTING,\n layout?.alignmentTablet ?? Alignment.STARTING,\n layout?.alignment ?? Alignment.STARTING,\n ]);\n\n return useStyles(\n {\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 {\n against,\n alignment,\n glyph: (attributes?.style ?? null) === 'glyph',\n },\n );\n};\n\nexport const useListItemStyles = ({\n against,\n attributes,\n layout,\n}: {\n against?: Against;\n attributes?: ShortcodeAttributesProps;\n layout?: Layout;\n}) => {\n const { theme } = useTheme();\n\n const alignment = findResponsiveItem(useBreakpoints(), [\n layout?.alignmentMobile ?? Alignment.STARTING,\n layout?.alignmentTablet ?? Alignment.STARTING,\n layout?.alignment ?? Alignment.STARTING,\n ]);\n\n return useStyles(\n {\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 {\n against,\n alignment,\n glyph: (attributes?.style || null) === 'glyph',\n number: (attributes?.style || null) === 'number',\n },\n );\n};\n","import React from 'react';\nimport Glyph from '@uds/glyphs';\n\nimport { useListItemStyles 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 { styles } = useStylesheet({\n against,\n attributes,\n layout,\n });\n return (\n
  • \n \n \n \n \n \n {/* @ts-ignore: error when upgrading to @ux/config */}\n \n \n \n
    • \n );\n};\n\nTickListItem.displayName = 'TickListItem';\n\nexport default TickListItem;\n"],"sourceRoot":""}