pds-dev-kit-web 0.3.50 → 0.5.0

package/.vscode/settings.json

@@ -0,0 +1,49 @@
+{
+  "editor.minimap.enabled": false,
+  "javascript.validate.enable": false,
+  "javascript.format.enable": false,
+  "typescript.format.enable": false,
+  "editor.formatOnSave": false,
+  "stylelint.syntax": "css-in-js",
+  "[javascript]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.codeActionsOnSave": {
+      "source.fixAll.stylelint": true
+    }
+  },
+  "[typescript]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.codeActionsOnSave": {
+      "source.fixAll.stylelint": true,
+      "source.fixAll.eslint": true
+    }
+  },
+  "[typescriptreact]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.codeActionsOnSave": {
+      "source.fixAll.stylelint": true,
+      "source.fixAll.eslint": true
+    }
+  },
+  "[css]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.codeActionsOnSave": {
+      "source.fixAll.stylelint": true
+    }
+  },
+  "[json]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[jsonc]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "files.associations": {
+    "*.stylelintrc": "jsonc"
+  }
+}

package/README.md

@@ -8,5 +8,5 @@ publ design system 프로젝트
 
 ## 참고 문서
 
-해당 패키지 버전은 PDS 문서 1.0 버전을 따르고 있음
-[PDS 1.0 문서 링크](https://design.docs.publ.biz/1.0/)
+해당 패키지 버전은 PDS 문서 1.1 버전을 따르고 있음
+[PDS 1.1 문서 링크](https://design.docs.publ.biz/pds-project/)

package/dist/index.d.ts

@@ -1,17 +1,18 @@
-import { UITheme, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing, uiColors, theme } from './src/common';
-export { UITheme, PdsDevKitTheme };
+import { UITheme, PdsDevKitTheme, FillIconNameKeys, LineIconNameKeys, UiColors, fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing, uiColors, theme, IFormValues, Form } from './src/common';
+export { UITheme, PdsDevKitTheme, FillIconNameKeys, LineIconNameKeys, UiColors, IFormValues };
 export { fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing, uiColors };
 export { theme };
-import { Divider, Icon, IconButton, ImageView, Spacing } from './src/hybrid';
-export { Divider, Icon, IconButton, ImageView, Spacing };
-import { LayoutWF, WFContainersBox, LayoutWS, WSGlobalMenuContainer, WSContainersBox, LayoutWT, WTGlobalMenuContainer, WTContainersBox, D_Hero, D_StatusBlock, D_TextLabel } from './src/desktop';
+export { Form };
+import { Divider, Icon, ImageView, Spacing, Switch } from './src/hybrid';
+export { Divider, Icon, ImageView, Spacing, Switch };
+import { LayoutWF, WFContainersBox, LayoutWS, WSGlobalMenuContainer, WSContainersBox, LayoutWT, WTGlobalMenuContainer, WTContainersBox, D_Card, D_CardList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopHeaderBar, D_DesktopTapBar, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_IconButton, D_ImageSlide, D_MainButton, D_Radio, D_ReactionButton, D_Select, D_StatusBlock, D_TextButton, D_TextField, D_TextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar } from './src/desktop';
 export { LayoutWF, WFContainersBox };
 export { LayoutWS, WSGlobalMenuContainer, WSContainersBox };
 export { LayoutWT, WTGlobalMenuContainer, WTContainersBox };
-export { D_Hero, D_StatusBlock, D_TextLabel };
-import { LayoutMF, MFContainersBox, LayoutMM, MMNavigationContainer, MMContainersBox, LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox, LayoutMS, MSNavigationContainer, MSContainersBox, M_StatusBlock, M_TextLabel } from './src/mobile';
+export { D_Card, D_CardList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopHeaderBar, D_DesktopTapBar, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_IconButton, D_ImageSlide, D_MainButton, D_Radio, D_ReactionButton, D_Select, D_StatusBlock, D_TextButton, D_TextField, D_TextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar };
+import { LayoutMF, MFContainersBox, LayoutMM, MMNavigationContainer, MMContainersBox, LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox, LayoutMS, MSNavigationContainer, MSContainersBox, M_BlogTextField, M_Card, M_CardList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_IconButton, M_ImageSlide, M_MainButton, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_Select, M_StatusBlock, M_TextButton, M_TextField, M_TextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton } from './src/mobile';
 export { LayoutMF, MFContainersBox };
 export { LayoutMM, MMNavigationContainer, MMContainersBox };
 export { LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox };
 export { LayoutMS, MSNavigationContainer, MSContainersBox };
-export { M_StatusBlock, M_TextLabel };
+export { M_BlogTextField, M_Card, M_CardList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_IconButton, M_ImageSlide, M_MainButton, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_Select, M_StatusBlock, M_TextButton, M_TextField, M_TextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton };

package/dist/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.M_TextLabel = exports.M_StatusBlock = exports.MSContainersBox = exports.MSNavigationContainer = exports.LayoutMS = exports.MPContainersBox = exports.MPTabContainer = exports.MPNavigationContainer = exports.LayoutMP = exports.MMContainersBox = exports.MMNavigationContainer = exports.LayoutMM = exports.MFContainersBox = exports.LayoutMF = exports.D_TextLabel = exports.D_StatusBlock = exports.D_Hero = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WFContainersBox = exports.LayoutWF = exports.Spacing = exports.ImageView = exports.IconButton = exports.Icon = exports.Divider = exports.theme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
+exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = exports.D_UploadIconButton = exports.D_TextLabel = exports.D_TextField = exports.D_TextButton = exports.D_StatusBlock = exports.D_Select = exports.D_ReactionButton = exports.D_Radio = exports.D_MainButton = exports.D_ImageSlide = exports.D_IconButton = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_DesktopTapBar = exports.D_DesktopHeaderBar = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_Chip = exports.D_Checkbox = exports.D_CardList = exports.D_Card = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WFContainersBox = exports.LayoutWF = exports.Switch = exports.Spacing = exports.ImageView = exports.Icon = exports.Divider = exports.Form = exports.theme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
+exports.M_UploadTextButton = exports.M_UploadMainButton = exports.M_UploadIconButton = exports.M_TextLabel = exports.M_TextField = exports.M_TextButton = exports.M_StatusBlock = exports.M_Select = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = exports.M_MainButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_ContextMenuItem = exports.M_ContextMenu = exports.M_Chip = exports.M_Checkbox = exports.M_CardList = exports.M_Card = exports.M_BlogTextField = exports.MSContainersBox = exports.MSNavigationContainer = exports.LayoutMS = exports.MPContainersBox = exports.MPTabContainer = exports.MPNavigationContainer = exports.LayoutMP = exports.MMContainersBox = exports.MMNavigationContainer = exports.LayoutMM = exports.MFContainersBox = exports.LayoutMF = void 0;
 /* eslint-disable import/order */
 /* eslint-disable import/first */
 // common
@@ -14,13 +15,14 @@ Object.defineProperty(exports, "boxShadow", { enumerable: true, get: function ()
 Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return common_1.spacing; } });
 Object.defineProperty(exports, "uiColors", { enumerable: true, get: function () { return common_1.uiColors; } });
 Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return common_1.theme; } });
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return common_1.Form; } });
 // hybrid
 var hybrid_1 = require("./src/hybrid");
 Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return hybrid_1.Divider; } });
 Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return hybrid_1.Icon; } });
-Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return hybrid_1.IconButton; } });
 Object.defineProperty(exports, "ImageView", { enumerable: true, get: function () { return hybrid_1.ImageView; } });
 Object.defineProperty(exports, "Spacing", { enumerable: true, get: function () { return hybrid_1.Spacing; } });
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return hybrid_1.Switch; } });
 // desktop
 var desktop_1 = require("./src/desktop");
 Object.defineProperty(exports, "LayoutWF", { enumerable: true, get: function () { return desktop_1.LayoutWF; } });
@@ -31,9 +33,33 @@ Object.defineProperty(exports, "WSContainersBox", { enumerable: true, get: funct
 Object.defineProperty(exports, "LayoutWT", { enumerable: true, get: function () { return desktop_1.LayoutWT; } });
 Object.defineProperty(exports, "WTGlobalMenuContainer", { enumerable: true, get: function () { return desktop_1.WTGlobalMenuContainer; } });
 Object.defineProperty(exports, "WTContainersBox", { enumerable: true, get: function () { return desktop_1.WTContainersBox; } });
+Object.defineProperty(exports, "D_Card", { enumerable: true, get: function () { return desktop_1.D_Card; } });
+Object.defineProperty(exports, "D_CardList", { enumerable: true, get: function () { return desktop_1.D_CardList; } });
+Object.defineProperty(exports, "D_Checkbox", { enumerable: true, get: function () { return desktop_1.D_Checkbox; } });
+Object.defineProperty(exports, "D_Chip", { enumerable: true, get: function () { return desktop_1.D_Chip; } });
+Object.defineProperty(exports, "D_ContextMenu", { enumerable: true, get: function () { return desktop_1.D_ContextMenu; } });
+Object.defineProperty(exports, "D_ContextMenuItem", { enumerable: true, get: function () { return desktop_1.D_ContextMenuItem; } });
+Object.defineProperty(exports, "D_DesktopHeaderBar", { enumerable: true, get: function () { return desktop_1.D_DesktopHeaderBar; } });
+Object.defineProperty(exports, "D_DesktopTapBar", { enumerable: true, get: function () { return desktop_1.D_DesktopTapBar; } });
+Object.defineProperty(exports, "D_EditApplyTextField", { enumerable: true, get: function () { return desktop_1.D_EditApplyTextField; } });
+Object.defineProperty(exports, "D_FilterBar", { enumerable: true, get: function () { return desktop_1.D_FilterBar; } });
+Object.defineProperty(exports, "D_FloatingActionButton", { enumerable: true, get: function () { return desktop_1.D_FloatingActionButton; } });
 Object.defineProperty(exports, "D_Hero", { enumerable: true, get: function () { return desktop_1.D_Hero; } });
+Object.defineProperty(exports, "D_IconButton", { enumerable: true, get: function () { return desktop_1.D_IconButton; } });
+Object.defineProperty(exports, "D_ImageSlide", { enumerable: true, get: function () { return desktop_1.D_ImageSlide; } });
+Object.defineProperty(exports, "D_MainButton", { enumerable: true, get: function () { return desktop_1.D_MainButton; } });
+Object.defineProperty(exports, "D_Radio", { enumerable: true, get: function () { return desktop_1.D_Radio; } });
+Object.defineProperty(exports, "D_ReactionButton", { enumerable: true, get: function () { return desktop_1.D_ReactionButton; } });
+Object.defineProperty(exports, "D_Select", { enumerable: true, get: function () { return desktop_1.D_Select; } });
 Object.defineProperty(exports, "D_StatusBlock", { enumerable: true, get: function () { return desktop_1.D_StatusBlock; } });
+Object.defineProperty(exports, "D_TextButton", { enumerable: true, get: function () { return desktop_1.D_TextButton; } });
+Object.defineProperty(exports, "D_TextField", { enumerable: true, get: function () { return desktop_1.D_TextField; } });
 Object.defineProperty(exports, "D_TextLabel", { enumerable: true, get: function () { return desktop_1.D_TextLabel; } });
+Object.defineProperty(exports, "D_UploadIconButton", { enumerable: true, get: function () { return desktop_1.D_UploadIconButton; } });
+Object.defineProperty(exports, "D_UploadMainButton", { enumerable: true, get: function () { return desktop_1.D_UploadMainButton; } });
+Object.defineProperty(exports, "D_UploadTextButton", { enumerable: true, get: function () { return desktop_1.D_UploadTextButton; } });
+Object.defineProperty(exports, "D_UserDesktopNavBar", { enumerable: true, get: function () { return desktop_1.D_UserDesktopNavBar; } });
+Object.defineProperty(exports, "D_UserDesktopTabBar", { enumerable: true, get: function () { return desktop_1.D_UserDesktopTabBar; } });
 // mobile
 var mobile_1 = require("./src/mobile");
 Object.defineProperty(exports, "LayoutMF", { enumerable: true, get: function () { return mobile_1.LayoutMF; } });
@@ -48,5 +74,25 @@ Object.defineProperty(exports, "MPContainersBox", { enumerable: true, get: funct
 Object.defineProperty(exports, "LayoutMS", { enumerable: true, get: function () { return mobile_1.LayoutMS; } });
 Object.defineProperty(exports, "MSNavigationContainer", { enumerable: true, get: function () { return mobile_1.MSNavigationContainer; } });
 Object.defineProperty(exports, "MSContainersBox", { enumerable: true, get: function () { return mobile_1.MSContainersBox; } });
+Object.defineProperty(exports, "M_BlogTextField", { enumerable: true, get: function () { return mobile_1.M_BlogTextField; } });
+Object.defineProperty(exports, "M_Card", { enumerable: true, get: function () { return mobile_1.M_Card; } });
+Object.defineProperty(exports, "M_CardList", { enumerable: true, get: function () { return mobile_1.M_CardList; } });
+Object.defineProperty(exports, "M_Checkbox", { enumerable: true, get: function () { return mobile_1.M_Checkbox; } });
+Object.defineProperty(exports, "M_Chip", { enumerable: true, get: function () { return mobile_1.M_Chip; } });
+Object.defineProperty(exports, "M_ContextMenu", { enumerable: true, get: function () { return mobile_1.M_ContextMenu; } });
+Object.defineProperty(exports, "M_ContextMenuItem", { enumerable: true, get: function () { return mobile_1.M_ContextMenuItem; } });
+Object.defineProperty(exports, "M_IconButton", { enumerable: true, get: function () { return mobile_1.M_IconButton; } });
+Object.defineProperty(exports, "M_ImageSlide", { enumerable: true, get: function () { return mobile_1.M_ImageSlide; } });
+Object.defineProperty(exports, "M_MainButton", { enumerable: true, get: function () { return mobile_1.M_MainButton; } });
+Object.defineProperty(exports, "M_MobileHeaderBar", { enumerable: true, get: function () { return mobile_1.M_MobileHeaderBar; } });
+Object.defineProperty(exports, "M_MobileTabBar", { enumerable: true, get: function () { return mobile_1.M_MobileTabBar; } });
+Object.defineProperty(exports, "M_Radio", { enumerable: true, get: function () { return mobile_1.M_Radio; } });
+Object.defineProperty(exports, "M_ReactionButton", { enumerable: true, get: function () { return mobile_1.M_ReactionButton; } });
+Object.defineProperty(exports, "M_Select", { enumerable: true, get: function () { return mobile_1.M_Select; } });
 Object.defineProperty(exports, "M_StatusBlock", { enumerable: true, get: function () { return mobile_1.M_StatusBlock; } });
+Object.defineProperty(exports, "M_TextButton", { enumerable: true, get: function () { return mobile_1.M_TextButton; } });
+Object.defineProperty(exports, "M_TextField", { enumerable: true, get: function () { return mobile_1.M_TextField; } });
 Object.defineProperty(exports, "M_TextLabel", { enumerable: true, get: function () { return mobile_1.M_TextLabel; } });
+Object.defineProperty(exports, "M_UploadIconButton", { enumerable: true, get: function () { return mobile_1.M_UploadIconButton; } });
+Object.defineProperty(exports, "M_UploadMainButton", { enumerable: true, get: function () { return mobile_1.M_UploadMainButton; } });
+Object.defineProperty(exports, "M_UploadTextButton", { enumerable: true, get: function () { return mobile_1.M_UploadTextButton; } });

package/dist/src/common/assets/icons/line/PostWelcome.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import IconType from '../IconType';
+declare const PostWelcome: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default PostWelcome;

package/dist/src/common/assets/icons/line/PostWelcome.js

@@ -0,0 +1,37 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var PostWelcome = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeWidth: "1.5", d: "M5.453,11.157 C7.421,11.157 9.195,12.177 10.798,14.407 L10.798,18.047 C9.195,20.287 7.421,21.307 5.453,21.307 C4.907,21.307 4.238,21.117 3.801,20.537 C3.194,19.747 3,18.767 3,17.847 L3,14.617 C3,13.697 3.194,12.717 3.801,11.927 C4.178,11.437 4.712,11.227 5.198,11.177 C5.283,11.157 5.368,11.157 5.453,11.157 Z M18.8026,11.157 C18.8876,11.157 18.9726,11.157 19.0576,11.177 C19.5436,11.227 20.0906,11.437 20.4546,11.927 C21.0616,12.717 21.2566,13.697 21.2566,14.617 L21.2566,17.847 C21.2566,18.767 21.0616,19.747 20.4546,20.537 C20.0176,21.117 19.3496,21.307 18.8026,21.307 C16.8346,21.307 15.0616,20.287 13.4576,18.047 L13.4576,14.407 C15.0616,12.177 16.8346,11.157 18.8026,11.157 Z M8.4479,16.2309 L10.7979,16.2309 M15.8085,16.2309 L13.4585,16.2309 M8.7682,6.4694 L15.4882,6.4694 M8.7682,9.2352 L12.1062,9.2352" }),
+            react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeWidth: "1.5", d: "M10.798,14.407 C9.195,12.177 7.421,11.157 5.453,11.157 C5.368,11.157 5.283,11.157 5.198,11.177 L5.198,4.8 C5.198,3.81 5.976,3.01 6.948,3.01 L17.309,3 C18.28,3 19.058,3.81 19.058,4.8 L19.058,11.177 C18.973,11.157 18.888,11.157 18.803,11.157 C16.835,11.157 15.062,12.177 13.458,14.407" }),
+            react_1.default.createElement("path", { fill: color, d: "M12.6086,13.7079 L11.6476,13.7079 C10.7426,13.7079 10.0096,14.4419 10.0096,15.3469 L10.0096,17.1059 C10.0096,18.0099 10.7426,18.7439 11.6476,18.7439 L12.6086,18.7439 C13.5136,18.7439 14.2466,18.0099 14.2466,17.1059 L14.2466,15.3469 C14.2466,14.4419 13.5136,13.7079 12.6086,13.7079 L12.6086,13.7079 Z M12.6086,15.2079 C12.6846,15.2079 12.7466,15.2699 12.7466,15.3469 L12.7466,17.1059 C12.7466,17.1819 12.6846,17.2439 12.6086,17.2439 L11.6476,17.2439 C11.5716,17.2439 11.5096,17.1819 11.5096,17.1059 L11.5096,15.3469 C11.5096,15.2699 11.5716,15.2079 11.6476,15.2079 L12.6086,15.2079 Z" }))));
+};
+exports.default = PostWelcome;

