period-ui 0.2.5 → 0.2.7

package/dist/components/atoms/accordion/components/accordion-item.js

@@ -29,6 +29,6 @@ function AccordionItem({ isOpen, label, content, className, children, labelClass
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col w-full overflow-hidden', containerClassName), children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: handleClick, className: (0, tailwind_utils_1.tailwind)('flex justify-between items-center rounded-lg py-4 px-2 md:px-4', 'hover:bg-[#F4F4F5]', 'focus-visible:outline-2 focus-visible:bg-gray-05 focus-visible:outline-offset-0 focus:outline-blue-01', className), children: [(0, jsx_runtime_1.jsx)("div", { className: "flex min-w-0 overflow-hidden", children: (0, jsx_runtime_1.jsx)(__1.Text, { variant: labelVariant, className: (0, tailwind_utils_1.tailwind)('select-none truncate', labelClassName), color: __1.TextColors.BLACK, children: label }) }), (0, jsx_runtime_1.jsxs)("div", { className: "relative w-6 h-6 flex-shrink-0 ml-2", children: [(0, jsx_runtime_1.jsx)(__1.BilloIcon, { size: isMobile ? __1.IconSize.LG : __1.IconSize.XL, icon: __1.IconSymbol.CHEVRON_UP, className: (0, tailwind_utils_1.tailwind)('text-blue-01 absolute top-0 left-0 transition-all duration-300', isAccordionOpen ? 'opacity-100' : 'opacity-0') }), (0, jsx_runtime_1.jsx)(__1.BilloIcon, { size: isMobile ? __1.IconSize.LG : __1.IconSize.XL, icon: __1.IconSymbol.CHEVRON_DOWN, className: (0, tailwind_utils_1.tailwind)('text-blue-01 absolute top-0 left-0 transition-all duration-300', isAccordionOpen ? 'opacity-0' : 'opacity-100 ') })] })] }), (0, jsx_runtime_1.jsx)("div", { ref: contentRef, className: (0, tailwind_utils_1.tailwind)('overflow-hidden transition-all duration-300 ease-in-out'), style: {
                         maxHeight: isAccordionOpen ? `${contentHeight}px` : '0px',
                         opacity: isAccordionOpen ? 1 : 0,
-                    }, children: (0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('pb-6 pt-2 px-2 md:px-4'), children: (0, jsx_runtime_1.jsx)(__1.Text, { variant: __1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('flex flex-col select-none whitespace-normal', contentClassName), children: content ?? children }) }) })] }) }));
+                    }, children: (0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('pb-6 pt-2 px-2 md:px-4'), children: (0, jsx_runtime_1.jsx)(__1.Text, { variant: __1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('flex flex-col whitespace-normal', contentClassName), children: content ?? children }) }) })] }) }));
 }
 //# sourceMappingURL=accordion-item.js.map

package/dist/components/atoms/accordion/components/accordion-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../../../src/components/atoms/accordion/components/accordion-item.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../../../src/components/atoms/accordion/components/accordion-item.tsx"],"names":[],"mappings":"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"}

package/dist/components/atoms/text/text-types.d.ts

