Merge release/1.43.0 into main branch (#903)

* Bug/746 fix asyncselect modal stories (#892)

* Add drawer component (#900)

* upgrade Bootstrap 5.1 (#902)

Author: github-actions[bot]

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@user-interviews/ui-design-system",
-  "version": "1.42.2",
+  "version": "1.43.0",
   "dependencies": {
     "react-bootstrap": "^2.5.0",
     "react-loading-skeleton": "^3.1.0",
@@ -45,7 +45,7 @@
     "@fortawesome/pro-solid-svg-icons": "^5.15.3",
     "@fortawesome/react-fontawesome": "^0.1.9",
     "@popperjs/core": "^2.5.3",
-    "bootstrap": "5.0",
+    "bootstrap": "5.1",
     "classnames": "^2.2.5",
     "prop-types": "^15.6.1",
     "react": "^16.12.0",
@@ -92,7 +92,7 @@
     "babel-plugin-module-resolver": "^4.0.0",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "babel-preset-react": "^6.24.1",
-    "bootstrap": "5.0",
+    "bootstrap": "5.1",
     "chromatic": "^6.7.0",
     "classnames": "^2.2.5",
     "css-loader": "^3.4.2",

scss/box_shadow.scss

@@ -10,3 +10,6 @@ $ux-box-shadow-table-sticky-column-right: -2px 0px 1px 0px rgba(0, 0, 0, 0.05);
 
 $ux-box-shadow-top: 0 -2px 5px $ux-navbar-shadow-color;
 $ux-box-shadow-top-light: 0 -1px 1px $ux-navbar-shadow-color;
+
+$ux-drawer-box-shadow-right: -4px 4px 8px rgba(0,0,0,.1);
+$ux-drawer-box-shadow-left: 4px 4px 8px rgba(0,0,0,.1);

scss/drawer.scss

@@ -0,0 +1,3 @@
+$drawer-width-small: 32rem;
+$drawer-width-medium: 40rem;
+$drawer-width-large: 55.625rem;

scss/theme.scss

@@ -6,6 +6,7 @@
 @import './buttons';
 @import './cards';
 @import './colors';
+@import './drawer';
 @import './elevations';
 @import './inputs';
 @import './lists';