orcs-design-system 2.0.75 → 2.0.76

package/es/components/Select/index.js

@@ -63,7 +63,11 @@ var Label = styled("label").withConfig({
  */
 
 var Select = /*#__PURE__*/forwardRef(function (props, ref) {
-  var customStyles = {
+  var _props$updateStyles = props.updateStyles,
+      updateStyles = _props$updateStyles === void 0 ? function (s) {
+    return s;
+  } : _props$updateStyles;
+  var customStyles = updateStyles({
     menu: function menu(provided, state) {
       return _objectSpread(_objectSpread({}, provided), {}, {
         opacity: state.isDisabled ? 0.7 : 1,
@@ -160,12 +164,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
         fontWeight: "600",
         wordWrap: "break-word",
         whiteSpace: "break-spaces",
-        borderRadius: state.data.isFixed ? "15px" : "15px 0 0 15px",
-        "&:has(> div)": {
-          backgroundColor: "transparent",
-          padding: "0 !important",
-          borderRadius: "0 !important"
-        }
+        borderRadius: state.data.isFixed ? "15px" : "15px 0 0 15px"
       });
     },
     multiValueRemove: function multiValueRemove(provided, state) {
@@ -199,7 +198,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
         fontSize: themeGet("fontSizes.1")(props)
       });
     }
-  };
+  });
   return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: props.theme
   }, /*#__PURE__*/React.createElement(Wrapper, _extends({
@@ -266,7 +265,10 @@ Select.propTypes = {
   theme: PropTypes.object,
 
   /** Specify if you want react-select createable option */
-  selectType: PropTypes.oneOf(["default", "createable"])
+  selectType: PropTypes.oneOf(["default", "createable"]),
+
+  /** Specify if you want to overwrite existing customStyles */
+  updateStyles: PropTypes.func
 };
 Select.defaultProps = {
   theme: systemtheme,
@@ -389,6 +391,13 @@ Select.__docgenInfo = {
       },
       "required": false,
       "description": "Specifies `onChange` function for the input"
+    },
+    "updateStyles": {
+      "type": {
+        "name": "func"
+      },
+      "required": false,
+      "description": "Specify if you want to overwrite existing customStyles"
     }
   }
 };

package/es/components/Tag/index.js

@@ -13,7 +13,7 @@ var TagWrapper = styled.div.withConfig({
 var TagValue = styled.button.withConfig({
   displayName: "Tag__TagValue",
   componentId: "sc-1dh2aa8-1"
-})(["-moz-appearance:none;-webkit-appearance:none;appearance:none;box-shadow:none;font-family:\"Open Sans\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;display:flex;align-items:center;flex-wrap:nowrap;font-size:1.3rem;font-weight:600;white-space:nowrap;position:relative;z-index:1;transition:", ";cursor:", ";border-radius:", ";border:solid 1px ", ";padding:", ";background-color:", ";color:", ";", " &:focus{outline:0;z-index:2;box-shadow:", ";}"], themeGet("transition.transitionDefault"), function (props) {
+})(["-moz-appearance:none;-webkit-appearance:none;appearance:none;box-shadow:none;font-family:\"Open Sans\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;display:flex;align-items:center;flex-wrap:nowrap;font-size:1.4rem;font-weight:600;white-space:nowrap;position:relative;z-index:1;transition:", ";cursor:", ";border-radius:", ";border:solid 1px ", ";padding:", ";background-color:", ";color:", ";", " &:focus{outline:0;z-index:2;box-shadow:", ";}"], themeGet("transition.transitionDefault"), function (props) {
   return props.disabled ? "default" : "pointer";
 }, function (props) {
   return props.showEdit || props.showRemove ? "15px 0 0 15px" : "15px";
@@ -59,7 +59,7 @@ var TagRemove = styled(TagValue).withConfig({
 var TagType = styled.div.withConfig({
   displayName: "Tag__TagType",
   componentId: "sc-1dh2aa8-4"
-})(["text-transform:uppercase;margin-left:", ";padding:3px;font-size:1.2rem;line-height:1;border-radius:", ";font-size:", ";background-color:", ";color:", ";"], themeGet("space.s"), themeGet("radii.1"), themeGet("fontSizes.0"), function (props) {
+})(["text-transform:uppercase;margin-left:", ";padding:3px;line-height:1;border-radius:", ";font-size:", ";background-color:", ";color:", ";"], themeGet("space.s"), themeGet("radii.1"), themeGet("fontSizes.0"), function (props) {
   return props.selected ? themeGet("colors.primaryDark") : props.disabled ? themeGet("colors.grey") : themeGet("colors.primaryLightest");
 }, function (props) {
   return props.selected ? themeGet("colors.white") : props.disabled ? themeGet("colors.white") : themeGet("colors.primary");
@@ -112,6 +112,8 @@ export default function Tag(_ref) {
   })) : null));
 }
 Tag.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
+
   /** Adds selected styling to tag */
   selected: PropTypes.bool,
 
@@ -206,6 +208,21 @@ Tag.__docgenInfo = {
       "required": false,
       "description": "Specifies the design theme"
     },
+    "children": {
+      "type": {
+        "name": "union",
+        "value": [{
+          "name": "node"
+        }, {
+          "name": "arrayOf",
+          "value": {
+            "name": "node"
+          }
+        }]
+      },
+      "required": false,
+      "description": ""
+    },
     "onSelect": {
       "type": {
         "name": "func"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "orcs-design-system",
-  "version": "2.0.75",
+  "version": "2.0.76",
   "description": "Orchestrated's Design System, aka: ORCS",
   "keywords": [
     "design",