react-core-ts 1.8.5 → 1.8.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-core-ts",
-  "version": "1.8.5",
+  "version": "1.8.7",
   "description": "React Components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/ReactCheckbox.tsx

@@ -1,7 +1,7 @@
-import React from 'react'
+import React from 'react';
 
-import { CheckboxProps } from './commontypes'
-import CustomIcons from './components/customIcons'
+import { CheckboxProps } from './commontypes';
+import CustomIcons from './components/customIcons';
 
 const Checkbox: React.FC<CheckboxProps> = ({
   name,
@@ -13,21 +13,21 @@ const Checkbox: React.FC<CheckboxProps> = ({
   checked,
   className: propsClassName,
   value,
-  labalClass
+  labalClass,
 }) => {
   const getIconName = () => {
     if (checked) {
       if (disabled) {
         return intermediate
           ? 'input_intermediate_check_disabled'
-          : 'input_checked_disabled'
+          : 'input_checked_disabled';
       } else {
-        return intermediate ? 'input_intermediate_check' : 'input_checked'
+        return intermediate ? 'input_intermediate_check' : 'input_checked';
       }
     } else {
-      return disabled ? 'input_unchecked_disabled' : 'input_unchecked'
+      return disabled ? 'input_unchecked_disabled' : 'input_unchecked';
     }
-  }
+  };
 
   return (
     <div
@@ -63,11 +63,9 @@ const Checkbox: React.FC<CheckboxProps> = ({
           </div>
         </label>
       </div>
-      <div className={labalClass} title={label}>
-        {label}
-      </div>
+      <div className={labalClass}>{label}</div>
     </div>
   );
-}
+};
 
-export default Checkbox
+export default Checkbox;

package/src/styles/components/autocomplete.css

@@ -655,13 +655,13 @@ span.dropdown-search-icon {
   cursor: pointer;
   outline: none;
   box-shadow: none;
+  word-break: break-all;
+  word-wrap: break-word;
+  width: auto;
 }
 
 .qbs-autocomplete-suggections-items.is-selected {
   background-color: #f1f5f9;
-  word-break: break-all;
-  word-wrap: break-word;
-  width: auto;
   /* width: max-content; */
 }