orcs-design-system 2.0.73 → 2.0.74

package/es/components/Select/index.js

@@ -110,7 +110,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
     },
     valueContainer: function valueContainer(provided) {
       return _objectSpread(_objectSpread({}, provided), {}, {
-        padding: props.padding ? props.padding : "2px 8px"
+        padding: props.padding ? props.padding : "2px 4px"
       });
     },
     clearIndicator: function clearIndicator(provided, state) {
@@ -143,34 +143,38 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
     multiValue: function multiValue(provided, state) {
       return _objectSpread(_objectSpread({}, provided), {}, {
         opacity: state.isDisabled ? 0.7 : 1,
-        backgroundColor: props.inverted ? themeGet("colors.primaryDark")(props) : themeGet("colors.primary")(props),
+        backgroundColor: "transparent",
         color: themeGet("colors.white")(props),
-        borderRadius: themeGet("radii.2")(props),
+        alignItems: "center",
+        padding: "0 !important",
         fontSize: themeGet("fontSizes.1")(props),
         wordWrap: "break-word"
       });
     },
-    multiValueLabel: function multiValueLabel(provided) {
+    multiValueLabel: function multiValueLabel(provided, state) {
       return _objectSpread(_objectSpread({}, provided), {}, {
-        backgroundColor: props.inverted ? themeGet("colors.primaryDark")(props) : themeGet("colors.primary")(props),
+        backgroundColor: themeGet("colors.primary")(props),
         color: themeGet("colors.white"),
-        borderRadius: themeGet("radii.2")(props),
-        padding: themeGet("space.2")(props),
-        fontSize: themeGet("fontSizes.1")(props),
+        padding: state.data.isFixed ? "4px 10px 5px 10px !important" : "4px 8px 5px 10px !important",
+        fontSize: "1.3rem",
+        fontWeight: "600",
         wordWrap: "break-word",
-        whiteSpace: "wrap"
+        whiteSpace: "break-spaces",
+        borderRadius: state.data.isFixed ? "15px" : "15px 0 0 15px"
       });
     },
     multiValueRemove: function multiValueRemove(provided, state) {
       return _objectSpread(_objectSpread({}, provided), {}, {
-        backgroundColor: props.inverted ? themeGet("colors.primaryDark")(props) : themeGet("colors.primary")(props),
+        backgroundColor: themeGet("colors.primary")(props),
         color: themeGet("colors.white")(props),
-        borderRadius: themeGet("radii.2")(props),
-        paddingLeft: themeGet("space.0")(props),
-        paddingRight: themeGet("space.1")(props),
+        borderLeft: "solid 1px ".concat(themeGet("colors.primaryDark")(props)),
+        padding: "6.5px 6px 6.5px 5px",
         display: state.data.isFixed ? "none" : provided.display,
+        cursor: "pointer",
+        borderRadius: "0 15px 15px 0",
+        transition: themeGet("transition.transitionDefault")(props),
         "&:hover": {
-          backgroundColor: themeGet("colors.primaryDarkest")(props),
+          backgroundColor: themeGet("colors.primaryDark")(props),
           color: themeGet("colors.white")(props)
         }
       });
@@ -180,7 +184,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
         opacity: state.isDisabled ? 0.7 : 1,
         backgroundColor: !state.isFocused && !props.inverted ? themeGet("colors.white")(props) : state.isFocused && !props.inverted ? themeGet("colors.primaryLightest")(props) : !state.isFocused && props.inverted ? themeGet("colors.greyDarker")(props) : themeGet("colors.primaryDark")(props),
         fontSize: themeGet("fontSizes.1")(props),
-        whiteSpace: "wrap"
+        whiteSpace: "break-spaces"
       });
     },
     placeholder: function placeholder(provided, state) {

package/package.json

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