pds-dev-kit-web-test 0.1.9 → 0.1.10

package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSB.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import type { ColorType } from 'pds-dev-kit-color-web';
+import type { UiColors } from '../../../../../../common';
 export declare type MSBProps = {
     content1?: JSX.Element;
     containerColor?: string;
     areaColor?: string;
     isLoadingContainer1?: boolean;
-    overrideContainer1ColorKey?: keyof ColorType;
+    overrideContainer1ColorKey?: UiColors;
 };
 declare const MSB: ({ content1, containerColor, areaColor, isLoadingContainer1, overrideContainer1ColorKey }: MSBProps) => JSX.Element;
 export default MSB;

package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSB.js

@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
     var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
     return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
 });
-var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100%;\n  min-width: 360px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  height: 100%;\n  min-width: 360px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n\n  ", "\n"])), function (_a) {
+var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_m_contentscontainer01_background;
 }, function (_a) {
     var containerColor = _a.containerColor;
     return "background-color: " + containerColor;
 }, overrideStyleContainer1);
-var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  min-width: 360px;\n  padding-bottom: 88px;\n  ", ";\n"], ["\n  min-width: 360px;\n  padding-bottom: 88px;\n  ", ";\n"])), function (_a) {
+var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-bottom: 88px;\n  ", ";\n"], ["\n  padding-bottom: 88px;\n  ", ";\n"])), function (_a) {
     var areaColor = _a.areaColor;
     return "background-color: " + areaColor;
 });

package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSC.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { ColorType } from 'pds-dev-kit-color-web';
+import type { UiColors } from '../../../../../../common';
 export declare type MSCProps = {
     content1?: JSX.Element;
     content2?: JSX.Element;
@@ -8,8 +8,8 @@ export declare type MSCProps = {
     areaColor?: string;
     isLoadingContainer1?: boolean;
     isLoadingContainer2?: boolean;
-    overrideContainer1ColorKey?: keyof ColorType;
-    overrideContainer2ColorKey?: keyof ColorType;
+    overrideContainer1ColorKey?: UiColors;
+    overrideContainer2ColorKey?: UiColors;
 };
 declare const MSC: ({ content1, content2, layoutType, containerColor, areaColor, isLoadingContainer1, isLoadingContainer2, overrideContainer1ColorKey, overrideContainer2ColorKey }: MSCProps) => JSX.Element;
 export default MSC;

package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSC.js

@@ -50,7 +50,7 @@ var overrideStyleContainer2 = (0, styled_components_1.css)(templateObject_2 || (
     return overrideContainer2ColorKey && theme[overrideContainer2ColorKey];
 });
 var S_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"])));
-var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background-color: ", ";\n  min-width: 360px;\n  ", ";\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  min-width: 360px;\n  ", ";\n  ", ";\n\n  ", "\n"])), function (_a) {
+var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background-color: ", ";\n\n  ", ";\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n\n  ", ";\n  ", ";\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_m_contentscontainer01_background;
 }, function (_a) {
@@ -63,18 +63,18 @@ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (
     var containerColor = _a.containerColor;
     return "background-color: " + containerColor;
 }, overrideStyleContainer1);
-var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-color: ", ";\n  flex: 1;\n  height: 100%;\n  min-width: 360px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  flex: 1;\n  height: 100%;\n  min-width: 360px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n\n  ", "\n"])), function (_a) {
+var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-color: ", ";\n  flex: 1;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  flex: 1;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_m_contentscontainer02_background;
 }, function (_a) {
     var containerColor = _a.containerColor;
     return "background-color: " + containerColor;
 }, overrideStyleContainer2);
-var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  height: 100%;\n  min-width: 360px;\n  ", ";\n"], ["\n  height: 100%;\n  min-width: 360px;\n  ", ";\n"])), function (_a) {
+var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  height: 100%;\n\n  ", ";\n"], ["\n  height: 100%;\n\n  ", ";\n"])), function (_a) {
     var areaColor = _a.areaColor;
     return "background-color: " + areaColor;
 });
