@uifabric/experiments
Version:
Experimental React components for building experiences for Microsoft 365.
57 lines • 1.6 kB
JavaScript
var baseTokens = {
questionMargin: '20px 12px 6px',
};
var inlineTokens = function (props, theme) {
return {
followUpBackgroundColor: theme.palette.white,
questionMargin: '12px 12px 6px',
width: '100%',
};
};
export var MicroFeedbackTokens = function (props, theme) { return [
baseTokens,
props.inline && inlineTokens,
]; };
export var MicroFeedbackStyles = function (props, theme, tokens) {
return {
root: {
margin: '4px 8px 4px 8px',
width: tokens.width,
},
iconContainer: {
float: 'right',
},
followUpQuestion: {
fontFamily: "'Segoe UI Semibold'",
margin: tokens.questionMargin,
fontSize: '12px',
letterSpacing: '0.1px',
border: '0px',
},
followUpContainer: {
backgroundColor: tokens.followUpBackgroundColor,
paddingBottom: '6px',
},
thanksContainer: {
backgroundColor: theme.palette.white,
padding: '6px',
},
followUpOption: {
paddingLeft: '12px',
paddingRight: '12px',
background: 'transparent',
border: '0px',
minHeight: 0,
width: '100%',
},
followUpOptionText: {
fontFamily: "'Segoe UI'",
fontSize: '12px',
letterSpacing: '0.11px',
textAlign: 'left',
border: '0px',
width: '100%',
},
};
};
//# sourceMappingURL=MicroFeedback.styles.js.map