@capillarytech/blaze-ui 0.1.6-alpha.52 → 0.1.6-alpha.53

package/CapUnifiedSelect/CapUnifiedSelect.js

@@ -191,9 +191,11 @@ const CapUnifiedSelect = ({
           />
         )}
       </HeaderWrapper>
+      {bylineText &&
       <div className="cap-unified-select-header-byline-text">
-        {bylineText && <CapLabel className={classnames(disabled ? 'disabled' : '', 'cap-unified-select-header-byline-text')}>{bylineText}</CapLabel>}
+         <CapLabel className={classnames(disabled ? 'disabled' : '', 'cap-unified-select-header-byline-text')}>{bylineText}</CapLabel>
       </div>
+      }
       </>
     );
   }, [headerLabel, tooltip, bylineText, disabled]);
@@ -237,7 +239,6 @@ const CapUnifiedSelect = ({
               <CapRow
                 className={classnames("cap-unified-select-select-all-container")}
                 align="middle"
-                gap={6}
               >
                 <Checkbox
                   className={classnames("cap-unified-select-select-all-checkbox")}

package/CapUnifiedSelect/styles.js

@@ -232,7 +232,7 @@ export const selectStyles = css`
     }
     .ant-select.ant-select-focused.ant-select-outlined:not(.ant-select-disabled) .ant-select-selector {
       border-color: #7A869A !important;
-      box-shadow: 0 0 0 2px #7a869a23; 
+      box-shadow: none; 
       outline: 0;
     }
 
@@ -262,12 +262,12 @@ export const selectStyles = css`
       font-family: ${styledVars.FONT_FAMILY};
       font-weight: 400;
       font-size: 12px;
-      margin-top: -10px;
+      margin-top: -5px;
       letter-spacing: 0px;
       color: #97A0AF;
     }
     .ant-input-affix-wrapper .ant-input-prefix{
-      left: 13px;
+      left: 12px;
     }
     .ant-select-selection-item{
       background: transparent;
@@ -370,18 +370,18 @@ export const selectStyles = css`
         border: none;
         box-shadow: none;
         border-radius: 0;
+        border-bottom: 1px solid transparent;
+        transition: border-color 0.2s ease;
       }
 
       .ant-input-affix-wrapper:hover {
-        border: none;
+        border-bottom: 1px solid #7A869A !important;
         box-shadow: none;
-        border-bottom: 1px solid #EBECF0;
       }
 
       .ant-input-affix-wrapper:focus-within {
-        border: none;
+        border-bottom: 1px solid #091E42 !important;
         box-shadow: none;
-        border-bottom: 1px solid #091E42;
         outline: none;
       }
 
@@ -390,5 +390,8 @@ export const selectStyles = css`
         box-shadow: none !important;
       }
     }
+    .cap-tooltip-with-info-icon{
+      margin-top: 2px;
+    }
   }
 `; 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/blaze-ui",
   "author": "Capillary Technologies",
-  "version": "0.1.6-alpha.52",
+  "version": "0.1.6-alpha.53",
   "description": "Capillary UI component library with Ant Design v5",
   "main": "./index.js",
   "sideEffects": [