@@ -7,7 +7,9 @@ export declare enum TextVariant {
     BODY_SEMIBOLD = "bodySemibold",
     BODY_BOLD = "bodyBold",
     LINK = "link",
-    HELPER = "helper"
+    HELPER = "helper",
+    HELPER_SEMIBOLD = "helperSemibold",
+    HELPER_BOLD = "helperBold"
 }
 export declare const TextStyle: Record<TextVariant, string>;
 export declare enum TextColors {

package/dist/components/atoms/text/text-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/text/text-types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,WAAW;IACrB,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,aAAa,iBAAiB;IAC9B,SAAS,aAAa;IACtB,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAajD,CAAC;AAEF,oBAAY,UAAU;IACpB,KAAK,eAAe;IACpB,KAAK,iBAAiB;IACtB,QAAQ,iBAAiB;IACzB,QAAQ,iBAAiB;IACzB,IAAI,iBAAiB;IACrB,OAAO,iBAAiB;IACxB,GAAG,gBAAgB;IACnB,MAAM,gBAAgB;IACtB,MAAM,mBAAmB;CAC1B;AAED,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,IAC9F,GAAG,CAAC,wBAAwB,CAAC,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC;AAErE,KAAK,MAAM,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI;IAKzC,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAOF,MAAM,MAAM,eAAe,CAAC,aAAa,GAAG,EAAE,EAAE,aAAa,GAAG,EAAE,IAAI,aAAa,GACjF,IAAI,CAAC,aAAa,EAAE,MAAM,aAAa,CAAC,CAAC;AAO3C,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE,IAAI,eAAe,CAC5F,OAAO,CAAC,CAAC,CAAC,EACV,KAAK,CACN,CAAC;AAMF,MAAM,MAAM,yBAAyB,CACnC,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,EAAE,IACR,uBAAuB,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAElD,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAEhG,MAAM,MAAM,gCAAgC,CAC1C,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,EAAE,IACR,yBAAyB,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC"}
+{"version":3,"file":"text-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/text/text-types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,WAAW;IACrB,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,aAAa,iBAAiB;IAC9B,SAAS,aAAa;IACtB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,eAAe,mBAAmB;IAClC,WAAW,eAAe;CAC3B;AAED,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAiBjD,CAAC;AAEF,oBAAY,UAAU;IACpB,KAAK,eAAe;IACpB,KAAK,iBAAiB;IACtB,QAAQ,iBAAiB;IACzB,QAAQ,iBAAiB;IACzB,IAAI,iBAAiB;IACrB,OAAO,iBAAiB;IACxB,GAAG,gBAAgB;IACnB,MAAM,gBAAgB;IACtB,MAAM,mBAAmB;CAC1B;AAED,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,IAC9F,GAAG,CAAC,wBAAwB,CAAC,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC;AAErE,KAAK,MAAM,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI;IAKzC,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAOF,MAAM,MAAM,eAAe,CAAC,aAAa,GAAG,EAAE,EAAE,aAAa,GAAG,EAAE,IAAI,aAAa,GACjF,IAAI,CAAC,aAAa,EAAE,MAAM,aAAa,CAAC,CAAC;AAO3C,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE,IAAI,eAAe,CAC5F,OAAO,CAAC,CAAC,CAAC,EACV,KAAK,CACN,CAAC;AAMF,MAAM,MAAM,yBAAyB,CACnC,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,EAAE,IACR,uBAAuB,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAElD,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAEhG,MAAM,MAAM,gCAAgC,CAC1C,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,EAAE,IACR,yBAAyB,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC"}

package/dist/components/atoms/text/text-types.js

@@ -11,6 +11,8 @@ var TextVariant;
     TextVariant["BODY_BOLD"] = "bodyBold";
     TextVariant["LINK"] = "link";
     TextVariant["HELPER"] = "helper";
+    TextVariant["HELPER_SEMIBOLD"] = "helperSemibold";
+    TextVariant["HELPER_BOLD"] = "helperBold";
 })(TextVariant || (exports.TextVariant = TextVariant = {}));
 exports.TextStyle = {
     [TextVariant.HEADLINE]: 'font-semibold text-[20px] leading-[26px] md:text-[28px] md:leading-[42px]',
@@ -21,6 +23,8 @@ exports.TextStyle = {
     [TextVariant.BODY_BOLD]: 'font-bold text-[14px] leading-[18px] md:text-[16px] md:leading-[24px]',
     [TextVariant.LINK]: 'cursor-pointer underline font-normal text-[14px] leading-[18px] md:text-[16px] md:leading-[24px]',
     [TextVariant.HELPER]: 'font-normal text-[12px] leading-[16px] md:text-[14px] md:leading-[21px]',
+    [TextVariant.HELPER_SEMIBOLD]: 'font-semibold text-[12px] leading-[16px] md:text-[14px] md:leading-[21px]',
+    [TextVariant.HELPER_BOLD]: 'font-semibold text-[12px] leading-[16px] md:text-[14px] md:leading-[21px]',
 };
 var TextColors;
 (function (TextColors) {

package/dist/components/atoms/text/text-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/text/text-types.ts"],"names":[],"mappings":";;;AAGA,IAAY,WASX;AATD,WAAY,WAAW;IACrB,oCAAqB,CAAA;IACrB,oCAAqB,CAAA;IACrB,gCAAiB,CAAA;IACjB,4BAAa,CAAA;IACb,6CAA8B,CAAA;IAC9B,qCAAsB,CAAA;IACtB,4BAAa,CAAA;IACb,gCAAiB,CAAA;AACnB,CAAC,EATW,WAAW,2BAAX,WAAW,QAStB;AAEY,QAAA,SAAS,GAAgC;IACpD,CAAC,WAAW,CAAC,QAAQ,CAAC,EACpB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,QAAQ,CAAC,EACpB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,uEAAuE;IAC7F,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,yEAAyE;IAC7F,CAAC,WAAW,CAAC,aAAa,CAAC,EACzB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,uEAAuE;IAChG,CAAC,WAAW,CAAC,IAAI,CAAC,EAChB,kGAAkG;IACpG,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,yEAAyE;CAChG,CAAC;AAEF,IAAY,UAUX;AAVD,WAAY,UAAU;IACpB,kCAAoB,CAAA;IACpB,oCAAsB,CAAA;IACtB,uCAAyB,CAAA;IACzB,uCAAyB,CAAA;IACzB,mCAAqB,CAAA;IACrB,sCAAwB,CAAA;IACxB,iCAAmB,CAAA;IACnB,oCAAsB,CAAA;IACtB,uCAAyB,CAAA;AAC3B,CAAC,EAVW,UAAU,0BAAV,UAAU,QAUrB"}
+{"version":3,"file":"text-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/text/text-types.ts"],"names":[],"mappings":";;;AAGA,IAAY,WAWX;AAXD,WAAY,WAAW;IACrB,oCAAqB,CAAA;IACrB,oCAAqB,CAAA;IACrB,gCAAiB,CAAA;IACjB,4BAAa,CAAA;IACb,6CAA8B,CAAA;IAC9B,qCAAsB,CAAA;IACtB,4BAAa,CAAA;IACb,gCAAiB,CAAA;IACjB,iDAAkC,CAAA;IAClC,yCAA0B,CAAA;AAC5B,CAAC,EAXW,WAAW,2BAAX,WAAW,QAWtB;AAEY,QAAA,SAAS,GAAgC;IACpD,CAAC,WAAW,CAAC,QAAQ,CAAC,EACpB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,QAAQ,CAAC,EACpB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,uEAAuE;IAC7F,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,yEAAyE;IAC7F,CAAC,WAAW,CAAC,aAAa,CAAC,EACzB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,uEAAuE;IAChG,CAAC,WAAW,CAAC,IAAI,CAAC,EAChB,kGAAkG;IACpG,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,yEAAyE;IAC/F,CAAC,WAAW,CAAC,eAAe,CAAC,EAC3B,2EAA2E;IAC7E,CAAC,WAAW,CAAC,WAAW,CAAC,EACvB,2EAA2E;CAC9E,CAAC;AAEF,IAAY,UAUX;AAVD,WAAY,UAAU;IACpB,kCAAoB,CAAA;IACpB,oCAAsB,CAAA;IACtB,uCAAyB,CAAA;IACzB,uCAAyB,CAAA;IACzB,mCAAqB,CAAA;IACrB,sCAAwB,CAAA;IACxB,iCAAmB,CAAA;IACnB,oCAAsB,CAAA;IACtB,uCAAyB,CAAA;AAC3B,CAAC,EAVW,UAAU,0BAAV,UAAU,QAUrB"}

package/dist/components/molecules/drawer/components/content.d.ts

@@ -5,5 +5,5 @@ type Props = {
     children?: ReactElement | ReactElement[];
 };
 export declare function ExtendableContentView({ children, className }: Props): import("react/jsx-runtime").JSX.Element;
-export type { Props as ExtendableContentProps };
+export {};
 //# sourceMappingURL=content.d.ts.map

package/dist/components/molecules/drawer/components/content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/drawer/components/content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,MAAM,OAAO,CAAC;AAG7C,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CAC1C,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,KAAK,2CAWnE;AAED,YAAY,EAAE,KAAK,IAAI,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/drawer/components/content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAA+B,MAAM,OAAO,CAAC;AAClE,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CAC1C,CAAC;AACF,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,KAAK,2CAqCnE"}

package/dist/components/molecules/drawer/components/content.js

@@ -2,10 +2,27 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExtendableContentView = ExtendableContentView;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
 const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
+const react_1 = require("react");
 function ExtendableContentView({ children, className }) {
     const ref = (0, react_1.useRef)(null);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, tailwind_utils_1.tailwind)('flex flex-col flex-1 overflow-auto -mx-6 px-6 -mb-1 pb-1', className), children: children }));
