design-system-govbr-rnp
Version:
## Padrão Digital de Governo - React Biblioteca de componentes React que implementa o [Padrão Visual digital do governo](https://www.gov.br/ds/). O objetivo da biblioteca é facilitar a implementação e promover a padronização das interfaces de sistemas do
38 lines (37 loc) • 1.2 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Component = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _templateObject;
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
var appliesRounder = function appliesRounder(rounder) {
switch (rounder) {
case "sm":
return {
borderRadius: "var(--surface-rounder-sm)"
};
case "md":
return {
borderRadius: "var(--surface-rounder-md)"
};
case "lg":
return {
borderRadius: "var(--surface-rounder-lg)"
};
case "pill":
return {
borderRadius: "100em"
};
default:
return {
borderRadius: 0
};
}
};
var Component = _styledComponents.default.p(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n"])), function (props) {
return props.rounder && appliesRounder(props.rounder);
});
exports.Component = Component;