| 1 | {"version":3,"file":"DocumentCardActions.styles.js","sourceRoot":"../src/","sources":["components/DocumentCard/DocumentCardActions.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAGpD,IAAM,WAAW,GAAG,EAAE,CAAC;AACvB,IAAM,kBAAkB,GAAG,EAAE,CAAC;AAC9B,IAAM,gBAAgB,GAAG,CAAC,CAAC;AAE3B,IAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE,wBAAwB;IAC9B,MAAM,EAAE,+BAA+B;IACvC,KAAK,EAAE,8BAA8B;CACtC,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,KAAqC;IACrD,IAAA,2BAAS,EAAE,mBAAK,CAAW;IAC3B,IAAA,uBAAO,EAAE,mBAAK,CAAW;IAEjC,IAAM,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;IAEhE,OAAO;QACL,IAAI,EAAE;YACJ,UAAU,CAAC,IAAI;YACf;gBACE,MAAM,EAAK,WAAW,OAAI;gBAC1B,OAAO,EAAK,gBAAgB,WAAM,kBAAkB,OAAI;gBACxD,QAAQ,EAAE,UAAU;aACrB;YACD,SAAS;SACV;QACD,MAAM,EAAE;YACN,UAAU,CAAC,MAAM;YACjB;gBACE,KAAK,EAAE,MAAM;gBACb,WAAW,EAAE,KAAK;gBAClB,KAAK,EAAE,OAAO,CAAC,gBAAgB;gBAC/B,MAAM,EAAE,SAAS;gBAEjB,SAAS,EAAE;oBACT,YAAY,EAAE;wBACZ,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ;wBACnC,MAAM,EAAE,WAAW;wBACnB,KAAK,EAAE,WAAW;qBACnB;oBACD,kCAAkC,EAAE;wBAClC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU;wBACtC,MAAM,EAAE,SAAS;qBAClB;iBACF;aACF;SACF;QACD,KAAK,EAAE;YACL,UAAU,CAAC,KAAK;YAChB;gBACE,SAAS,EAAE,OAAO;gBAClB,UAAU,EAAE,WAAW;aACxB;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,KAAK;YAClB,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;YAC/B,aAAa,EAAE,KAAK;SACrB;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { getGlobalClassNames } from '../../Styling';\nimport { IDocumentCardActionsStyleProps, IDocumentCardActionsStyles } from './DocumentCardActions.types';\n\nconst ACTION_SIZE = 34;\nconst HORIZONTAL_PADDING = 12;\nconst VERTICAL_PADDING = 4;\n\nconst GlobalClassNames = {\n root: 'ms-DocumentCardActions',\n action: 'ms-DocumentCardActions-action',\n views: 'ms-DocumentCardActions-views',\n};\n\nexport const getStyles = (props: IDocumentCardActionsStyleProps): IDocumentCardActionsStyles => {\n const { className, theme } = props;\n const { palette, fonts } = theme;\n\n const classNames = getGlobalClassNames(GlobalClassNames, theme);\n\n return {\n root: [\n classNames.root,\n {\n height: `${ACTION_SIZE}px`,\n padding: `${VERTICAL_PADDING}px ${HORIZONTAL_PADDING}px`,\n position: 'relative',\n },\n className,\n ],\n action: [\n classNames.action,\n {\n float: 'left',\n marginRight: '4px',\n color: palette.neutralSecondary,\n cursor: 'pointer',\n\n selectors: {\n '.ms-Button': {\n fontSize: fonts.mediumPlus.fontSize,\n height: ACTION_SIZE,\n width: ACTION_SIZE,\n },\n '.ms-Button:hover .ms-Button-icon': {\n color: theme.semanticColors.buttonText,\n cursor: 'pointer',\n },\n },\n },\n ],\n views: [\n classNames.views,\n {\n textAlign: 'right',\n lineHeight: ACTION_SIZE,\n },\n ],\n viewsIcon: {\n marginRight: '8px',\n fontSize: fonts.medium.fontSize,\n verticalAlign: 'top',\n },\n };\n};\n"]} |