package/dist/src/common/assets/icons/line/TenSecBack.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import IconType from '../IconType';
+declare const TenSecBack: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default TenSecBack;

package/dist/src/common/assets/icons/line/TenSecBack.js

@@ -0,0 +1,34 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var TenSecBack = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("path", { d: "M11.8539917,1.2197 C12.1469917,0.9267 12.6209917,0.9267 12.9139917,1.2197 C13.2069917,1.5127 13.2069917,1.9867 12.9139917,2.2797 L12.9139917,2.2797 L11.7259917,3.4677 C14.4699917,3.3967 17.1209917,4.4207 19.0779917,6.3777 C20.9669917,8.2677 22.0069917,10.7787 22.0069917,13.4497 C22.0069917,16.1217 20.9669917,18.6337 19.0779917,20.5227 C17.1279917,22.4727 14.5659917,23.4467 12.0059917,23.4467 C9.44399167,23.4467 6.88299167,22.4727 4.93299167,20.5227 C1.70099167,17.2897 1.06799167,12.2877 3.39399167,8.3577 C3.60499167,8.0017 4.06599167,7.8827 4.42099167,8.0947 C4.77799167,8.3057 4.89599167,8.7657 4.68499167,9.1217 C2.70699167,12.4617 3.24499167,16.7137 5.99399167,19.4617 C9.30899167,22.7757 14.7019917,22.7757 18.0169917,19.4617 C19.6229917,17.8567 20.5069917,15.7217 20.5069917,13.4497 C20.5069917,11.1797 19.6229917,9.0437 18.0169917,7.4387 C16.3209917,5.7417 14.0139917,4.8687 11.6289917,4.9707 L11.6289917,4.9707 L12.9139917,6.2567 C13.2069917,6.5497 13.2069917,7.0237 12.9139917,7.3167 C12.7679917,7.4637 12.5759917,7.5367 12.3839917,7.5367 C12.1919917,7.5367 12,7.4637 11.8539917,7.3167 L11.8539917,7.3167 L9.53299167,4.9967 C9.13099167,4.5957 9.13099167,3.9407 9.53299167,3.5397 L9.53299167,3.5397 Z M13.5543917,10.8846 C14.7303917,10.8846 15.7453917,11.6276 15.7453917,13.5786 L15.7453917,13.8586 C15.7453917,15.8336 14.7143917,16.5536 13.5383917,16.5536 C12.3073917,16.5536 11.3403917,15.7856 11.3403917,13.8906 L11.3403917,13.6026 C11.3403917,11.6116 12.4033917,10.8846 13.5543917,10.8846 Z M10.2426917,10.9477 L10.2426917,16.4887 L9.09969167,16.4887 L9.09969167,12.0837 L8.20369167,12.2517 L8.20369167,11.5877 L9.65969167,10.9477 L10.2426917,10.9477 Z M13.5473917,11.7316 C12.8593917,11.7316 12.5313917,12.2756 12.5313917,13.5226 L12.5313917,13.8666 C12.5313917,15.1066 12.8433917,15.7056 13.5383917,15.7056 C14.2343917,15.7056 14.5703917,15.2016 14.5703917,13.9226 L14.5703917,13.5786 C14.5703917,12.3076 14.2263917,11.7316 13.5473917,11.7316 Z", fill: color, fillRule: "evenodd" })));
+};
+exports.default = TenSecBack;

