@shoplflow/extension 0.0.166 → 0.0.167

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @shoplflow/extension
 
+## 0.0.167
+
+### Patch Changes
+
+- Updated dependencies [[`821be7180ec1b1a27928a742ee72a283518e9a9f`](https://github.com/shopl/shoplflow/commit/821be7180ec1b1a27928a742ee72a283518e9a9f)]:
+  - @shoplflow/base@0.42.20
+
 ## 0.0.166
 
 ### Patch Changes

package/dist/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "@shoplflow/extension",
-  "version": "0.0.166",
+  "version": "0.0.167",
   "description": "Shoplflow 점유율 확인 extension",
   "permissions": [
     "storage"
@@ -24,7 +24,7 @@
         "src/pages/content/index.js"
       ],
       "css": [
-        "assets/css/contentStyle17628204320.chunk.css"
+        "assets/css/contentStyle17628419796.chunk.css"
       ]
     }
   ],

package/dist/src/pages/popup/index.js

@@ -113,7 +113,7 @@ var Zc=Object.defineProperty;var e3=(e,t,i)=>t in e?Zc(e,t,{enumerable:!0,config
   ${({wordBreak:e})=>e&&R`
       word-break: ${e};
     `};
-`,ye=S.exports.forwardRef(({children:e,typography:t="body1_400",whiteSpace:i,color:n="neutral700",display:o="inline-block",textAlign:s="start",textOverflow:a,className:l,as:c,...d},h)=>r(N6,{ref:h,whiteSpace:i,className:l?`${t} ${l}`:t,color:n,display:o,textAlign:s,textOverflow:a,as:c,...d,"data-shoplflow":"Text",children:e})),W6=400,j6=500,$6=560,Js=640,q6=768,X6=1040,Y6=1280,K6=1600,V1=e=>{switch(e){case"XXS":return W6;case"XS":return j6;case"S":return $6;case"M":return Js;case"L":return q6;case"XL":return X6;case"XXL":return Y6;case"XXXL":return K6;default:return Js}},Q6=(e,t)=>t==="FULL"?R`
+`,ye=S.exports.forwardRef(({children:e,typography:t="body1_400",whiteSpace:i,color:n="neutral700",display:o="inline-block",textAlign:s="start",textOverflow:a,className:l,as:c,...d},h)=>r(N6,{ref:h,whiteSpace:i,className:l?`${t} ${l}`:t,color:n,display:o,textAlign:s,textOverflow:a,as:c,...d,"data-shoplflow":"Text",children:e})),W6=400,j6=500,$6=560,Js=640,q6=768,X6=1040,Y6=1280,K6=1600,V1=e=>{switch(e){case"XXS":return W6;case"XS":return j6;case"S":return $6;case"M":return Js;case"L":return q6;case"XL":return X6;case"XXL":return Y6;case"XXXL":return K6;default:return Js}},Q6=(e,t,i)=>t==="FULL"||i?R`
       padding-top: 0;
       padding-bottom: 0;
     `:e?R`
@@ -130,6 +130,9 @@ var Zc=Object.defineProperty;var e3=(e,t,i)=>t in e?Zc(e,t,{enumerable:!0,config
     border-radius: 0;
     box-shadow: none;
   `,Z6=(e,t)=>e>1200?1200-64:e>t?t-64:e-64;L.div`
+  transition:
+    width 0.3s ease-in-out,
+    max-width 0.3s ease-in-out;
   display: flex;
   flex-direction: column;
   border-radius: ${Me.borderRadius08};
@@ -167,7 +170,7 @@ var Zc=Object.defineProperty;var e3=(e,t,i)=>t in e?Zc(e,t,{enumerable:!0,config
   min-height: ${({minHeight:e})=>e}px;
   max-height: ${({maxHeight:e})=>e}px;
   flex: 1;
-  ${({isIncludeHeader:e,sizeVar:t})=>Q6(e,t)};
+  ${({isIncludeHeader:e,sizeVar:t,padding:i})=>Q6(e,t,i)};
 `;L.div`
   display: grid;
   align-self: stretch;
@@ -181,7 +184,7 @@ var Zc=Object.defineProperty;var e3=(e,t,i)=>t in e?Zc(e,t,{enumerable:!0,config
   flex-direction: column;
   height: 100%;
   box-sizing: border-box;
-  padding: 0 24px;
+  padding: ${({padding:e})=>e||"0 24px"};
   ${({sizeVar:e})=>e==="FULL"&&R`
       padding: 0;
     `};
@@ -944,7 +947,7 @@ var Zc=Object.defineProperty;var e3=(e,t,i)=>t in e?Zc(e,t,{enumerable:!0,config
   display: flex;
   width: fit-content;
   height: fit-content;
-`,dc=Symbol("SHOPLFLOW_TREE"),xa={initial:"initial",animate:"animate",exit:"exit"},Jz=({children:e,label:t,leftSource:i,rightSource:n,depth:o=0,initialIsOpen:s,isOpen:a,disabled:l=!1,onClick:c,...d})=>{const[h,f]=jt.useState(s!=null?s:!1),u=S.exports.useId(),g=jt.Children.map(e,M=>jt.isValidElement(M)&&M.type[dc]?jt.cloneElement(M,{depth:o+1}):M),m=M=>{M.stopPropagation(),f(_=>!_)},x=M=>{if(!(l||!c))return c(M)},w=i&&jt.cloneElement(i,{disabled:l,onClick:c,...d,...i.props});S.exports.useEffect(()=>{a!==void 0&&f(a)},[a]);const b=!e&&o>0;return p(qz,{hasBackground:h||b,children:[S.exports.createElement(Xz,{disabled:l,depth:o,variants:ln,...xa,layout:!0,key:u,onClick:x,...d},p(Yz,{children:[e&&!b&&r(bn,{styleVar:"GHOST",onClick:m,sizeVar:"XS",children:r(Qz,{animate:{rotate:h?90:0,transition:{duration:.2}},children:r(ui,{iconSource:ac,sizeVar:"XS",color:"neutral400"})})}),b&&r("div",{style:{width:"24px",height:"24px",visibility:"hidden"}}),w&&w,r(lt,{padding:"0 0 0 4px",children:r(ye,{typography:"body1_400",wordBreak:"break-all",color:l?"neutral350":"neutral700",children:t})})]}),r(Kz,{children:n})),r(lo,{mode:"sync",children:h&&e&&r(Ie.div,{layout:!0,...xa,variants:ln,children:g},"children"+String(g))})]})};Jz[dc]=!0;const Zz=L.input`
+`,dc=Symbol("SHOPLFLOW_TREE"),xa={initial:"initial",animate:"animate",exit:"exit"},Jz=({children:e,label:t,leftSource:i,rightSource:n,depth:o=0,initialIsOpen:s,isOpen:a,disabled:l=!1,onClick:c,...d})=>{const[h,f]=jt.useState(s!=null?s:!1),u=S.exports.useId(),g=jt.Children.map(e,M=>jt.isValidElement(M)&&M.type[dc]?jt.cloneElement(M,{depth:o+1}):M),m=M=>{M.stopPropagation(),f(_=>!_)},x=M=>{if(!(l||!c))return c(M)},w=i&&jt.cloneElement(i,{disabled:l,onClick:c,...d,...i.props});S.exports.useEffect(()=>{a!==void 0&&f(a)},[a]);const b=!e&&o>0;return p(qz,{hasBackground:h||b,children:[S.exports.createElement(Xz,{disabled:l,depth:o,variants:ln,...xa,layout:!0,key:u,onClick:x,...d},p(Yz,{children:[e&&!b&&r(bn,{styleVar:"GHOST",onClick:m,sizeVar:"XS",children:r(Qz,{animate:{rotate:h?90:0,transition:{duration:.2}},children:r(ui,{iconSource:ac,sizeVar:"XS",color:"neutral400"})})}),b&&r("div",{style:{width:"24px",height:"24px",visibility:"hidden",flexShrink:0}}),w&&w,r(lt,{padding:"0 0 0 4px",children:r(ye,{typography:"body1_400",wordBreak:"break-all",color:l?"neutral350":"neutral700",children:t})})]}),r(Kz,{children:n})),r(lo,{mode:"sync",children:h&&e&&r(Ie.div,{layout:!0,...xa,variants:ln,children:g},"children"+String(g))})]})};Jz[dc]=!0;const Zz=L.input`
   padding: 4px 0 4px 12px;
   background-color: transparent;
   display: flex;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@shoplflow/extension",
-  "version": "0.0.166",
+  "version": "0.0.167",
   "license": "MIT",
   "description": "Shoplflow 점유율 확인 extension",
   "type": "module",
   "dependencies": {
-    "@shoplflow/base": "^0.42.19",
+    "@shoplflow/base": "^0.42.20",
     "chart.js": "^4.4.0",
     "construct-style-sheets-polyfill": "^3.1.0",
     "react": "18.2.0",

package/public/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "@shoplflow/extension",
-  "version": "0.0.166",
+  "version": "0.0.167",
   "description": "Shoplflow 점유율 확인 extension",
   "permissions": [
     "storage"
@@ -24,7 +24,7 @@
         "src/pages/content/index.js"
       ],
       "css": [
-        "assets/css/contentStyle17628204320.chunk.css"
+        "assets/css/contentStyle17628419796.chunk.css"
       ]
     }
   ],