pds-dev-kit-web 2.2.23 → 2.2.24

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

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

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

@@ -0,0 +1,30 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Hourglass = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M11.9999,13.0536 L16.0379,17.0346 C16.1029,17.0986 16.1369,17.1746 16.1869,17.2456 C13.4629,16.3636 10.5369,16.3636 7.8129,17.2456 C7.8629,17.1746 7.8979,17.0986 7.9619,17.0346 L11.9999,13.0536 Z M7.5669,6.0926 L7.5669,3.9456 L16.4329,3.9456 L16.4329,6.0926 C16.4329,6.4036 16.2919,6.7136 16.0379,6.9656 L14.5069,8.4756 L14.5069,8.4626 C12.8869,7.8756 11.1129,7.8756 9.4939,8.4626 L9.4939,8.4756 L7.9629,6.9656 C7.7079,6.7136 7.5669,6.4036 7.5669,6.0926 L7.5669,6.0926 Z M19.1679,20.0546 L17.9329,20.0546 L17.9329,17.9076 C17.9329,17.1916 17.6339,16.5026 17.0909,15.9666 L13.0679,12.0006 L17.0909,8.0336 C17.6339,7.4976 17.9329,6.8086 17.9329,6.0926 L17.9329,3.9456 L19.1679,3.9456 C19.5829,3.9456 19.9179,3.6096 19.9179,3.1956 C19.9179,2.7816 19.5829,2.4456 19.1679,2.4456 L4.8319,2.4456 C4.4169,2.4456 4.0819,2.7816 4.0819,3.1956 C4.0819,3.6096 4.4169,3.9456 4.8319,3.9456 L6.0669,3.9456 L6.0669,6.0926 C6.0669,6.8086 6.3659,7.4976 6.9099,8.0336 L10.9319,12.0006 L6.9099,15.9666 C6.3669,16.5016 6.0669,17.1916 6.0669,17.9076 L6.0669,20.0546 L4.8319,20.0546 C4.4169,20.0546 4.0819,20.3906 4.0819,20.8046 C4.0819,21.2186 4.4169,21.5546 4.8319,21.5546 L19.1679,21.5546 C19.5829,21.5546 19.9179,21.2186 19.9179,20.8046 C19.9179,20.3906 19.5829,20.0546 19.1679,20.0546 L19.1679,20.0546 Z" }) })));
+};
+exports.default = Hourglass;

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

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

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

@@ -0,0 +1,30 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var UploadList = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M19.3167,20.2713 L4.6837,20.2713 M19.3167,16.2918 L4.6837,16.2918 M15.9346,7.2156 L11.9996,3.2976 L8.0656,7.2156 M12,3.2977 L12,12.0197" }) })));
+};
+exports.default = UploadList;

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

