flow like the river

VISUALIZACION/node_modules/polished/lib/shorthands/borderRadius.js

@@ -0,0 +1,43 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = borderRadius;
+var _capitalizeString = _interopRequireDefault(require("../internalHelpers/_capitalizeString"));
+var _errors = _interopRequireDefault(require("../internalHelpers/_errors"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * Shorthand that accepts a value for side and a value for radius and applies the radius value to both corners of the side.
+ * @example
+ * // Styles as object usage
+ * const styles = {
+ *   ...borderRadius('top', '5px')
+ * }
+ *
+ * // styled-components usage
+ * const div = styled.div`
+ *   ${borderRadius('top', '5px')}
+ * `
+ *
+ * // CSS as JS Output
+ *
+ * div {
+ *   'borderTopRightRadius': '5px',
+ *   'borderTopLeftRadius': '5px',
+ * }
+ */
+function borderRadius(side, radius) {
+  var uppercaseSide = (0, _capitalizeString["default"])(side);
+  if (!radius && radius !== 0) {
+    throw new _errors["default"](62);
+  }
+  if (uppercaseSide === 'Top' || uppercaseSide === 'Bottom') {
+    var _ref;
+    return _ref = {}, _ref["border" + uppercaseSide + "RightRadius"] = radius, _ref["border" + uppercaseSide + "LeftRadius"] = radius, _ref;
+  }
+  if (uppercaseSide === 'Left' || uppercaseSide === 'Right') {
+    var _ref2;
+    return _ref2 = {}, _ref2["borderTop" + uppercaseSide + "Radius"] = radius, _ref2["borderBottom" + uppercaseSide + "Radius"] = radius, _ref2;
+  }
+  throw new _errors["default"](63);
+}
+module.exports = exports.default;