+    const [hasScroll, setHasScroll] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        const element = ref.current;
+        if (!element)
+            return;
+        const check = () => {
+            const hasScrollNow = element.scrollHeight > element.clientHeight;
+            setHasScroll(hasScrollNow);
+        };
+        check();
+        const resizeObserver = new ResizeObserver(check);
+        resizeObserver.observe(element);
+        resizeObserver.observe(document.body);
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, tailwind_utils_1.tailwind)('flex flex-col flex-1 overflow-auto -mx-6 px-6 md:-mx-8 md:px-8 -mb-1 pb-1', hasScroll && 'md:pr-5', className), children: children }));
 }
 //# sourceMappingURL=content.js.map

package/dist/components/molecules/drawer/components/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../../../src/components/molecules/drawer/components/content.tsx"],"names":[],"mappings":";;AASA,sDAWC;;AApBD,iCAA6C;AAC7C,qEAA4D;AAQ5D,SAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAS;IAClE,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,yBAAQ,EAAC,0DAA0D,EAAE,SAAS,CAAC,YAEzF,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../../../src/components/molecules/drawer/components/content.tsx"],"names":[],"mappings":";;AAOA,sDAqCC;;AA5CD,2DAAkD;AAClD,iCAAkE;AAMlE,SAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAS;IAClE,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,KAAK,GAAG,GAAG,EAAE;YACjB,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;YACjE,YAAY,CAAC,YAAY,CAAC,CAAC;QAC7B,CAAC,CAAC;QAEF,KAAK,EAAE,CAAC;QAER,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC;QACjD,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEhC,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEtC,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,yBAAQ,EACjB,2EAA2E,EAC3E,SAAS,IAAI,SAAS,EACtB,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/molecules/drawer/components/drawer-component.d.ts