@@ -88,6 +88,7 @@ declare const lineIcons: {
     readonly ic_ghost: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_heart_care: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_home: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_hourglass: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_icon: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_image: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_information: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -245,6 +246,7 @@ declare const lineIcons: {
     readonly ic_unavailable: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_unlock: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_upload: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_upload_list: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_video: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_videocall: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_videocall_pro: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

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

@@ -91,6 +91,7 @@ var Folder_1 = __importDefault(require("./Folder"));
 var Ghost_1 = __importDefault(require("./Ghost"));
 var HeartCare_1 = __importDefault(require("./HeartCare"));
 var Home_1 = __importDefault(require("./Home"));
+var Hourglass_1 = __importDefault(require("./Hourglass"));
 var Icon_1 = __importDefault(require("./Icon"));
 var Image_1 = __importDefault(require("./Image"));
 var Information_1 = __importDefault(require("./Information"));
@@ -248,6 +249,7 @@ var TypefaceSystem_1 = __importDefault(require("./TypefaceSystem"));
 var Unavailable_1 = __importDefault(require("./Unavailable"));
 var Unlock_1 = __importDefault(require("./Unlock"));
 var Upload_1 = __importDefault(require("./Upload"));
+var UploadList_1 = __importDefault(require("./UploadList"));
 var Video_1 = __importDefault(require("./Video"));
 var Videocall_1 = __importDefault(require("./Videocall"));
 var VideocallPro_1 = __importDefault(require("./VideocallPro"));
@@ -356,6 +358,7 @@ var lineIcons = {
     ic_ghost: Ghost_1.default,
     ic_heart_care: HeartCare_1.default,
     ic_home: Home_1.default,
+    ic_hourglass: Hourglass_1.default,
     ic_icon: Icon_1.default,
     ic_image: Image_1.default,
     ic_information: Information_1.default,
@@ -513,6 +516,7 @@ var lineIcons = {
     ic_unavailable: Unavailable_1.default,
     ic_unlock: Unlock_1.default,
     ic_upload: Upload_1.default,
+    ic_upload_list: UploadList_1.default,
     ic_video: Video_1.default,
     ic_videocall: Videocall_1.default,
     ic_videocall_pro: VideocallPro_1.default,

package/dist/src/common/styles/colorSet/UIColor.json

@@ -837,5 +837,6 @@
     "ui_107": "sys_component_border_white_opacity20",
     "ui_cpnt_textlabel_sys_white_02": "sys_text_white_02",
     "ui_cpnt_headerbar_base_area_transparent": "sys_container_background_04",
-    "ui_108": "sys_widget_error_01"
+    "ui_108": "sys_widget_error_01",
+    "ui_110": "sys_component_base_black_opacity50"
 }

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

@@ -1,4 +1,124 @@
 declare const colorSet: {
+    readonly SemanticColor: {
+        blue500: string;
+        blue700: string;
+        blue300: string;
+        green700: string;
+        green500: string;
+        green300: string;
+        red500: string;
+        grey900: string;
+        grey500: string;
+        grey400: string;
+        grey100: string;
+        grey50: string;
+        white: string;
+        black: string;
+        darkblue500: string;
+        grey950: string;
+        darkgrey900: string;
+        darkgrey500: string;
+        darkgrey400: string;
+        darkgrey100: string;
+        darkgrey50: string;
+        darkred500: string;
+        darkgreen700: string;
+        orange500: string;
+        darkorange500: string;
+        opacity00: string;
+        opacity20: string;
+        opacity30: string;
+        opacity65: string;
+        darkgreen500: string;
+        grey70: string;
+        navy500: string;
+        lightgreen500: string;
+        pink500: string;
+        darkgrey70: string;
+        darknavy500: string;
+        darkpink500: string;
+        darklightgreen500: string;
+        opacity10: string;
+        grey600: string;
+        darkgrey600: string;
+        skyblue500: string;
+        skyblue300: string;
+        pink300: string;
+        lightpink500: string;
+        darkblue300: string;
+        darkblue700: string;
+        darkgreen300: string;
+        darkskyblue500: string;
+        navy100: string;
+        darknavy100: string;
+        opacity80: string;
+        opacity50: string;
+        grey30: string;
+        opacity95: string;
+        darkgrey30: string;
+        opacity40: string;
+        kakaoyellow: string;
+        pastelblue500: string;
+        pastelpink500: string;
+        pastelorange500: string;
+        pastelgreen500: string;
+        pastelpurple500: string;
+        darkpastelblue500: string;
+        darkpastelpink500: string;
+        darkpastelorange500: string;
+        darkpastelgreen500: string;
+        darkpastelpurple500: string;
+        green30: string;
+        darkgreen30: string;
+        orange50: string;
+        darkorange50: string;
+        orange30: string;
+        darkorange30: string;
+        green50: string;
+        darkgreen50: string;
+        opacity90: string;
+        facebookblue: string;
+        opacity05: string;
+        opacity15: string;
+        grey80: string;
+        grey200: string;
+        darkgrey80: string;
+        darkgrey200: string;
+        opacity70: string;
+        opacity60: string;
+        skyblue100: string;
+        green100: string;
+        darkgreen100: string;
+        darkskyblue100: string;
+        opacity25: string;
+        opacity35: string;
+        grey10: string;
+        darkgrey10: string;
+        blue50: string;
+        darkblue50: string;
+        blue10: string;
+        red10: string;
+        green10: string;
+        blue30: string;
+        red30: string;
+        orange300: string;
+        darkorange300: string;
+        darkpink300: string;
+        pastelblue300: string;
+        darkpastelblue300: string;
+        softpurple500: string;
+        darksoftpurple500: string;
+        coolpink500: string;
+        darkcoolpink500: string;
+        brown500: string;
+        darkbrown500: string;
+        yellow300: string;
+        darkyellow300: string;
+        grey20: string;
+        darkgrey20: string;
+        grey300: string;
+        darkgrey300: string;
+    };
     readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
@@ -693,126 +813,6 @@ declare const colorSet: {
         sys_text_white_02: string;
         sys_component_base_45: string;
     };
-    readonly SemanticColor: {
-        blue500: string;
-        blue700: string;
-        blue300: string;
-        green700: string;
-        green500: string;
-        green300: string;
-        red500: string;
-        grey900: string;
-        grey500: string;
-        grey400: string;
-        grey100: string;
-        grey50: string;
-        white: string;
-        black: string;
-        darkblue500: string;
-        grey950: string;
-        darkgrey900: string;
-        darkgrey500: string;
-        darkgrey400: string;
-        darkgrey100: string;
-        darkgrey50: string;
-        darkred500: string;
-        darkgreen700: string;
-        orange500: string;
-        darkorange500: string;
-        opacity00: string;
-        opacity20: string;
-        opacity30: string;
-        opacity65: string;
-        darkgreen500: string;
-        grey70: string;
-        navy500: string;
-        lightgreen500: string;
-        pink500: string;
-        darkgrey70: string;
-        darknavy500: string;
-        darkpink500: string;
-        darklightgreen500: string;
-        opacity10: string;
-        grey600: string;
-        darkgrey600: string;
-        skyblue500: string;
-        skyblue300: string;
-        pink300: string;
-        lightpink500: string;
-        darkblue300: string;
-        darkblue700: string;
-        darkgreen300: string;
-        darkskyblue500: string;
-        navy100: string;
-        darknavy100: string;
-        opacity80: string;
-        opacity50: string;
-        grey30: string;
-        opacity95: string;
-        darkgrey30: string;
-        opacity40: string;
-        kakaoyellow: string;
-        pastelblue500: string;
-        pastelpink500: string;
-        pastelorange500: string;
-        pastelgreen500: string;
-        pastelpurple500: string;
-        darkpastelblue500: string;
-        darkpastelpink500: string;
-        darkpastelorange500: string;
-        darkpastelgreen500: string;
-        darkpastelpurple500: string;
-        green30: string;
-        darkgreen30: string;
-        orange50: string;
-        darkorange50: string;
-        orange30: string;
-        darkorange30: string;
-        green50: string;
-        darkgreen50: string;
-        opacity90: string;
-        facebookblue: string;
-        opacity05: string;
-        opacity15: string;
-        grey80: string;
-        grey200: string;
-        darkgrey80: string;
-        darkgrey200: string;
-        opacity70: string;
-        opacity60: string;
-        skyblue100: string;
-        green100: string;
-        darkgreen100: string;
-        darkskyblue100: string;
-        opacity25: string;
-        opacity35: string;
-        grey10: string;
-        darkgrey10: string;
-        blue50: string;
-        darkblue50: string;
-        blue10: string;
-        red10: string;
-        green10: string;
-        blue30: string;
-        red30: string;
-        orange300: string;
-        darkorange300: string;
-        darkpink300: string;
-        pastelblue300: string;
-        darkpastelblue300: string;
-        softpurple500: string;
-        darksoftpurple500: string;
-        coolpink500: string;
-        darkcoolpink500: string;
-        brown500: string;
-        darkbrown500: string;
-        yellow300: string;
-        darkyellow300: string;
-        grey20: string;
-        darkgrey20: string;
-        grey300: string;
-        darkgrey300: string;
-    };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
         ui_cpnt_button_fill_base_default: string;
@@ -1653,6 +1653,7 @@ declare const colorSet: {
         ui_cpnt_textlabel_sys_white_02: string;
         ui_cpnt_headerbar_base_area_transparent: string;
         ui_108: string;
+        ui_110: string;
     };
 };
 export default colorSet;

package/dist/src/common/styles/colorSet/index.js

@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable import/order */
+var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
 var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
 var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
-var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
 var UIColor_json_1 = __importDefault(require("./UIColor.json"));
 var colorSet = {
+    SemanticColor: SemanticColor_json_1.default,
     PaletteColor_light: PaletteColor_light_json_1.default,
     PaletteColor_Dark: PaletteColor_Dark_json_1.default,
-    SemanticColor: SemanticColor_json_1.default,
     UIColor: UIColor_json_1.default
 };
 exports.default = colorSet;

package/dist/src/common/styles/colorSet/ui-type.d.ts

@@ -838,4 +838,5 @@ export interface UITheme {
     ui_cpnt_textlabel_sys_white_02: string;
     ui_cpnt_headerbar_base_area_transparent: string;
     ui_108: string;
+    ui_110: string;
 }

package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js

@@ -90,7 +90,8 @@ function CustomSection(props) {
     }), rows = _g.rows, width = _g.width, minHeight = _g.minHeight, isFullWidth = _g.isFullWidth;
     var customSectionStyles = {
         minHeight: "".concat(minHeight, "vh"),
-        width: isFullWidth ? '100%' : "".concat(width, "px")
+        width: '100%',
+        maxWidth: isFullWidth ? '' : "".concat(width, "px")
     };
     var breakpoint = device === 'MOBILE' ? 'sm' : 'lg';
     var onClickCB = function (id) {
@@ -204,6 +205,7 @@ function CustomSection(props) {
                         paddingLeft: padding.left
                     } }, { children: (0, jsx_runtime_1.jsx)(Responsive, __assign({ allowOverlap: true, layouts: { lg: layouts.lg, sm: layouts.sm }, resizeHandles: ['nw', 'e', 'n', 'ne', 's', 'se', 'sw', 'w'], breakpoints: breakpoints, breakpoint: breakpoint, cols: { lg: 24, sm: 8 }, rowHeight: rowHeight, margin: [10, 10], style: {
                             width: customSectionStyles.width,
+                            maxWidth: customSectionStyles.maxWidth,
                             minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
                             fontSize: "".concat(baseFontSize, "px")
                         }, onLayoutChange: onLayoutChange, onDragStop: onDragStop, onResizeStop: onResizeStop, onWidthChange: onWidthChange, minNbRow: rows, isDraggable: isEditMode, isResizable: isEditMode }, { children: (componentBlocks === null || componentBlocks === void 0 ? void 0 : componentBlocks.length) ? (componentBlocks.map(function (each) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: selectedCB === each.id ? 'react-grid-item-selected' : '' }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web",
-  "version": "2.2.23",
+  "version": "2.2.24",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,7 +1,13 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.23]
+## [v2.2.24]
 ## daily|https://design.storybook.publ.biz/
 
 ### Component
     * Icon
-        * ic_chapter line 추가
+        * ic_upload_list line 추가
+        * ic_hourglass line 추가
+### sub
+    * DynamicLayout
+        * custom section
+            * width값으로 들어가던 것을 max-width로 들어가도록 수정
+            * width는 100%로 고정