@luscii-healthtech/web-ui 2.45.0 → 2.45.2

package/README.md

@@ -80,3 +80,21 @@ We have configured at lot of magic for your convenience.
 1. Draft a github release
 2. Version bump of the package
 3. Publish new package to NPM
+
+---
+
+## IE11
+
+This package includes [dnd-kit](https://dndkit.com) as a peer dependency. The bundle of dnd-kit contains syntax which isn't compatible with IE11, therefore any application needing to support IE11 has to transpile dnd-kit.
+
+It should also at least include the following polyfills to make it work:
+
+- [core-js](https://www.npmjs.com/package/core-js)
+- [regenerator-runtime](https://www.npmjs.com/package/regenerator-runtime)
+- [smoothscroll-polyfill](https://www.npmjs.com/package/smoothscroll-polyfill)
+
+Optional:
+
+- [web-animations-js](https://www.npmjs.com/package/web-animations-js)
+
+This isn't necessary if the [drop animation is disabled](https://github.com/clauderic/dnd-kit/issues/705#issuecomment-1103056336). Check out [this ticket](https://github.com/clauderic/dnd-kit/issues/271) for more information on IE11.

package/dist/components/Select/Select.d.ts

@@ -1,4 +1,4 @@
-import { Props, GroupBase } from "react-select";
+import { GroupBase, Props } from "react-select";
 import React from "react";
 /**
  * Exceptional case for this file:

package/dist/web-ui.cjs.development.js

@@ -3709,6 +3709,21 @@ function generateCustomStyles(hasError, isIE11) {
         flexGrow: isIE11 ? 0.5 : "initial"
       });
     },
+    input: function input(baseStyles) {
+      return _extends({}, baseStyles, {
+        padding: 0
+      });
+    },
+    multiValue: function multiValue(baseStyles) {
+      return _extends({}, baseStyles, {
+        lineHeight: isIE11 ? "25px" : "1rem"
+      });
+    },
+    valueContainer: function valueContainer(baseStyles) {
+      return _extends({}, baseStyles, {
+        padding: ".5rem"
+      });
+    },
     control: function control(baseStyles, state) {
       var defaultBorderColor = state.isFocused ? "#045baa" : "#D1D5DB";
       var validatedBorderColor = hasError ? "#c53030" : defaultBorderColor;
@@ -3717,7 +3732,6 @@ function generateCustomStyles(hasError, isIE11) {
       return _extends({}, baseStyles, {
         fontSize: "14px",
         transition: "border 0.3s ease-in-out",
-        height: isIE11 ? "50px" : "2.75rem",
         // primary outline
         outline: validatedOutline,
         borderColor: validatedBorderColor,