@@ -8,7 +8,7 @@ type Props = {
     children: ReactElement | ReactElement[];
     isRightDirection?: boolean;
     className?: string;
-    onClose: () => void;
+    onClose?: () => void;
 };
 export declare function DrawerComponent({ title, isPanel, options, titleVariant, children, className, isRightDirection, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/molecules/drawer/components/drawer-component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-component.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/drawer/components/drawer-component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAEL,uBAAuB,EAMvB,WAAW,EACZ,MAAM,UAAU,CAAC;AAIlB,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACpC,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,OAAY,EACZ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,OAAO,GACR,EAAE,KAAK,2CA4DP"}
+{"version":3,"file":"drawer-component.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/drawer/components/drawer-component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAEL,uBAAuB,EAMvB,WAAW,EACZ,MAAM,UAAU,CAAC;AAIlB,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACpC,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,OAAY,EACZ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,OAAO,GACR,EAAE,KAAK,2CA+DP"}

package/dist/components/molecules/drawer/components/drawer-component.js

@@ -7,11 +7,11 @@ const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
 const window_dimensions_utils_1 = require("../../../../utils/window-dimensions-utils");
 function DrawerComponent({ title, isPanel, options = [], titleVariant, children, className, isRightDirection, onClose, }) {
     const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col p-6 pt-4 w-[440px] h-full', 'transform bg-white', {
-            'rounded-l-2xl': !isPanel,
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col p-6 md:p-8 w-full md:w-[440px] h-full', 'transform bg-white', {
+            'rounded-l-2xl': !isPanel && !isMobile,
             'border border-y-transparent': isPanel,
             'border-l-gray-four border-r-transparent': isPanel && isRightDirection,
             'border-l-transparent border-r-gray-four': isPanel && !isRightDirection,
-        }, className), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row justify-start items-start bg-white sticky', children && 'mb-6'), children: [(0, jsx_runtime_1.jsx)(__1.IconButton, { onClick: onClose, icon: __1.IconSymbol.CHEVRON_LEFT, className: "shrink-0", size: isMobile ? __1.IconSize.LG : __1.IconSize.XL }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: titleVariant, className: (0, tailwind_utils_1.tailwind)('whitespace-normal pt-[5px] pb-[3px] mx-[4px]'), color: __1.TextColors.BLACK, children: title }), options.length > 0 && ((0, jsx_runtime_1.jsx)(__1.DropDownMenu, { selectedIDs: [], options: options, className: "ml-auto", dropDownClassName: (0, tailwind_utils_1.tailwind)('right-0'), children: (0, jsx_runtime_1.jsx)(__1.IconButton, { icon: __1.IconSymbol.THREE_DOT, className: "shrink-0 self-end", size: isMobile ? __1.IconSize.LG : __1.IconSize.XL }) }))] }), children] }));
+        }, className), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row sticky justify-start items-center bg-white', isMobile && 'border-b border-gray-04 -mx-6 md:-mx-8 -mt-6 px-[13px] py-[11px]', children && 'mb-8 md:mb-6'), children: [(isMobile || onClose || !isPanel) && ((0, jsx_runtime_1.jsx)(__1.IconButton, { onClick: onClose, icon: __1.IconSymbol.CHEVRON_LEFT, className: "shrink-0", size: isMobile ? __1.IconSize.LG : __1.IconSize.XL })), (0, jsx_runtime_1.jsx)(__1.Text, { variant: isMobile ? __1.TextVariant.HEADLINE : titleVariant, className: (0, tailwind_utils_1.tailwind)('mx-1 truncate'), color: __1.TextColors.BLACK, children: title }), options.length > 0 && ((0, jsx_runtime_1.jsx)(__1.DropDownMenu, { selectedIDs: [], options: options, className: "ml-auto", dropDownClassName: (0, tailwind_utils_1.tailwind)('right-0'), children: (0, jsx_runtime_1.jsx)(__1.IconButton, { icon: __1.IconSymbol.THREE_DOT, className: "shrink-0 self-end", size: isMobile ? __1.IconSize.LG : __1.IconSize.XL }) }))] }), children] }));
 }
 //# sourceMappingURL=drawer-component.js.map

