grommet/es6/components/Meter/StyledMeter.js

focus on the essential experience

import styled, { css } from 'styled-components';
import { genericStyles, styledComponentsConfig } from '../../utils';

// fallback to edgeSize for backwards compatibility
var roundStyle = css(["border-radius:", ";"], function (props) {
  return props.theme.global[props.theme.global.radius ? 'radius' : 'edgeSize'][props.round.size];
});

// overflow: hidden is needed for ie11
var StyledMeter = styled.svg.withConfig(styledComponentsConfig).withConfig({
  displayName: "StyledMeter",
  componentId: "sc-nsxarx-0"
})(["max-width:100%;overflow:hidden;", " ", " ", " path{transition:stroke 0.3s,stroke-width 0.3s;}", ";"], function (props) {
  return props.reverse && css(["transform:scale(-1,1);"]);
}, genericStyles, function (props) {
  return props.round && roundStyle;
}, function (props) {
  return props.theme.meter && props.theme.meter.extend;
});
export { StyledMeter };