package/dist/src/common/assets/icons/line/TenSecBackArrow.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import IconType from '../IconType';
+declare const TenSecBackArrow: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default TenSecBackArrow;

package/dist/src/common/assets/icons/line/TenSecBackArrow.js

@@ -0,0 +1,34 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var TenSecBackArrow = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("path", { d: "M11.7259917,3.4677 L12.9139917,2.2797 C13.2069917,1.9867 13.2069917,1.5127 12.9139917,1.2197 C12.6209917,0.9267 12.1469917,0.9267 11.8539917,1.2197 L9.53299167,3.5397 C9.13099167,3.9407 9.13099167,4.5957 9.53299167,4.9967 L11.8539917,7.3167 C12,7.4637 12.1919917,7.5367 12.3839917,7.5367 C12.5759917,7.5367 12.7679917,7.4637 12.9139917,7.3167 C13.2069917,7.0237 13.2069917,6.5497 12.9139917,6.2567 L11.6289917,4.9707 C14.0139917,4.8687 16.3209917,5.7417 18.0169917,7.4387 C19.6229917,9.0437 20.5069917,11.1797 20.5069917,13.4497 C20.5069917,15.7217 19.6229917,17.8567 18.0169917,19.4617 C14.7019917,22.7757 9.30899167,22.7757 5.99399167,19.4617 C3.24499167,16.7137 2.70699167,12.4617 4.68499167,9.1217 C4.89599167,8.7657 4.77799167,8.3057 4.42099167,8.0947 C4.06599167,7.8827 3.60499167,8.0017 3.39399167,8.3577 C1.06799167,12.2877 1.70099167,17.2897 4.93299167,20.5227 C6.88299167,22.4727 9.44399167,23.4467 12.0059917,23.4467 C14.5659917,23.4467 17.1279917,22.4727 19.0779917,20.5227 C20.9669917,18.6337 22.0069917,16.1217 22.0069917,13.4497 C22.0069917,10.7787 20.9669917,8.2677 19.0779917,6.3777 C17.1209917,4.4207 14.4699917,3.3967 11.7259917,3.4677 Z", fill: color, fillRule: "evenodd" })));
+};
+exports.default = TenSecBackArrow;