package/dist/components/molecules/drawer/components/drawer-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-component.js","sourceRoot":"","sources":["../../../../../src/components/molecules/drawer/components/drawer-component.tsx"],"names":[],"mappings":";;AAyBA,0CAqEC;;AA7FD,gCASkB;AAClB,qEAA4D;AAC5D,uFAAgF;AAahF,SAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,OAAO,GAAG,EAAE,EACZ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,OAAO,GACD;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,yCAAyC,EACzC,oBAAoB,EACpB;YACE,eAAe,EAAE,CAAC,OAAO;YACzB,6BAA6B,EAAE,OAAO;YACtC,yCAAyC,EAAE,OAAO,IAAI,gBAAgB;YACtE,yCAAyC,EAAE,OAAO,IAAI,CAAC,gBAAgB;SACxE,EACD,SAAS,CACV,aAED,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,yDAAyD,EACzD,QAAQ,IAAI,MAAM,CACnB,aAED,uBAAC,cAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAU,CAAC,YAAY,EAC7B,SAAS,EAAC,UAAU,EACpB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,YAAQ,CAAC,EAAE,GAC1C,EAEF,uBAAC,QAAI,IACH,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,IAAA,yBAAQ,EAAC,8CAA8C,CAAC,EACnE,KAAK,EAAE,cAAU,CAAC,KAAK,YAEtB,KAAK,GACD,EAEN,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,uBAAC,gBAAY,IACX,WAAW,EAAE,EAAE,EACf,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,SAAS,EACnB,iBAAiB,EAAE,IAAA,yBAAQ,EAAC,SAAS,CAAC,YAGpC,uBAAC,cAAU,IACT,IAAI,EAAE,cAAU,CAAC,SAAS,EAC1B,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,YAAQ,CAAC,EAAE,GAC1C,GAES,CAChB,IACG,EAGL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"drawer-component.js","sourceRoot":"","sources":["../../../../../src/components/molecules/drawer/components/drawer-component.tsx"],"names":[],"mappings":";;AAyBA,0CAwEC;;AAhGD,gCASkB;AAClB,qEAA4D;AAC5D,uFAAgF;AAahF,SAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,OAAO,GAAG,EAAE,EACZ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,OAAO,GACD;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,qDAAqD,EACrD,oBAAoB,EACpB;YACE,eAAe,EAAE,CAAC,OAAO,IAAI,CAAC,QAAQ;YACtC,6BAA6B,EAAE,OAAO;YACtC,yCAAyC,EAAE,OAAO,IAAI,gBAAgB;YACtE,yCAAyC,EAAE,OAAO,IAAI,CAAC,gBAAgB;SACxE,EACD,SAAS,CACV,aAED,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,0DAA0D,EAC1D,QAAQ,IAAI,kEAAkE,EAC9E,QAAQ,IAAI,cAAc,CAC3B,aAEA,CAAC,QAAQ,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CACpC,uBAAC,cAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAU,CAAC,YAAY,EAC7B,SAAS,EAAC,UAAU,EACpB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,YAAQ,CAAC,EAAE,GAC1C,CACH,EAED,uBAAC,QAAI,IACH,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EACvD,SAAS,EAAE,IAAA,yBAAQ,EAAC,eAAe,CAAC,EACpC,KAAK,EAAE,cAAU,CAAC,KAAK,YAEtB,KAAK,GACD,EAEN,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,uBAAC,gBAAY,IACX,WAAW,EAAE,EAAE,EACf,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,SAAS,EACnB,iBAAiB,EAAE,IAAA,yBAAQ,EAAC,SAAS,CAAC,YAGpC,uBAAC,cAAU,IACT,IAAI,EAAE,cAAU,CAAC,SAAS,EAC1B,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,YAAQ,CAAC,EAAE,GAC1C,GAES,CAChB,IACG,EAGL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/molecules/drawer/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAgB,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAmB,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEzF,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAc,EACd,SAAiC,EACjC,OAA6B,EAC7B,YAAmC,EACnC,OAAkB,GACnB,EAAE,KAAK,2CAgCP;yBA1Ce,MAAM;;;;AA+CtB,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,CAAC"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAgB,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAmB,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGzF,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAc,EACd,SAAiC,EACjC,OAA6B,EAC7B,YAAmC,EACnC,OAAO,GACR,EAAE,KAAK,2CAiCP;yBA3Ce,MAAM;;;;AAgDtB,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,CAAC"}

