| 1 | {"version":3,"file":"DatePicker.styles.js","sourceRoot":"../src/","sources":["components/DatePicker/DatePicker.styles.ts"],"names":[],"mappings":";;;AAAA,6DAA4G;AAI5G,IAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,uBAAuB;IAChC,SAAS,EAAE,iCAAiC;IAC5C,YAAY,EAAE,oCAAoC;IAClD,QAAQ,EAAE,uBAAuB;CAClC,CAAC;AAEF,IAAM,gBAAgB,GAAG,EAAE,CAAC;AAErB,IAAM,MAAM,GAAG,UAAC,KAA4B;;IACzC,IAAA,SAAS,GAA4D,KAAK,UAAjE,EAAE,KAAK,GAAqD,KAAK,MAA1D,EAAE,QAAQ,GAA2C,KAAK,SAAhD,EAAE,UAAU,GAA+B,KAAK,WAApC,EAAE,KAAK,GAAwB,KAAK,MAA7B,EAAE,iBAAiB,GAAK,KAAK,kBAAV,CAAW;IAC3E,IAAA,OAAO,GAA4B,KAAK,QAAjC,EAAE,cAAc,GAAY,KAAK,eAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IACjD,IAAM,UAAU,GAAG,qCAAmB,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;IAEhE,IAAM,cAAc,GAAW;QAC7B,KAAK,EAAE,OAAO,CAAC,gBAAgB;QAC/B,QAAQ,EAAE,2BAAS,CAAC,IAAI;QACxB,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,MAAM;QACrB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,KAAK;KACf,CAAC;IAEF,OAAO;QACL,IAAI,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,iBAAiB,IAAI,SAAS,EAAE,2BAAS,EAAE,SAAS,CAAC;QAChG,SAAS,EAAE;YACT;gBACE,QAAQ,EAAE,UAAU;gBACpB,SAAS,EAAE;oBACT,mBAAmB,EAAE;wBACnB,MAAM,EAAE,SAAS;qBAClB;oBACD,KAAK,EAAE;wBACL,SAAS,EAAE;4BACT,aAAa,EAAE;gCACb,OAAO,EAAE,MAAM;6BAChB;yBACF;qBACF;iBACF;aACF;YACD,QAAQ,IAAI;gBACV,SAAS,EAAE;oBACT,mBAAmB,EAAE;wBACnB,MAAM,EAAE,SAAS;qBAClB;iBACF;aACF;SACF;QACD,OAAO,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC;QAC7B,IAAI,EAAE;YACJ,cAAc;YACd,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,YAAY;YACtD,EAAE,UAAU,EAAE,KAAK,EAAE;YACrB,CAAC,QAAQ,IAAI;gBACX,UAAU,CAAC,QAAQ;gBACnB;oBACE,aAAa,EAAE,SAAS;oBACxB,MAAM,EAAE,SAAS;iBAClB;aACF;YACD,QAAQ,IAAI;gBACV,KAAK,EAAE,cAAc,CAAC,YAAY;gBAClC,MAAM,EAAE,SAAS;aAClB;SACF;QACD,aAAa,EAAE;YACb,KAAK,CAAC,KAAK;YACX;gBACE,KAAK,EAAE,cAAc,CAAC,SAAS;gBAC/B,SAAS,EAAE,CAAC;aACb;SACF;QACD,iBAAiB,EAAE;YACjB;gBACE,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,gBAAgB;gBACxB,UAAU,EAAE,gBAAgB,GAAG,CAAC;gBAChC,QAAQ,EAAE,QAAQ;gBAClB,YAAY,EAAE,UAAU;aACzB;YACD,UAAU,IAAI;gBACZ,UAAU,EAAE,gBAAgB,GAAG,CAAC;aACjC;SACF;QACD,mBAAmB;gBACjB,KAAK,EAAE,cAAc,CAAC,oBAAoB;;YAC1C,GAAC,sCAAoB,IAAG;gBACtB,KAAK,EAAE,UAAU;aAClB;eACF;KACF,CAAC;AACJ,CAAC,CAAC;AApFW,QAAA,MAAM,UAoFjB","sourcesContent":["import { normalize, getGlobalClassNames, FontSizes, HighContrastSelector } from '@fluentui/style-utilities';\nimport type { IDatePickerStyleProps, IDatePickerStyles } from './DatePicker.types';\nimport type { IStyle } from '@fluentui/style-utilities';\n\nconst GlobalClassNames = {\n root: 'ms-DatePicker',\n callout: 'ms-DatePicker-callout',\n withLabel: 'ms-DatePicker-event--with-label',\n withoutLabel: 'ms-DatePicker-event--without-label',\n disabled: 'msDatePickerDisabled ',\n};\n\nconst TEXTFIELD_HEIGHT = 32;\n\nexport const styles = (props: IDatePickerStyleProps): IDatePickerStyles => {\n const { className, theme, disabled, underlined, label, isDatePickerShown } = props;\n const { palette, semanticColors, fonts } = theme;\n const classNames = getGlobalClassNames(GlobalClassNames, theme);\n\n const DatePickerIcon: IStyle = {\n color: palette.neutralSecondary,\n fontSize: FontSizes.icon,\n lineHeight: '18px',\n pointerEvents: 'none',\n position: 'absolute',\n right: '4px',\n padding: '5px',\n };\n\n return {\n root: [classNames.root, theme.fonts.large, isDatePickerShown && 'is-open', normalize, className],\n textField: [\n {\n position: 'relative',\n selectors: {\n '& input[readonly]': {\n cursor: 'pointer',\n },\n input: {\n selectors: {\n '::-ms-clear': {\n display: 'none',\n },\n },\n },\n },\n },\n disabled && {\n selectors: {\n '& input[readonly]': {\n cursor: 'default',\n },\n },\n },\n ],\n callout: [classNames.callout],\n icon: [\n DatePickerIcon,\n label ? classNames.withLabel : classNames.withoutLabel,\n { paddingTop: '7px' },\n !disabled && [\n classNames.disabled,\n {\n pointerEvents: 'initial',\n cursor: 'pointer',\n },\n ],\n disabled && {\n color: semanticColors.disabledText,\n cursor: 'default',\n },\n ],\n statusMessage: [\n fonts.small,\n {\n color: semanticColors.errorText,\n marginTop: 5,\n },\n ],\n readOnlyTextField: [\n {\n cursor: 'pointer',\n height: TEXTFIELD_HEIGHT,\n lineHeight: TEXTFIELD_HEIGHT - 2,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n underlined && {\n lineHeight: TEXTFIELD_HEIGHT + 2,\n },\n ],\n readOnlyPlaceholder: {\n color: semanticColors.inputPlaceholderText,\n [HighContrastSelector]: {\n color: 'GrayText',\n },\n },\n };\n};\n"]} |