package/dist/src/common/assets/icons/line/TenSecForward.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import IconType from '../IconType';
+declare const TenSecForward: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default TenSecForward;

package/dist/src/common/assets/icons/line/TenSecForward.js

@@ -0,0 +1,34 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var TenSecForward = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("path", { d: "M11.093,1.21975 C11.386,0.92675 11.861,0.92675 12.154,1.21975 L12.154,1.21975 L14.475,3.54075 C14.875,3.94275 14.875,4.59475 14.476,4.99675 L14.476,4.99675 L12.154,7.31775 C12.007,7.46375 11.815,7.53775 11.623,7.53775 C11.431,7.53775 11.239,7.46375 11.093,7.31775 C10.8,7.02475 10.8,6.54975 11.093,6.25675 L11.093,6.25675 L12.379,4.97075 C9.992,4.86575 7.686,5.74175 5.99,7.43875 C4.384,9.04475 3.5,11.17975 3.5,13.45075 C3.5,15.72175 4.384,17.85675 5.99,19.46275 C7.596,21.06775 9.731,21.95275 12.002,21.95275 C14.273,21.95275 16.407,21.06775 18.013,19.46275 C20.761,16.71375 21.3,12.46275 19.322,9.12275 C19.111,8.76575 19.229,8.30575 19.585,8.09475 C19.942,7.88375 20.402,8.00175 20.613,8.35875 C22.94,12.28875 22.307,17.29075 19.074,20.52275 C17.185,22.41275 14.674,23.45275 12.002,23.45275 C9.33,23.45275 6.818,22.41275 4.929,20.52275 C3.04,18.63375 2,16.12275 2,13.45075 C2,10.77975 3.04,8.26675 4.929,6.37875 C6.886,4.42175 9.534,3.39275 12.28,3.46775 L12.28,3.46775 L11.093,2.28075 C10.8,1.98775 10.8,1.51275 11.093,1.21975 Z M13.5501,10.88515 C14.7261,10.88515 15.7421,11.62815 15.7421,13.57915 L15.7421,13.85915 C15.7421,15.83415 14.7111,16.55415 13.5351,16.55415 C12.3031,16.55415 11.3361,15.78615 11.3361,13.89115 L11.3361,13.60315 C11.3361,11.61215 12.3991,10.88515 13.5501,10.88515 Z M10.2394,10.94825 L10.2394,16.48925 L9.0954,16.48925 L9.0954,12.08425 L8.1994,12.25225 L8.1994,11.58825 L9.6554,10.94825 L10.2394,10.94825 Z M13.5431,11.73215 C12.8551,11.73215 12.5271,12.27615 12.5271,13.52315 L12.5271,13.86715 C12.5271,15.10715 12.8391,15.70615 13.5351,15.70615 C14.2301,15.70615 14.5661,15.20215 14.5661,13.92315 L14.5661,13.57915 C14.5661,12.30815 14.2221,11.73215 13.5431,11.73215 Z", fill: color, fillRule: "evenodd" })));
+};
+exports.default = TenSecForward;