package/dist/components/molecules/drawer/drawer.js

@@ -6,8 +6,10 @@ const _1 = require(".");
 const __1 = require("../..");
 const tailwind_utils_1 = require("../../../utils/tailwind-utils");
 const components_1 = require("./components");
-function Drawer({ title, options, children, className, isOpen = false, direction = _1.DrawerDirection.RIGHT, variant = _1.DrawerVariant.MODAL, titleVariant = __1.TextVariant.SUBTITLE, onClose = () => { }, }) {
-    const isPanel = variant === _1.DrawerVariant.PANEL;
+const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
+function Drawer({ title, options, children, className, isOpen = false, direction = _1.DrawerDirection.RIGHT, variant = _1.DrawerVariant.MODAL, titleVariant = __1.TextVariant.SUBTITLE, onClose, }) {
+    const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
+    const isPanel = variant === _1.DrawerVariant.PANEL && !isMobile;
     const isRightDirection = direction === _1.DrawerDirection.RIGHT || !isPanel;
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isPanel ? ((0, jsx_runtime_1.jsx)(components_1.DrawerComponent, { title: title, options: options, isPanel: isPanel, children: children, className: className, titleVariant: titleVariant, isRightDirection: isRightDirection, onClose: onClose })) : ((0, jsx_runtime_1.jsx)(__1.ModalOverlay, { isOpen: isOpen, contentClassName: (0, tailwind_utils_1.tailwind)('justify-end'), children: (0, jsx_runtime_1.jsx)(components_1.DrawerComponent, { title: title, options: options, isPanel: isPanel, children: children, className: className, titleVariant: titleVariant, onClose: onClose }) })) }));
 }

