@fluentui/react
Version:
Reusable React components for building web experiences.
41 lines • 1.23 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.getStyles = void 0;
var Styling_1 = require("../../../../Styling");
var GlobalClassNames = {
root: 'ms-EditingItem',
input: 'ms-EditingItem-input',
};
var getStyles = function (prop) {
var theme = (0, Styling_1.getTheme)();
if (!theme) {
throw new Error('theme is undefined or null in Editing item getStyles function.');
}
var semanticColors = theme.semanticColors;
var classNames = (0, Styling_1.getGlobalClassNames)(GlobalClassNames, theme);
return {
root: [
classNames.root,
{
margin: '4px',
},
],
input: [
classNames.input,
{
border: '0px',
outline: 'none',
width: '100%',
backgroundColor: semanticColors.inputBackground,
color: semanticColors.inputText,
selectors: {
'::-ms-clear': {
display: 'none',
},
},
},
],
};
};
exports.getStyles = getStyles;
//# sourceMappingURL=EditingItem.styles.js.map