-var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  min-width: 360px;\n  padding-bottom: 88px;\n  ", ";\n"], ["\n  min-width: 360px;\n  padding-bottom: 88px;\n  ", ";\n"])), function (_a) {
+var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  padding-bottom: 88px;\n  ", ";\n"], ["\n  padding-bottom: 88px;\n  ", ";\n"])), function (_a) {
     var areaColor = _a.areaColor;
     return "background-color: " + areaColor;
 });

package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSD.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import type { ColorType } from 'pds-dev-kit-color-web';
+import type { UiColors } from '../../../../../../common';
 export declare type MSDProps = {
     content1?: JSX.Element;
     containerColor?: string;
     areaColor?: string;
     isLoadingContainer1?: boolean;
-    overrideContainer1ColorKey?: keyof ColorType;
+    overrideContainer1ColorKey?: UiColors;
 };
 declare const MSD: ({ content1, containerColor, areaColor, isLoadingContainer1, overrideContainer1ColorKey }: MSDProps) => JSX.Element;
 export default MSD;

package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSD.js

@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
     var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
     return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
 });
-var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100%;\n  min-width: 360px;\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  height: 100%;\n  min-width: 360px;\n  ", ";\n\n  ", "\n"])), function (_a) {
+var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100%;\n\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  height: 100%;\n\n  ", ";\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_m_contentscontainer01_background;
 }, function (_a) {
     var containerColor = _a.containerColor;
     return "background-color: " + containerColor;
 }, overrideStyleContainer1);
-var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 100%;\n  min-width: 360px;\n  ", ";\n"], ["\n  height: 100%;\n  min-width: 360px;\n  ", ";\n"])), function (_a) {
+var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 100%;\n\n  ", ";\n"], ["\n  height: 100%;\n\n  ", ";\n"])), function (_a) {
     var areaColor = _a.areaColor;
     return "background-color: " + areaColor;
 });

package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSE.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import type { ColorType } from 'pds-dev-kit-color-web';
+import type { UiColors } from '../../../../../../common';
 export declare type MSEProps = {
     content1?: JSX.Element;
     containerColor?: string;
     areaColor?: string;
     isLoadingContainer1?: boolean;
-    overrideContainer1ColorKey?: keyof ColorType;
+    overrideContainer1ColorKey?: UiColors;
 };
 declare const MSE: ({ content1, containerColor, areaColor, isLoadingContainer1, overrideContainer1ColorKey }: MSEProps) => JSX.Element;
 export default MSE;

package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSE.js

@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
     var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
     return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
 });
-var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100%;\n  min-width: 360px;\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  height: 100%;\n  min-width: 360px;\n  ", ";\n\n  ", "\n"])), function (_a) {
+var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100%;\n\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  height: 100%;\n\n  ", ";\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_m_contentscontainer01_background;
 }, function (_a) {
     var containerColor = _a.containerColor;
     return "background-color: " + containerColor;
 }, overrideStyleContainer1);
-var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 100%;\n  min-width: 360px;\n  ", ";\n"], ["\n  height: 100%;\n  min-width: 360px;\n  ", ";\n"])), function (_a) {
+var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 100%;\n\n  ", ";\n"], ["\n  height: 100%;\n\n  ", ";\n"])), function (_a) {
     var areaColor = _a.areaColor;
     return "background-color: " + areaColor;
 });

package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSF.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { ColorType } from 'pds-dev-kit-color-web';
+import type { UiColors } from '../../../../../../common';
 export declare type MSFProps = {
     content1?: JSX.Element;
     content2?: JSX.Element;
@@ -8,8 +8,8 @@ export declare type MSFProps = {
     areaColor?: string;
     isLoadingContainer1?: boolean;
     isLoadingContainer2?: boolean;
-    overrideContainer1ColorKey?: keyof ColorType;
-    overrideContainer2ColorKey?: keyof ColorType;
+    overrideContainer1ColorKey?: UiColors;
+    overrideContainer2ColorKey?: UiColors;
 };
 declare const MSF: ({ content1, content2, layoutType, containerColor, areaColor, isLoadingContainer1, isLoadingContainer2, overrideContainer1ColorKey, overrideContainer2ColorKey }: MSFProps) => JSX.Element;
 export default MSF;

package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSF.js

@@ -50,7 +50,7 @@ var overrideStyleContainer2 = (0, styled_components_1.css)(templateObject_2 || (
     return overrideContainer2ColorKey && theme[overrideContainer2ColorKey];
 });
 var S_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"])));
-var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background-color: ", ";\n  min-width: 360px;\n  ", ";\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  min-width: 360px;\n  ", ";\n  ", ";\n\n  ", "\n"])), function (_a) {
+var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background-color: ", ";\n\n  ", ";\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n\n  ", ";\n  ", ";\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_m_contentscontainer01_background;
 }, function (_a) {
@@ -63,18 +63,18 @@ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (
     var containerColor = _a.containerColor;
     return "background-color: " + containerColor;
 }, overrideStyleContainer1);
