period-ui 0.2.6 → 0.2.7

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.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,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,2CA8DP"}
+{"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: [onClose && ((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,0CAuEC;;AA/FD,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,aAEA,OAAO,IAAI,CACV,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,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/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.6",
+  "version": "0.2.7",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/index.css",