package/dist/components/molecules/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../../src/components/molecules/drawer/drawer.tsx"],"names":[],"mappings":";;AAkBA,wBA0CC;;AA3DD,wBAAmD;AACnD,6BAA2E;AAC3E,kEAAyD;AACzD,6CAAyF;AAczF,SAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,kBAAe,CAAC,KAAK,EACjC,OAAO,GAAG,gBAAa,CAAC,KAAK,EAC7B,YAAY,GAAG,eAAW,CAAC,QAAQ,EACnC,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GACZ;IACN,MAAM,OAAO,GAAG,OAAO,KAAK,gBAAa,CAAC,KAAK,CAAC;IAChD,MAAM,gBAAgB,GAAG,SAAS,KAAK,kBAAe,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC;IAEzE,OAAO,CACL,2DACG,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,4BAAe,IACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAY,IAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,IAAA,yBAAQ,EAAC,aAAa,CAAC,YACrE,uBAAC,4BAAe,IACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,GAChB,GACW,CAChB,GACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,GAAG,8BAAiB,CAAC;AAClC,MAAM,CAAC,OAAO,GAAG,kCAAqB,CAAC"}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../../src/components/molecules/drawer/drawer.tsx"],"names":[],"mappings":";;AAmBA,wBA2CC;;AA7DD,wBAAmD;AACnD,6BAA2E;AAC3E,kEAAyD;AACzD,6CAAyF;AACzF,6EAAsE;AActE,SAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,kBAAe,CAAC,KAAK,EACjC,OAAO,GAAG,gBAAa,CAAC,KAAK,EAC7B,YAAY,GAAG,eAAW,CAAC,QAAQ,EACnC,OAAO,GACD;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,MAAM,OAAO,GAAG,OAAO,KAAK,gBAAa,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC;IAC7D,MAAM,gBAAgB,GAAG,SAAS,KAAK,kBAAe,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC;IAEzE,OAAO,CACL,2DACG,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,4BAAe,IACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAY,IAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,IAAA,yBAAQ,EAAC,aAAa,CAAC,YACrE,uBAAC,4BAAe,IACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,GAChB,GACW,CAChB,GACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,GAAG,8BAAiB,CAAC;AAClC,MAAM,CAAC,OAAO,GAAG,kCAAqB,CAAC"}

package/dist/components/molecules/modal/components/content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/components/content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA+B,MAAM,OAAO,CAAC;AAGlE,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CAC1C,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,KAAK,2CA6BnE;AAED,YAAY,EAAE,KAAK,IAAI,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/components/content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA+B,MAAM,OAAO,CAAC;AAGlE,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CAC1C,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,KAAK,2CAuCnE;AAED,YAAY,EAAE,KAAK,IAAI,sBAAsB,EAAE,CAAC"}