package/dist/src/common/assets/icons/line/TenSecForwardArrow.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import IconType from '../IconType';
+declare const TenSecForwardArrow: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default TenSecForwardArrow;

package/dist/src/common/assets/icons/line/TenSecForwardArrow.js

@@ -0,0 +1,34 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var TenSecForwardArrow = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("path", { d: "M20.613,8.35875 C20.402,8.00175 19.942,7.88375 19.585,8.09475 C19.229,8.30575 19.111,8.76575 19.322,9.12275 C21.3,12.46275 20.761,16.71375 18.013,19.46275 C16.407,21.06775 14.273,21.95275 12.002,21.95275 C9.731,21.95275 7.596,21.06775 5.99,19.46275 C4.384,17.85675 3.5,15.72175 3.5,13.45075 C3.5,11.17975 4.384,9.04475 5.99,7.43875 C7.686,5.74175 9.992,4.86575 12.379,4.97075 L11.093,6.25675 C10.8,6.54975 10.8,7.02475 11.093,7.31775 C11.239,7.46375 11.431,7.53775 11.623,7.53775 C11.815,7.53775 12.007,7.46375 12.154,7.31775 L14.476,4.99675 C14.875,4.59475 14.875,3.94275 14.475,3.54075 L12.154,1.21975 C11.861,0.92675 11.386,0.92675 11.093,1.21975 C10.8,1.51275 10.8,1.98775 11.093,2.28075 L12.28,3.46775 C9.534,3.39275 6.886,4.42175 4.929,6.37875 C3.04,8.26675 2,10.77975 2,13.45075 C2,16.12275 3.04,18.63375 4.929,20.52275 C6.818,22.41275 9.33,23.45275 12.002,23.45275 C14.674,23.45275 17.185,22.41275 19.074,20.52275 C22.307,17.29075 22.94,12.28875 20.613,8.35875", fill: color, fillRule: "evenodd" })));
+};
+exports.default = TenSecForwardArrow;