-var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-color: ", ";\n  flex: 1;\n  height: 100%;\n  min-width: 360px;\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  flex: 1;\n  height: 100%;\n  min-width: 360px;\n  ", ";\n\n  ", "\n"])), function (_a) {
+var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-color: ", ";\n  flex: 1;\n  height: 100%;\n\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  flex: 1;\n  height: 100%;\n\n  ", ";\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_m_contentscontainer02_background;
 }, function (_a) {
     var containerColor = _a.containerColor;
     return "background-color: " + containerColor;
 }, overrideStyleContainer2);
-var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  height: 100%;\n  min-width: 360px;\n  ", ";\n"], ["\n  height: 100%;\n  min-width: 360px;\n  ", ";\n"])), function (_a) {
+var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  height: 100%;\n\n  ", ";\n"], ["\n  height: 100%;\n\n  ", ";\n"])), function (_a) {
     var areaColor = _a.areaColor;
     return "background-color: " + areaColor;
 });
-var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  height: 100%;\n  min-width: 360px;\n  padding-bottom: 88px;\n  ", ";\n"], ["\n  height: 100%;\n  min-width: 360px;\n  padding-bottom: 88px;\n  ", ";\n"])), function (_a) {
+var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  height: 100%;\n  padding-bottom: 88px;\n  ", ";\n"], ["\n  height: 100%;\n  padding-bottom: 88px;\n  ", ";\n"])), function (_a) {
     var areaColor = _a.areaColor;
     return "background-color: " + areaColor;
 });

package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSG.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import type { ColorType } from 'pds-dev-kit-color-web';
+import type { UiColors } from '../../../../../../common';
 export declare type MSGProps = {
     content1?: JSX.Element;
     containerColor?: string;
     areaColor?: string;
     isLoadingContainer1?: boolean;
-    overrideContainer1ColorKey?: keyof ColorType;
+    overrideContainer1ColorKey?: UiColors;
 };
 declare const MSG: ({ content1, containerColor, areaColor, isLoadingContainer1, overrideContainer1ColorKey }: MSGProps) => JSX.Element;
 export default MSG;

package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSG.js

@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
     var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
     return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
 });
-var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100%;\n  min-width: 360px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  height: 100%;\n  min-width: 360px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n\n  ", "\n"])), function (_a) {
+var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_m_contentscontainer01_background;
 }, function (_a) {
     var containerColor = _a.containerColor;
     return "background-color: " + containerColor;
 }, overrideStyleContainer1);
-var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n  height: 100%;\n  min-width: 360px;\n  ", ";\n  /* padding-bottom: 88px; */\n"], ["\n  /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n  height: 100%;\n  min-width: 360px;\n  ", ";\n  /* padding-bottom: 88px; */\n"])), function (_a) {
+var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n  height: 100%;\n\n  ", ";\n  /* padding-bottom: 88px; */\n"], ["\n  /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n  height: 100%;\n\n  ", ";\n  /* padding-bottom: 88px; */\n"])), function (_a) {
     var areaColor = _a.areaColor;
     return "background-color: " + areaColor;
 });

package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSH.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import type { ColorType } from 'pds-dev-kit-color-web';
+import type { UiColors } from '../../../../../../common';
 export declare type MSHProps = {
     content1?: JSX.Element;
     containerColor?: string;
     areaColor?: string;
     isLoadingContainer1?: boolean;
-    overrideContainer1ColorKey?: keyof ColorType;
+    overrideContainer1ColorKey?: UiColors;
 };
 declare const MSH: ({ content1, containerColor, areaColor, isLoadingContainer1, overrideContainer1ColorKey }: MSHProps) => JSX.Element;
 export default MSH;