package/dist/components/molecules/modal/components/content.js

@@ -11,10 +11,17 @@ function ExtendableContentView({ children, className }) {
         const element = ref.current;
         if (!element)
             return;
-        const check = () => setHasScroll(element.scrollHeight > element.clientHeight);
+        const check = () => {
+            const hasScrollNow = element.scrollHeight > element.clientHeight;
+            setHasScroll(hasScrollNow);
+        };
         check();
-        window.addEventListener('resize', check);
-        return () => window.removeEventListener('resize', check);
+        const resizeObserver = new ResizeObserver(check);
+        resizeObserver.observe(element);
+        resizeObserver.observe(document.body);
+        return () => {
+            resizeObserver.disconnect();
+        };
     }, []);
     return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, tailwind_utils_1.tailwind)('flex flex-col flex-1 overflow-auto', '-mx-6 px-6 -mb-1 pb-1', 'md:-mx-8 md:px-8', hasScroll && 'md:-mr-8 md:pr-5', className), children: children }));
 }

package/dist/components/molecules/modal/components/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/components/content.tsx"],"names":[],"mappings":";;AASA,sDA6BC;;AAtCD,iCAAkE;AAClE,qEAA4D;AAQ5D,SAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAS;IAClE,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;QAE9E,KAAK,EAAE,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QACzC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,yBAAQ,EACjB,oCAAoC,EACpC,uBAAuB,EACvB,kBAAkB,EAClB,SAAS,IAAI,kBAAkB,EAC/B,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/components/content.tsx"],"names":[],"mappings":";;AASA,sDAuCC;;AAhDD,iCAAkE;AAClE,qEAA4D;AAQ5D,SAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAS;IAClE,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,KAAK,GAAG,GAAG,EAAE;YACjB,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;YACjE,YAAY,CAAC,YAAY,CAAC,CAAC;QAC7B,CAAC,CAAC;QAEF,KAAK,EAAE,CAAC;QAER,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC;QACjD,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEhC,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEtC,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,yBAAQ,EACjB,oCAAoC,EACpC,uBAAuB,EACvB,kBAAkB,EAClB,SAAS,IAAI,kBAAkB,EAC/B,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/molecules/modal/components/footer.js

@@ -5,6 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const components_1 = require("../../../../components");
 const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
 function FooterContentView({ children, className, primaryButton, secondaryButton, visible = true, insideFooter = false, }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('pt-10 md:pt-12', !visible && 'hidden', { 'sticky -bottom-1 w-full bg-white pb-1 -my-1': insideFooter }, className), children: children ? (children) : ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col justify-end space-y-4 w-full', 'md:flex-row md:space-x-4 md:space-y-0'), children: [secondaryButton && ((0, jsx_runtime_1.jsx)(components_1.Button, { variant: components_1.ButtonVariant.SECONDARY, ...secondaryButton, children: secondaryButton.children })), primaryButton && ((0, jsx_runtime_1.jsx)(components_1.Button, { variant: components_1.ButtonVariant.PRIMARY, ...primaryButton, children: primaryButton.children }))] })) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('pt-10 md:pt-12', !visible && 'hidden', { 'sticky -bottom-1 w-full bg-white pb-1 -mb-1': insideFooter }, className), children: children ? (children) : ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col justify-end space-y-4 w-full', 'md:flex-row md:space-x-4 md:space-y-0'), children: [secondaryButton && ((0, jsx_runtime_1.jsx)(components_1.Button, { variant: components_1.ButtonVariant.SECONDARY, ...secondaryButton, children: secondaryButton.children })), primaryButton && ((0, jsx_runtime_1.jsx)(components_1.Button, { variant: components_1.ButtonVariant.PRIMARY, ...primaryButton, children: primaryButton.children }))] })) }));
 }
 //# sourceMappingURL=footer.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "period-ui",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/index.css",