package/dist/src/common/assets/icons/line/index.d.ts

@@ -73,6 +73,7 @@ declare const lineIcons: {
     readonly ic_post_promotion: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_post_promotion_p: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_post_social: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_post_welcome: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_profit: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_qr: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_radio_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -94,6 +95,10 @@ declare const lineIcons: {
     readonly ic_standard_banner: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_subscribers: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_success: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_ten_sec_back: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_ten_sec_back_arrow: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_ten_sec_forward: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_ten_sec_forward_arrow: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_time: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_toggle_down: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_toggle_up: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

package/dist/src/common/assets/icons/line/index.js

@@ -76,6 +76,7 @@ var PostPhotobook_1 = __importDefault(require("./PostPhotobook"));
 var PostPromotion_1 = __importDefault(require("./PostPromotion"));
 var PostPromotionP_1 = __importDefault(require("./PostPromotionP"));
 var PostSocial_1 = __importDefault(require("./PostSocial"));
+var PostWelcome_1 = __importDefault(require("./PostWelcome"));
 var Profit_1 = __importDefault(require("./Profit"));
 var Qr_1 = __importDefault(require("./Qr"));
 var RadioOff_1 = __importDefault(require("./RadioOff"));
@@ -97,6 +98,10 @@ var SpeakerWave2_1 = __importDefault(require("./SpeakerWave2"));
 var StandardBanner_1 = __importDefault(require("./StandardBanner"));
 var Subscribers_1 = __importDefault(require("./Subscribers"));
 var Success_1 = __importDefault(require("./Success"));
+var TenSecBack_1 = __importDefault(require("./TenSecBack"));
+var TenSecBackArrow_1 = __importDefault(require("./TenSecBackArrow"));
+var TenSecForward_1 = __importDefault(require("./TenSecForward"));
+var TenSecForwardArrow_1 = __importDefault(require("./TenSecForwardArrow"));
 var Time_1 = __importDefault(require("./Time"));
 var ToggleDown_1 = __importDefault(require("./ToggleDown"));
 var ToggleUp_1 = __importDefault(require("./ToggleUp"));
@@ -193,6 +198,7 @@ var lineIcons = {
     ic_post_promotion: PostPromotion_1.default,
     ic_post_promotion_p: PostPromotionP_1.default,
     ic_post_social: PostSocial_1.default,
+    ic_post_welcome: PostWelcome_1.default,
     ic_profit: Profit_1.default,
     ic_qr: Qr_1.default,
     ic_radio_off: RadioOff_1.default,
@@ -214,6 +220,10 @@ var lineIcons = {
     ic_standard_banner: StandardBanner_1.default,
     ic_subscribers: Subscribers_1.default,
     ic_success: Success_1.default,
+    ic_ten_sec_back: TenSecBack_1.default,
+    ic_ten_sec_back_arrow: TenSecBackArrow_1.default,
+    ic_ten_sec_forward: TenSecForward_1.default,
+    ic_ten_sec_forward_arrow: TenSecForwardArrow_1.default,
     ic_time: Time_1.default,
     ic_toggle_down: ToggleDown_1.default,
     ic_toggle_up: ToggleUp_1.default,

package/dist/src/common/components/Form/Form.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+/**
+ * 스마트 폼 컴포넌트
+ * @param {boolean} props.autoComplete 자동완성 기능 설정
+ * @param {function} props.onSubmit 제출 이벤트 콜백
+ * @param {boolean} props.displayButton 외부 버튼 생성 여부
+ */
+declare type FormProps = {
+    autoComplete?: boolean;
+    children?: React.ReactNode;
+    onSubmit?: (event: React.FormEvent<HTMLFormElement>) => void;
+    onChange?: (event: React.FormEvent<HTMLFormElement>) => void;
+    displayButton?: boolean;
+};
+declare function Form({ autoComplete, children, onSubmit, onChange, displayButton }: FormProps): JSX.Element;
+export default Form;

package/dist/src/common/components/Form/Form.js

@@ -0,0 +1,40 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importStar(require("styled-components"));
+function Form(_a) {
+    var autoComplete = _a.autoComplete, children = _a.children, onSubmit = _a.onSubmit, onChange = _a.onChange, displayButton = _a.displayButton;
+    return (react_1.default.createElement(S_StyledForm, { onSubmit: onSubmit, onChange: onChange, displayButton: displayButton, autoComplete: autoComplete ? 'on' : 'off' }, children));
+}
+var S_StyledForm = styled_components_1.default.form(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n\n  ", ";\n"], ["\n  height: 100%;\n  width: 100%;\n\n  ", ";\n"])), function (_a) {
+    var displayButton = _a.displayButton;
+    return displayButton && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      align-items: center;\n      display: flex;\n      height: 100%;\n    "], ["\n      align-items: center;\n      display: flex;\n      height: 100%;\n    "])));
+});
+exports.default = Form;
+var templateObject_1, templateObject_2;

package/dist/src/common/components/Form/index.d.ts

@@ -0,0 +1 @@
+export { default as Form } from './Form';

package/dist/src/common/components/Form/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+var Form_1 = require("./Form");
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return __importDefault(Form_1).default; } });

