@unbxd-ui/unbxd-react-components 0.3.2-beta.1 → 0.3.2-beta.2

package/components/Accordian/accordianCore.scss

@@ -0,0 +1,8 @@
+.RCB {
+    &-accordian-title {
+       cursor: pointer;
+    }
+    &-list {
+        list-style-type: none;
+    }
+}

package/components/Accordian/accordianTheme.scss

@@ -0,0 +1,6 @@
+.RCB {
+    &-accordian-title {
+        padding: 10px;
+        border: 1px solid #ccc;
+    }
+}

package/components/Button/button.css

@@ -0,0 +1 @@
+.RCB-btn{border-radius:3px;cursor:pointer}.RCB-btn-default:hover{background:#f3f3f3}.RCB-btn-primary{background:#1fa7fd;color:#FFF;border:0}.RCB-btn-primary:hover{background:#208dd2}.RCB-btn-secondary{background:#FFF;border:1px solid #95c7e7}.RCB-btn-secondary:hover{background:#eef8ff}.RCB-btn-small{padding:6px 8px}.RCB-btn-medium{padding:10px 15px}.RCB-btn-large{padding:15px 22px}

package/components/Button/buttonTheme.scss

@@ -0,0 +1,94 @@
+.RCB {
+    &-btn {
+        border-radius: 3px;
+        cursor: pointer;
+    }
+
+    &-btn {
+        padding: 8px 12px;
+
+        &-default {
+            &:hover {
+                background: #f3f3f3;
+            }
+        }
+    
+        &-primary {
+            background: #3E71F2;
+            color: #FFF;
+            border: 0;
+    
+            &:hover {
+                background: #3865D9;
+            }
+        }
+    
+        &-secondary {
+            background: #FFF;
+            border: 1px solid #95c7e7;
+    
+            &:hover {
+                background: #eef8ff;
+            }
+        }
+    
+        &-link {
+            all: unset !important;
+            background: transparent !important;
+            border: none !important;
+            color: #3E71F2 !important;
+            padding: 0 !important;
+            font-size: inherit !important;
+            height: auto !important;
+            font-weight: normal !important;
+            border-radius: 0 !important;
+            cursor: pointer !important;
+            display: inline !important;
+            font-weight: 500 !important;
+            
+            &:hover:not(:disabled) {
+                color: #3865D9 !important;
+                background: transparent !important;
+            }
+            
+            &:disabled,
+            &[disabled] {
+                all: unset !important;
+                opacity: 0.5 !important;
+                cursor: not-allowed !important;
+                color: #3E71F2 !important;
+                background: transparent !important;
+                border: none !important;
+                font-weight: normal !important;
+                box-shadow: none !important;
+                outline: none !important;
+                display: inline !important;
+                padding: 0 !important;
+                margin: 0 !important;
+                height: auto !important;
+                width: auto !important;
+                vertical-align: baseline !important;
+                font-size: inherit !important;
+            }
+
+            // Override size padding for link buttons
+            &.RCB-btn-small,
+            &.RCB-btn-medium,
+            &.RCB-btn-large {
+                padding: 0 !important;
+            }
+        }
+    
+        &-small {
+            padding: 8px 12px;
+        }
+    
+        &-medium {
+            padding: 10px 15px;
+        }
+    
+        &-large {
+            padding: 15px 22px;
+        }
+    }
+}

package/components/Form/SearchableDropdown.js

@@ -337,8 +337,8 @@ var SearchableDropdown = function SearchableDropdown(props, ref) {
   //     }
   // };
 
-  var clearSelectedItems = function clearSelectedItems(evnt) {
-    evnt.stopPropagation();
+  var clearSelectedItems = function clearSelectedItems(e) {
+    e.stopPropagation();
     setSelectedItems([]);
     setSearchQuery("");
     typeof onClear === "function" && onClear();

package/components/Form/SelectedPills.js

@@ -36,17 +36,19 @@ var SelectedPills = function SelectedPills(_ref) {
   var wrapperRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     if (!showAllTags) {
-      var handleClickOutside = function handleClickOutside(event) {
-        if (wrapperRef.current && !wrapperRef.current.contains(event.target) && showAll) {
-          setShowAll(false);
-        }
-      };
-      if (showAll) {
-        document.addEventListener("mousedown", handleClickOutside);
-      }
-      return function () {
-        document.removeEventListener("mousedown", handleClickOutside);
-      };
+      // const handleClickOutside = (event) => {
+      //   // if (wrapperRef.current && !wrapperRef.current.contains(event.target) && showAll) {
+      //   //   setShowAll(false);
+      //   // }
+      // };
+
+      // if (showAll) {
+      //   document.addEventListener("mousedown", handleClickOutside);
+      // }
+
+      // return () => {
+      //   document.removeEventListener("mousedown", handleClickOutside);
+      // };
     }
   }, [showAll, showAllTags]);
   var shouldShowMore = !showAllTags && tagsData.length > count;

package/components/Form/form.css

@@ -0,0 +1 @@
+.RCB-form-el-inline{margin:20px 0;display:inline-block}.RCB-form-el-inline .RCB-form-el-label{margin-right:15px}.RCB-form-el-block{margin:20px 0}.RCB-form-el-block .RCB-form-el-label{display:block}.RCB-dropdown .RCB-list-item{list-style-type:none;padding:10px;cursor:pointer}.RCB-dropdown .RCB-list-item:hover{background-color:#eee}.RCB-dropdown .RCB-list-item.selected{background-color:#eee}.RCB-select-arrow{float:right;font-size:12px;color:#96a9bc;margin-right:12px;margin-left:8px}.RCB-select-arrow:after{content:"\25BC";vertical-align:middle}.RCB-file-input{cursor:pointer}.RCB-drag-drop-uploader{border:2px dashed rgba(104,128,145,0.42);padding:20px;text-align:center}.RCB-drag-over{background:#f3f3f3}.RCB-toggle{padding:2px 3px;background-color:#FFF;border:1px solid #CCC;border-radius:20px;cursor:pointer}.RCB-toggle.active{background-color:#2cb191}.RCB-toggle.active .RCB-toggle-knob{background-color:#FFF}.RCB-toggle-knob{background-color:#8399ae;border-radius:50%;-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-ms-transition:transform .3s ease;transition:transform .3s ease}