ingred-ui 25.12.0 → 25.12.1

package/dist/index.es.js

@@ -20,16 +20,13 @@ import*as e from"react";import t,{forwardRef as n,useState as r,useRef as i,useE
   ${Q};
   ${({theme:e,gap:t})=>t&&`gap: ${e.spacing*t}px`};
 `,K=y.div`
-  border-top: ${({theme:e})=>`1px solid ${e.palette.divider}`};
+  border-bottom: ${({theme:e})=>`1px solid ${e.palette.gray.main}`};
 `,ee=y(q)`
-  background-color: ${({disabled:e,theme:t})=>t.palette.gray.light};
+  background-color: ${({theme:e})=>e.palette.gray.highlight};
   color: ${({disabled:e,theme:t})=>e?t.palette.text.disabled:"auto"};
   cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
-  pointer-events: ${({disabled:e})=>e?"none":"auto"};
+
   justify-content: space-between;
-  transition:
-    background-color 0.3s,
-    border-top 0.3s;
 `,te=y.div`
   padding: ${({theme:e})=>e.spacing}px
     ${({theme:e})=>2*e.spacing}px;
@@ -54,7 +51,7 @@ import*as e from"react";import t,{forwardRef as n,useState as r,useRef as i,useE
   overflow: ${({overflow:e})=>e};
   transition: 0.3s all;
   background-color: ${({theme:e})=>e.palette.white};
-`,oe=n((function(e,n){var{title:a,expanded:l=!1,disabled:s=!1,onChange:c,children:d}=e,u=$(e,["title","expanded","disabled","onChange","children"]);const p=j(),[m,h]=r(l),[g,f]=r("0px"),[b,v]=r("hidden"),y=i(null),x=e=>{var t,n,r,i;e?f(`${null!==(n=null===(t=y.current)||void 0===t?void 0:t.scrollHeight)&&void 0!==n?n:0}px`):(f(`${null!==(i=null===(r=y.current)||void 0===r?void 0:r.scrollHeight)&&void 0!==i?i:0}px`),v("hidden"),setTimeout((()=>f("0px")),100))},w=(e,t)=>{h(t),x(t),c&&c(e,t)};return o((()=>{h(l),x(l)}),[l]),t.createElement(K,Object.assign({ref:n},u),t.createElement(ee,{display:"flex",tabIndex:s?-1:0,role:"button","aria-expanded":m,"aria-controls":`accordion-content-${a}`,expanded:m,disabled:s,onClick:e=>{w(e,!m)},onKeyDown:e=>{"Enter"===e.key&&w(e,!m)}},t.createElement(te,null,a),t.createElement(re,null,t.createElement(ne,{expanded:m},t.createElement(U,{name:"arrow_bottom",size:"md",color:s?p.palette.text.disabled:"black"})))),t.createElement(ie,{ref:y,height:g,overflow:b,onTransitionEnd:()=>{m&&(f("auto"),v("visible"))}},d))})),ae=y.p`
+`,oe=n((function(e,n){var{title:a,expanded:l=!1,disabled:s=!1,onChange:c,children:d}=e,u=$(e,["title","expanded","disabled","onChange","children"]);const p=j(),[m,h]=r(l),[g,f]=r("0px"),[b,v]=r("hidden"),y=i(null),x=e=>{var t,n,r,i;e?f(`${null!==(n=null===(t=y.current)||void 0===t?void 0:t.scrollHeight)&&void 0!==n?n:0}px`):(f(`${null!==(i=null===(r=y.current)||void 0===r?void 0:r.scrollHeight)&&void 0!==i?i:0}px`),v("hidden"),setTimeout((()=>f("0px")),100))},w=(e,t)=>{h(t),x(t),c&&c(e,t)};return o((()=>{h(l),x(l)}),[l]),t.createElement(K,Object.assign({ref:n},u),t.createElement(ee,{display:"flex",tabIndex:s?-1:0,role:"button","aria-expanded":m,"aria-disabled":s,"aria-controls":`accordion-content-${a}`,expanded:m,disabled:s,onClick:e=>{s||w(e,!m)},onKeyDown:e=>{s||"Enter"===e.key&&w(e,!m)}},t.createElement(te,null,a),t.createElement(re,null,t.createElement(ne,{expanded:m},t.createElement(U,{name:"arrow_bottom",size:"md",color:s?p.palette.text.disabled:"black"})))),t.createElement(ie,{ref:y,height:g,overflow:b,onTransitionEnd:()=>{m&&(f("auto"),v("visible"))}},d))})),ae=y.p`
   color: ${({color:e})=>e};
   text-align: ${({align:e})=>e};
   font-size: ${({fontSize:e})=>e};
@@ -2260,6 +2257,10 @@ object-assign
   }
 `,kw=y.div`
   position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 4px;
   box-sizing: border-box;
   padding: 8px ${({isSmallLayout:e})=>e?6:10}px;
   height: 100%;
@@ -2345,10 +2346,6 @@ object-assign
   font-size: 13px;
   line-height: 16px;
   color: ${({theme:e})=>e.palette.black};
-
-  &:not(:last-child) {
-    margin-bottom: 4px;
-  }
 `,$w=y.button`
   padding: 0;
   border: 0;
@@ -2698,7 +2695,7 @@ object-assign
 `,UC=y(XC)`
   border-bottom: 1px solid ${({theme:e})=>e.palette.divider};
 `,QC=y(oe)`
-  border-top: none;
+  border-bottom: none;
 `,qC=y.div`
   padding-left: ${({theme:e})=>e.spacing/2}px;
 `,KC=({children:e,disableCheckbox:n=!1,item:r,onAdd:i,onRemove:o})=>{var a;return t.createElement(q,{display:"flex",justifyContent:"space-between"},r.items||n?e:t.createElement(Rh,{checked:null!==(a=null==r?void 0:r.selected)&&void 0!==a&&a,onClick:()=>{r.selected?null==o||o(r):null==i||i(r)}},e))},eE=({disableCheckbox:e,items:n,onAdd:r,onRemove:i})=>t.createElement(YC,null,n.map(((o,a)=>t.createElement(t.Fragment,null,o.items?t.createElement(UC,{key:o.id},t.createElement(QC,{title:t.createElement(qC,null,t.createElement(KC,{item:o,onAdd:r,onRemove:i},o.content))},t.createElement(eE,{disableCheckbox:e,items:o.items,onAdd:r,onRemove:i}))):t.createElement(JC,{key:o.id,isLastIndex:a+1===n.length},t.createElement(KC,{disableCheckbox:e,item:o,onAdd:r,onRemove:i},o.content)))))),tE=y.div`