package/dist/src/common/components/index.d.ts

@@ -0,0 +1,2 @@
+import { Form } from './Form';
+export { Form };

package/dist/src/common/components/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+var Form_1 = require("./Form");
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });

package/dist/src/common/decorators/withFormProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare type StoryType = () => React.ReactNode;
+export declare const withFormProvider: (storyFn: StoryType) => JSX.Element;
+export {};

package/dist/src/common/decorators/withFormProvider.js

@@ -0,0 +1,28 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withFormProvider = void 0;
+/* eslint-disable @typescript-eslint/no-empty-function */
+/* eslint-disable react-hooks/rules-of-hooks */
+var react_1 = __importDefault(require("react"));
+var react_hook_form_1 = require("react-hook-form");
+var components_1 = require("../components");
+var withFormProvider = function (storyFn) {
+    var methods = (0, react_hook_form_1.useForm)({ mode: 'onChange' });
+    return (react_1.default.createElement(react_hook_form_1.FormProvider, __assign({}, methods),
+        react_1.default.createElement(components_1.Form, { onSubmit: function () { } }, storyFn())));
+};
+exports.withFormProvider = withFormProvider;

package/dist/src/common/index.d.ts

@@ -1,8 +1,13 @@
 import { UITheme } from './styles/colorSet/ui-type';
 import { PdsDevKitTheme } from './types/styled-components';
-export { UITheme, PdsDevKitTheme };
+import { FillIconNameKeys, LineIconNameKeys } from './types/icon';
+import { UiColors } from './types/uiColors';
+import { IFormValues } from './types/form';
+export { UITheme, PdsDevKitTheme, FillIconNameKeys, LineIconNameKeys, UiColors, IFormValues };
 import { fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing } from './styles/theme';
 import { uiColors } from './styles/ui-colors';
 export { fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing, uiColors };
 import { theme } from './styles';
 export { theme };
+import { Form } from './components';
+export { Form };

package/dist/src/common/index.js

@@ -2,7 +2,7 @@
 /* eslint-disable import/order */
 /* eslint-disable import/first */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.theme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
+exports.Form = exports.theme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
 // theme
 var theme_1 = require("./styles/theme");
 Object.defineProperty(exports, "fontWeight", { enumerable: true, get: function () { return theme_1.fontWeight; } });
@@ -17,3 +17,6 @@ Object.defineProperty(exports, "uiColors", { enumerable: true, get: function ()
 // all theme
 var styles_1 = require("./styles");
 Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return styles_1.theme; } });
+// components
+var components_1 = require("./components");
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return components_1.Form; } });