package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSH.js

@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
     var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
     return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
 });
-var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100%;\n  min-width: 360px;\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  height: 100%;\n  min-width: 360px;\n  ", ";\n\n  ", "\n"])), function (_a) {
+var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100%;\n\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  height: 100%;\n\n  ", ";\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_m_contentscontainer01_background;
 }, function (_a) {
     var containerColor = _a.containerColor;
     return "background-color: " + containerColor;
 }, overrideStyleContainer1);
-var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 100%;\n  min-width: 360px;\n  ", ";\n"], ["\n  height: 100%;\n  min-width: 360px;\n  ", ";\n"])), function (_a) {
+var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 100%;\n\n  ", ";\n"], ["\n  height: 100%;\n\n  ", ";\n"])), function (_a) {
     var areaColor = _a.areaColor;
     return "background-color: " + areaColor;
 });

package/dist/src/mobile/layout/LayoutMS/ContainersBox/ContainersBox.d.ts

@@ -1,4 +1,4 @@
-import type { ColorType } from 'pds-dev-kit-color-web';
+import type { UiColors } from '../../../../common';
 import type { MutableRefObject } from 'react';
 export declare type ContainersBoxProps = {
     layoutType: 'MSA_1' | 'MSA_2' | 'MSB_1' | 'MSC_1' | 'MSC_2' | 'MSD_1' | 'MSE_1' | 'MSF_1' | 'MSF_2' | 'MSG_1' | 'MSH_1';
@@ -10,8 +10,8 @@ export declare type ContainersBoxProps = {
     areaColor?: string;
     isLoadingContainer1?: boolean;
     isLoadingContainer2?: boolean;
-    overrideContainer1ColorKey?: keyof ColorType;
-    overrideContainer2ColorKey?: keyof ColorType;
+    overrideContainer1ColorKey?: UiColors;
+    overrideContainer2ColorKey?: UiColors;
     container1Ref?: MutableRefObject<HTMLDivElement | null>;
 };
 declare const ContainersBox: ({ layoutType, tabContent, content1, content2, containerColor, areaColor, isLoadingContainer1, isLoadingContainer2, overrideContainer1ColorKey, overrideContainer2ColorKey, container1Ref }: ContainersBoxProps) => JSX.Element;

package/dist/src/mobile/panels/AnnotationSheet/AnnotationSheet.d.ts

@@ -1,15 +1,15 @@
-import type { ColorType } from 'pds-dev-kit-color-web';
+import type { UiColors } from '../../../common';
 import type { CSSProperties } from 'react';
 declare type PaddingSpacingType = 'none' | keyof typeof paddingSpacing;
 export declare type AnnotationSheetProps = {
     width: string;
     height: string;
     backgroundColorTheme?: 'transparent' | 'white' | 'black' | 'base1' | 'base2' | 'base3';
-    overrideBackgroundColorKey?: keyof ColorType;
+    overrideBackgroundColorKey?: UiColors;
     borderMode?: 'none' | 'use';
     borderWidth?: 1 | 2;
     borderColorTheme?: 'grey' | 'blue' | 'green';
-    overrideBorderColorKey?: keyof ColorType;
+    overrideBorderColorKey?: UiColors;
     shapeType?: 'rectangle' | 'round';
     radius?: 8 | 16 | 24;
     paddingTop?: PaddingSpacingType;
@@ -24,11 +24,11 @@ export declare type StyleProps = {
     $width?: string;
     $height?: string;
     $backgroundColorTheme?: 'transparent' | 'white' | 'black' | 'base1' | 'base2' | 'base3';
-    overrideBackgroundColorKey?: keyof ColorType;
+    overrideBackgroundColorKey?: UiColors;
     borderMode?: 'none' | 'use';
     $borderWidth?: 1 | 2;
     $borderColorTheme?: 'grey' | 'blue' | 'green';
-    overrideBorderColorKey?: keyof ColorType;
+    overrideBorderColorKey?: UiColors;
     shapeType?: 'rectangle' | 'round';
     $radius?: 8 | 16 | 24;
     paddingTop?: PaddingSpacingType;

package/dist/src/mobile/panels/ContentSheet/ContentSheet.d.ts

@@ -1,15 +1,15 @@
-import type { ColorType } from 'pds-dev-kit-color-web';
+import type { UiColors } from '../../../common';
 import type react from 'react';
 declare type PaddingSpacingType = 'none' | keyof typeof paddingSpacing;
 export declare type ContentSheetProps = {
     width: string;
     height: string;
     backgroundColorTheme?: 'transparent' | 'white' | 'black' | 'base1' | 'base2' | 'base3';
-    overrideBackgroundColorKey?: keyof ColorType;
+    overrideBackgroundColorKey?: UiColors;
     borderMode?: 'none' | 'use';
     borderWidth?: 1 | 2;
     borderColorTheme?: 'grey' | 'blue' | 'green';
-    overrideBorderColorKey?: keyof ColorType;
+    overrideBorderColorKey?: UiColors;
     shapeType?: 'rectangle' | 'round';
     radius?: 8 | 16 | 24;
     paddingTop?: PaddingSpacingType;
@@ -27,11 +27,11 @@ export declare type StyleProps = {
     $width?: string;
     $height?: string;
     $backgroundColorTheme?: 'transparent' | 'white' | 'black' | 'base1' | 'base2' | 'base3';
-    overrideBackgroundColorKey?: keyof ColorType;
+    overrideBackgroundColorKey?: UiColors;
     borderMode?: 'none' | 'use';
     $borderWidth?: 1 | 2;
     $borderColorTheme?: 'grey' | 'blue' | 'green';
-    overrideBorderColorKey?: keyof ColorType;
+    overrideBorderColorKey?: UiColors;
     shapeType?: 'rectangle' | 'round';
     $radius?: 8 | 16 | 24;
     paddingTop?: PaddingSpacingType;

package/dist/src/mobile/panels/SectionSheet/SectionSheet.d.ts

@@ -1,15 +1,15 @@
-import type { ColorType } from 'pds-dev-kit-color-web';
+import type { UiColors } from '../../../common';
 import type { CSSProperties } from 'react';
 declare type PaddingSpacingType = 'none' | keyof typeof paddingSpacing;
 export declare type SectionSheetProps = {
     width: string;
     height: string;
     backgroundColorTheme?: 'transparent' | 'white' | 'black' | 'base1' | 'base2' | 'base3';
-    overrideBackgroundColorKey?: keyof ColorType;
+    overrideBackgroundColorKey?: UiColors;
     borderMode?: 'none' | 'use';
     borderWidth?: 1 | 2;
     borderColorTheme?: 'grey' | 'blue' | 'green';
-    overrideBorderColorKey?: keyof ColorType;
+    overrideBorderColorKey?: UiColors;
     shapeType?: 'rectangle' | 'round';
     radius?: 8 | 16 | 24;
     paddingTop?: PaddingSpacingType;
@@ -24,11 +24,11 @@ export declare type StyleProps = {
     $width?: string;
     $height?: string;
     $backgroundColorTheme?: 'transparent' | 'white' | 'black' | 'base1' | 'base2' | 'base3';
-    overrideBackgroundColorKey?: keyof ColorType;
+    overrideBackgroundColorKey?: UiColors;
     borderMode?: 'none' | 'use';
     $borderWidth?: 1 | 2;
     $borderColorTheme?: 'grey' | 'blue' | 'green';
-    overrideBorderColorKey?: keyof ColorType;
+    overrideBorderColorKey?: UiColors;
     shapeType?: 'rectangle' | 'round';
     $radius?: 8 | 16 | 24;
     paddingTop?: PaddingSpacingType;

package/dist/src/sub/AdminList/AdminList/AdminList.d.ts

@@ -1,34 +1,34 @@
 import React from 'react';
 import type { BulkActionBar } from '../BulkActionBar';
 import type { ToolBar } from '../ToolBar';
-import type { TFunctionResult } from 'i18next';
+import type { PDSTextType } from '../../../common/types';
 declare type ColumnWidthType = 'small' | 'medium' | 'large' | 'xlarge';
 declare type Props = {
     selectionMode?: 'none' | 'single' | 'multi';
     headerRowMode?: 'none' | 'use';
-    column2HeaderText: TFunctionResult;
-    column3HeaderText?: TFunctionResult;
+    column2HeaderText: PDSTextType;
+    column3HeaderText?: PDSTextType;
     column3Width?: ColumnWidthType;
-    column4HeaderText?: TFunctionResult;
+    column4HeaderText?: PDSTextType;
     column4Width?: ColumnWidthType;
-    column5HeaderText?: TFunctionResult;
+    column5HeaderText?: PDSTextType;
     column5Width?: ColumnWidthType;
-    column6HeaderText?: TFunctionResult;
+    column6HeaderText?: PDSTextType;
     column6Width?: ColumnWidthType;
-    column7HeaderText?: TFunctionResult;
+    column7HeaderText?: PDSTextType;
     column7Width?: ColumnWidthType;
-    column8HeaderText?: TFunctionResult;
+    column8HeaderText?: PDSTextType;
     column8Width?: ColumnWidthType;
-    column9HeaderText?: TFunctionResult;
+    column9HeaderText?: PDSTextType;
     column9Width?: ColumnWidthType;
-    column10HeaderText?: TFunctionResult;
+    column10HeaderText?: PDSTextType;
     column10Width?: ColumnWidthType;
     quickActionBtnMode?: 'none' | 'btn_amount1' | 'btn_amount2' | 'btn_amount3';
-    quickActionBtn1Text?: TFunctionResult;
-    quickActionBtn2Text?: TFunctionResult;
-    quickActionBtn3Text?: TFunctionResult;
+    quickActionBtn1Text?: PDSTextType;
+    quickActionBtn2Text?: PDSTextType;
+    quickActionBtn3Text?: PDSTextType;
     quickActionBtnType?: 'hover' | 'fix';
-    emptyText?: TFunctionResult;
+    emptyText?: PDSTextType;
     scrollMode?: 'infinite' | 'none' | 'page';
     scrollVisibleType?: 'moving' | 'hidden' | 'visible';
     headerRowCheckboxName?: string;

package/dist/src/sub/AdminList/AdminList/AdminList.js

@@ -49,8 +49,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = __importStar(require("react"));
 var react_hook_form_1 = require("react-hook-form");
-var components_1 = require("@desktop/components");
-var components_2 = require("@hybrid/components");
+var components_1 = require("../../../desktop/components");
+var components_2 = require("../../../hybrid/components");
 var styled_components_1 = __importStar(require("styled-components"));
 var HeaderRow_1 = __importDefault(require("./HeaderRow"));
 function AdminList(_a) {
@@ -62,6 +62,12 @@ function AdminList(_a) {
         control: selectAllMethods.control
     });
     var _t = (0, react_1.useState)(false), isBulkActionBarOpen = _t[0], setIsBulkActionBarOpen = _t[1];
+    var childrenPropIds = [];
+    if (children && Array.isArray(children)) {
+        childrenPropIds = react_1.default.Children.map(children, function (child) {
+            return child.props.id;
+        });
+    }
     /**
      * @when AdminListItem이 선택되었을 때
      * @expected 벌크액션바 활성화 여부와 체크박스 선택 여부를 결정합니다.
@@ -72,7 +78,7 @@ function AdminList(_a) {
         }
         if (!selectedIds.length) {
             checkboxMethods.reset();
-            selectAllMethods.reset();
+            selectAllMethods.setValue(headerRowCheckboxName, false);
             if (maintainIds === null || maintainIds === void 0 ? void 0 : maintainIds.length) {
                 setIsBulkActionBarOpen(true);
                 maintainIds.forEach(function (id) { return checkboxMethods.setValue(id.toString(), true); });
@@ -89,19 +95,21 @@ function AdminList(_a) {
         }
         setIsBulkActionBarOpen(true);
         selectedIds.forEach(function (val) { return checkboxMethods.setValue(val.toString(), true); });
+        // NOTE Children에 포함된 요소의 id와 선택되어 있는 id를 비교해 전체 체크박스의 상태를 변경합니다.
+        var hasAllIds = childrenPropIds === null || childrenPropIds === void 0 ? void 0 : childrenPropIds.every(function (id) { return selectedIds.includes(id) || (maintainIds === null || maintainIds === void 0 ? void 0 : maintainIds.includes(id)); });
+        selectAllMethods.setValue(headerRowCheckboxName, hasAllIds ? true : false);
     }, [selectedIds, maintainIds]);
     var handleSelectAllCheckbox = function () {
-        var allIds = Object.keys(checkboxMethods.getValues()).map(function (id) { return Number(id); });
-        var basicIds = allIds.filter(function (id) { return !(maintainIds === null || maintainIds === void 0 ? void 0 : maintainIds.includes(id)); });
+        var basicIds = childrenPropIds === null || childrenPropIds === void 0 ? void 0 : childrenPropIds.filter(function (id) { return !(maintainIds === null || maintainIds === void 0 ? void 0 : maintainIds.includes(id)); });
         if (!isAllCheckboxSelected) {
-            allIds.forEach(function (id) { return checkboxMethods.setValue(id.toString(), true); });
-            if (onSelect) {
+            childrenPropIds === null || childrenPropIds === void 0 ? void 0 : childrenPropIds.forEach(function (id) { return checkboxMethods.setValue(id.toString(), true); });
+            if (onSelect && basicIds) {
                 onSelect(basicIds);
             }
             return;
         }
         if (maintainIds === null || maintainIds === void 0 ? void 0 : maintainIds.length) {
-            basicIds.forEach(function (id) { return checkboxMethods.setValue(id.toString(), false); });
+            basicIds === null || basicIds === void 0 ? void 0 : basicIds.forEach(function (id) { return checkboxMethods.setValue(id.toString(), false); });
             if (onSelect) {
                 onSelect([]);
             }

package/dist/src/sub/AdminList/AdminList/HeaderRow.d.ts

@@ -1,24 +1,24 @@
 /// <reference types="react" />
-import type { TFunctionResult } from 'i18next';
+import type { PDSTextType } from '../../../common/types';
 declare type ColumnWidthType = 'small' | 'medium' | 'large' | 'xlarge';
 declare type Props = {
     selectionMode: 'none' | 'single' | 'multi';
-    column2HeaderText?: TFunctionResult;
-    column3HeaderText?: TFunctionResult;
+    column2HeaderText?: PDSTextType;
+    column3HeaderText?: PDSTextType;
     column3HeaderWidth?: ColumnWidthType;
-    column4HeaderText?: TFunctionResult;
+    column4HeaderText?: PDSTextType;
     column4HeaderWidth?: ColumnWidthType;
-    column5HeaderText?: TFunctionResult;
+    column5HeaderText?: PDSTextType;
     column5HeaderWidth?: ColumnWidthType;
-    column6HeaderText?: TFunctionResult;
+    column6HeaderText?: PDSTextType;
     column6HeaderWidth?: ColumnWidthType;
-    column7HeaderText?: TFunctionResult;
+    column7HeaderText?: PDSTextType;
     column7HeaderWidth?: ColumnWidthType;
-    column8HeaderText?: TFunctionResult;
+    column8HeaderText?: PDSTextType;
     column8HeaderWidth?: ColumnWidthType;
-    column9HeaderText?: TFunctionResult;
+    column9HeaderText?: PDSTextType;
     column9HeaderWidth?: ColumnWidthType;
-    column10HeaderText?: TFunctionResult;
+    column10HeaderText?: PDSTextType;
     column10HeaderWidth?: ColumnWidthType;
     quickActionBtnType?: 'hover' | 'fix';
     quickActionButtonCount?: number;

package/dist/src/sub/AdminList/AdminList/HeaderRow.js

@@ -35,8 +35,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("@desktop/components");
-var components_2 = require("@hybrid/components");
+var components_1 = require("../../../desktop/components");
+var components_2 = require("../../../hybrid/components");
 var styled_components_1 = __importStar(require("styled-components"));
 function HeaderRow(_a) {
     var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'multi' : _b, column2HeaderText = _a.column2HeaderText, column3HeaderText = _a.column3HeaderText, _c = _a.column3HeaderWidth, column3HeaderWidth = _c === void 0 ? 'small' : _c, column4HeaderText = _a.column4HeaderText, _d = _a.column4HeaderWidth, column4HeaderWidth = _d === void 0 ? 'small' : _d, column5HeaderText = _a.column5HeaderText, _e = _a.column5HeaderWidth, column5HeaderWidth = _e === void 0 ? 'small' : _e, column6HeaderText = _a.column6HeaderText, _f = _a.column6HeaderWidth, column6HeaderWidth = _f === void 0 ? 'small' : _f, column7HeaderText = _a.column7HeaderText, _g = _a.column7HeaderWidth, column7HeaderWidth = _g === void 0 ? 'small' : _g, column8HeaderText = _a.column8HeaderText, _h = _a.column8HeaderWidth, column8HeaderWidth = _h === void 0 ? 'small' : _h, column9HeaderText = _a.column9HeaderText, _j = _a.column9HeaderWidth, column9HeaderWidth = _j === void 0 ? 'small' : _j, column10HeaderText = _a.column10HeaderText, _k = _a.column10HeaderWidth, column10HeaderWidth = _k === void 0 ? 'small' : _k, _l = _a.quickActionBtnType, quickActionBtnType = _l === void 0 ? 'fix' : _l, _m = _a.quickActionButtonCount, quickActionButtonCount = _m === void 0 ? 2 : _m, _o = _a.headerRowCheckboxName, headerRowCheckboxName = _o === void 0 ? 'all' : _o, _p = _a.flexibleHideInfoMode, flexibleHideInfoMode = _p === void 0 ? 'use' : _p, onClickSelectAllCheckbox = _a.onClickSelectAllCheckbox;

package/dist/src/sub/AdminList/AdminListHeader/AdminListHeader.d.ts

@@ -1,13 +1,12 @@
 /// <reference types="react" />
-import type { PDSTextType, PDSValueOption } from '@common/types';
-import type { TFunctionResult } from 'i18next';
+import type { PDSTextType, PDSValueOption } from '../../../common/types';
 declare type Props = {
     headerBarSize?: 'regular' | 'small';
-    headerBarTitleText?: TFunctionResult;
+    headerBarTitleText?: PDSTextType;
     tooltipText?: PDSTextType;
     currentPage?: number;
     totalPage?: number;
-    contentText?: TFunctionResult;
+    contentText?: PDSTextType;
     dropdownTextArray?: PDSValueOption[];
     dropdownDefaultValue?: PDSValueOption;
     onChangeCount?: (option: PDSValueOption) => void;

package/dist/src/sub/AdminList/AdminListHeader/AdminListHeader.js

@@ -19,8 +19,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("@desktop/components");
-var components_2 = require("@hybrid/components");
+var components_1 = require("../../../desktop/components");
+var components_2 = require("../../../hybrid/components");
 var styled_components_1 = __importDefault(require("styled-components"));
 var HeaderBar_1 = __importDefault(require("./HeaderBar"));
 var defaultPaginationTextArray = [

package/dist/src/sub/AdminList/AdminListHeader/HeaderBar.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-import type { PDSTextType, PDSValueOption } from '@common/types';
-import type { TFunctionResult } from 'i18next';
+import type { PDSTextType, PDSValueOption } from '../../../common/types';
 declare type Props = {
-    titleText?: TFunctionResult;
+    titleText?: PDSTextType;
     tooltipText?: PDSTextType;
     size?: 'regular' | 'small';
     currentPage?: number;

package/dist/src/sub/AdminList/AdminListHeader/HeaderBar.js

@@ -36,8 +36,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_i18next_1 = require("react-i18next");
-var components_1 = require("@desktop/components");
-var components_2 = require("@hybrid/components");
+var components_1 = require("../../../desktop/components");
+var components_2 = require("../../../hybrid/components");
 var styled_components_1 = __importStar(require("styled-components"));
 function HeaderBar(_a) {
     var titleText = _a.titleText, tooltipText = _a.tooltipText, _b = _a.size, size = _b === void 0 ? 'regular' : _b, _c = _a.currentPage, currentPage = _c === void 0 ? 1 : _c, _d = _a.totalPage, totalPage = _d === void 0 ? 1 : _d, dropdownTextArray = _a.dropdownTextArray, dropdownDefaultValue = _a.dropdownDefaultValue, onChangeDropdown = _a.onChangeDropdown, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2;