Merge release/1.36.0 into main branch (#753)

* Add aria-label for trailingIconOnClickSubmit Input (#751)

* add Grid components (Container, Row, Col) (#750)

* add Popover (#717)

Author: github-actions[bot]

package.json

@@ -1,8 +1,8 @@
 {
   "name": "@user-interviews/ui-design-system",
-  "version": "1.35.0",
+  "version": "1.36.0",
   "dependencies": {
-    "react-bootstrap": "^2.0.2",
+    "react-bootstrap": "^2.5.0",
     "react-router-dom": "^5.2.0",
     "react-select": "^5.0.0",
     "react-toggle": "4.1.1",

scss/cards.scss

@@ -0,0 +1,7 @@
+$card-xs-spacing: 1rem;
+$card-sm-spacing: 1.25rem;
+$card-spacing: 1.5rem;
+$card-width: 56rem;
+$card-width-md: 40rem;
+$card-width-sm: 32rem;
+$card-width-xs: 15rem;

scss/theme.scss

@@ -3,6 +3,7 @@
 @import './borders';
 @import './box_shadow';
 @import './buttons';
+@import './cards';
 @import './colors';
 @import './elevations';
 @import './inputs';

scss/z_stack.scss

@@ -9,6 +9,7 @@
 // Note look to update `z_stack.js` when changing these
 
 // By Level
+$z-index-1050: 1050;
 $z-index-1045: 1045;
 $z-index-1040: 1040;
 $z-index-1030: 1030;
@@ -26,6 +27,7 @@ $z-index-2: 2;
 $z-index-1: 1;
 
 // By Purpose
+$z-index-popover: $z-index-1050;
 $z-index-flash: $z-index-1045;
 $z-index-drawer: $z-index-1040;
 $z-index-modal-backdrop: $z-index-1040; // Matches bootstrap $zindex-modal-backdrop