@proprioo/salatim 28.3.0 → 28.3.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 ## Changelog
 
+**28.3.2**
+
+    * Fix: <Tag/> add hover to delete button
+
+**28.3.1**
+
+    * Fix: avoid propagation click scrollbar
+
 **28.3.0**
 
     * Feat: add Lebanon to phone components

package/lib/index.js

@@ -1063,6 +1063,7 @@ object-assign
   overflow: auto;
   height: 100%;
   max-height: ${w(100)};
+  cursor: pointer;
 `,Q$=f.default.div`
   ${O};
   font-size: ${E.small};
@@ -1071,7 +1072,7 @@ object-assign
   :first-child {
     margin-top: 0;
   }
-`;class eD extends t.PureComponent{constructor(e){super(e),this.selectItem=this.selectItem.bind(this)}selectItem(e){const{onClose:t,onSelect:r}=this.props;r(e),t()}componentDidUpdate(){const{selectedOptionRef:e}=this.props;e.current&&e.current.scrollIntoView&&e.current.scrollIntoView({behavior:"smooth",block:"nearest",inline:"end"})}render(){const{isOpen:e,options:t,optionsMinWidth:r,optionsAlign:n,selectRef:o,selectedOptionRef:a,value:i}=this.props;return e?c.default.createElement(J$,{optionsMinWidth:r,optionsAlign:n,"data-test":"select-layout",ref:o},c.default.createElement(X$,{role:"list"},t.map(((e,t)=>c.default.createElement(Q$,{"aria-label":e.label,key:t,role:"listitem",ref:K$(e.value,i)?a:void 0},c.default.createElement(Y$,{value:i,option:e,onSelect:()=>this.selectItem(e)})))))):null}}var tD=t.forwardRef(((e,t)=>c.default.createElement(eD,Object.assign({ref:t},e))));const rD=f.default.div`
+`;class eD extends t.PureComponent{constructor(e){super(e),this.selectItem=this.selectItem.bind(this)}selectItem(e){const{onClose:t,onSelect:r}=this.props;r(e),t()}componentDidUpdate(){const{selectedOptionRef:e}=this.props;e.current&&e.current.scrollIntoView&&e.current.scrollIntoView({behavior:"smooth",block:"nearest",inline:"end"})}render(){const{isOpen:e,options:t,optionsMinWidth:r,optionsAlign:n,selectRef:o,selectedOptionRef:a,value:i}=this.props;return e?c.default.createElement(J$,{optionsMinWidth:r,optionsAlign:n,"data-test":"select-layout",ref:o,onMouseDown:e=>e.stopPropagation()},c.default.createElement(X$,{role:"list"},t.map(((e,t)=>c.default.createElement(Q$,{"aria-label":e.label,key:t,role:"listitem",ref:K$(e.value,i)?a:void 0},c.default.createElement(Y$,{value:i,option:e,onSelect:()=>this.selectItem(e)})))))):null}}var tD=t.forwardRef(((e,t)=>c.default.createElement(eD,Object.assign({ref:t},e))));const rD=f.default.div`
   position: absolute;
   top: ${w(8)};
   right: ${w(16)};
@@ -2584,16 +2585,20 @@ object-assign
   width: ${w(12)};
   height: ${w(12)};
   margin-left: ${w(8)};
+  cursor: pointer;
 
   ${({appearance:e})=>e===exports.TagAppearance.CUSTOMER&&n.css`
       margin-right: ${w(8)};
     `}
 
-  cursor: pointer;
-
   > svg {
     width: 100%;
     height: 100%;
+    transition: opacity 0.2s ease;
+
+    :hover {
+      opacity: 0.7;
+    }
   }
 `,iI=f.default.li`
   white-space: nowrap;