pds-dev-kit-web-test 2.5.485 → 2.5.486

package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackground.js

@@ -20,8 +20,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var util_1 = require("../../../../DynamicLayout/sections/CustomSection/util");
-var isNullOrUndefined_1 = __importDefault(require("../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
+var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
+var isNullOrUndefined_1 = __importDefault(require("@sub/DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var sectionContext_1 = require("../sectionContext");
 var CustomSectionBackgroundMedia_1 = require("./CustomSectionBackgroundMedia");

package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.d.ts

@@ -1,7 +1,7 @@
 import { MutableRefObject } from 'react';
 import { CSSProperties } from 'styled-components';
-import type { Device } from '../../../../DynamicLayout/sections/CustomSection/util/types';
-import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '../../../../DynamicLayout/types';
+import type { Device } from '@sub/DynamicLayout/sections/CustomSection/util/types';
+import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '@sub/DynamicLayout/types';
 type Props = {
     specs: CB_STYLE_PROP_BGMEDIA_SPECS;
     playerId: number;

package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js

@@ -44,14 +44,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomSectionBackgroundMedia = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var utils_1 = require("../../../../DynamicLayout/utils");
+var compositionQueryContext_1 = require("@sub/DynamicLayout/compositionQueryContext");
+var utils_1 = require("@sub/DynamicLayout/utils");
 var styled_components_1 = __importStar(require("styled-components"));
 var YouTubeIframe_1 = require("../../YouTubeIframe");
 var util_1 = require("../util");
 var VideoBGMedia_1 = __importDefault(require("./VideoBGMedia"));
 function CustomSectionBackgroundMedia(_a) {
     var specs = _a.specs, playerId = _a.playerId, mediaType = _a.mediaType, componentStyle = _a.componentStyle, device = _a.device, backgroundRef = _a.backgroundRef;
-    var _b = (0, util_1.parseSectionBackgroundMediaData)(specs, device), CB_STYLE_PROP_BGMEDIA_SPEC_YSRC = _b.CB_STYLE_PROP_BGMEDIA_SPEC_YSRC, CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY = _b.CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY, CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME = _b.CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME, CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME = _b.CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME, CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR = _b.CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR, CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR = _b.CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR;
+    var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
+    var _b = (0, util_1.parseSectionBackgroundMediaData)(specs, device), CB_STYLE_PROP_BGMEDIA_SPEC_YSRC = _b.CB_STYLE_PROP_BGMEDIA_SPEC_YSRC, CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY = _b.CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY, CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME = _b.CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME, CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME = _b.CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME, CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR = _b.CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR, CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR = _b.CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR, CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE = _b.CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE, CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA = _b.CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA;
     var _c = (0, react_1.useState)({ width: 0, height: 0 }), youtubeSize = _c[0], setYoutubeSize = _c[1];
     var youTubeIframeKey = (0, react_1.useMemo)(function () {
         return "".concat(utils_1.YouTubeLinkParser.getId(String(CB_STYLE_PROP_BGMEDIA_SPEC_YSRC)), "-").concat(CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY, "-").concat(CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME, "-").concat(CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME);
@@ -100,12 +102,32 @@ function CustomSectionBackgroundMedia(_a) {
             observer.disconnect();
         };
     }, [device, specs, playerId, mediaType]);
+    var imgSrc = function () {
+        var isDataConnected = CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE === 'DATA' ||
+            CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE === 'DELEGATEDDATA';
+        if (!isDataConnected) {
+            return CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR
+                ? String(CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR)
+                : '';
+        }
+        if (!(queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData)) {
+            // eslint-disable-next-line
+            console.warn('ERROR: No query data found');
+            return 'ERROR';
+        }
+        if (!queryContext.queryData[String(CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA)]) {
+            // eslint-disable-next-line
+            console.warn("ERROR: ".concat(CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA, " NOT found in query data"));
+            return 'ERROR';
+        }
+        return queryContext.queryData[String(CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA)];
+    };
     if ('background' in componentStyle) {
         delete componentStyle.background;
     }
     switch (mediaType) {
         case 'IMAGE':
-            return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR && ((0, jsx_runtime_1.jsx)(S_Image, __assign({ src: String(CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR), normalStyle: componentStyle }, { children: (0, jsx_runtime_1.jsx)("img", { src: String(CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR), style: { visibility: 'hidden', width: '100%', height: '100%' } }) }))) }));
+            return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: imgSrc() && ((0, jsx_runtime_1.jsx)(S_Image, __assign({ src: imgSrc(), normalStyle: componentStyle }, { children: (0, jsx_runtime_1.jsx)("img", { src: imgSrc(), style: { visibility: 'hidden', width: '100%', height: '100%' } }) }))) }));
         case 'YOUTUBE':
             return ((0, jsx_runtime_1.jsx)(S_YoutubeContainer, __assign({}, youtubeSize, { children: youtubeSize.height > 0 && youtubeSize.width > 0 && ((0, jsx_runtime_1.jsx)(YouTubeIframe_1.YouTubeIframe, { src: String(CB_STYLE_PROP_BGMEDIA_SPEC_YSRC), id: playerId, loopMode: CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY ? 'use' : 'none', startSeconds: Number(CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME), endSeconds: Number(CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME), customHeight: youtubeSize.height, customWidth: youtubeSize.width }, youTubeIframeKey)) })));
         case 'VIDEO':

package/dist/src/sub/DynamicLayout/components/Section/components/VideoBGMedia.js

@@ -20,7 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var helper_1 = require("../../../../DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper");
+var helper_1 = require("@sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper");
 var styled_components_1 = __importDefault(require("styled-components"));
 function VideoBGMedia(_a) {
     var src = _a.src, startTime = _a.startTime, endTime = _a.endTime, loop = _a.loop;

package/dist/src/sub/DynamicLayout/components/Section/sectionContext.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { ISection } from '../../types';
-export declare const sectionContext: import("react").Context<ISection | null>;
+import type { IComposition, ISection } from '../../types';
+export declare const sectionContext: import("react").Context<ISection | IComposition | null>;

package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.d.ts

@@ -1,5 +1,5 @@
-import type { Device } from '../../../../DynamicLayout/sections/CustomSection/util/types';
-import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '../../../../DynamicLayout/types';
+import type { Device } from '@sub/DynamicLayout/sections/CustomSection/util/types';
+import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '@sub/DynamicLayout/types';
 type SpecKeys = keyof Omit<CB_STYLE_PROP_BGMEDIA_SPECS, 'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY'>;
 type ValueSetType = Partial<Record<SpecKeys, string | number | boolean | undefined>>;
 export default function UseCustomSectionBackgroundMediaData(specs: CB_STYLE_PROP_BGMEDIA_SPECS, device: Device): ValueSetType;

package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var isNullOrUndefined_1 = __importDefault(require("../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
+var isNullOrUndefined_1 = __importDefault(require("@sub/DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
 var AVAILABLE_SPECS = [
     'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC',
     'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE',
@@ -26,7 +26,9 @@ var AVAILABLE_SPECS = [
     'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR',
     'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT',
     'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME',
-    'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR'
+    'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR',
+    'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE',
+    'CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA'
     // 'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY'
 ];
 function UseCustomSectionBackgroundMediaData(specs, device) {

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/downIcons.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type IconType from '../../IconType';
+export declare const ArrowDownDesign01: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowDownDesign02: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowDownDesign03: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowDownDesign04: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowDownDesign05: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowDownDesign06: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowDownDesign07: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowDownDesign08: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowDownDesign09: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowDownDesign10: ({ color, size, ...rest }: IconType) => JSX.Element;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/downIcons.js

@@ -0,0 +1,76 @@
+"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 });
+exports.ArrowDownDesign10 = exports.ArrowDownDesign09 = exports.ArrowDownDesign08 = exports.ArrowDownDesign07 = exports.ArrowDownDesign06 = exports.ArrowDownDesign05 = exports.ArrowDownDesign04 = exports.ArrowDownDesign03 = exports.ArrowDownDesign02 = exports.ArrowDownDesign01 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ArrowDownDesign01 = 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: ".5", d: "M15.577375,18.497375 L8.666375,11.586375 C8.341375,11.261375 8.341375,10.733375 8.666375,10.408375 L15.577375,3.497375", transform: "rotate(-90 12 10.997)" }) })));
+};
+exports.ArrowDownDesign01 = ArrowDownDesign01;
+var ArrowDownDesign02 = 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", d: "M15.5773125,18.5003005 L8.6668125,11.5898005 C8.3413125,11.2643005 8.3413125,10.7363005 8.6668125,10.4108005 L15.5773125,3.5003005", transform: "rotate(-90 12 11)" }) })));
+};
+exports.ArrowDownDesign02 = ArrowDownDesign02;
+var ArrowDownDesign03 = 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: "2.5", d: "M15.5774,18.5 L8.6664,11.589 C8.3414,11.264 8.3414,10.736 8.6664,10.411 L15.5774,3.5", transform: "rotate(-90 12 11)" }) })));
+};
+exports.ArrowDownDesign03 = ArrowDownDesign03;
+var ArrowDownDesign04 = 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)("polyline", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", points: "8.001 3.499 16.001 11.499 8.001 19.501", transform: "rotate(90 12 11.5)" }) })));
+};
+exports.ArrowDownDesign04 = ArrowDownDesign04;
+var ArrowDownDesign05 = 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: "M4.55225015,11.9999287 L21,11.9999287 M10.4989308,19.4992872 L3,12.0003564 L10.4989308,4.5", transform: "rotate(-90 12 12)" }) })));
+};
+exports.ArrowDownDesign05 = ArrowDownDesign05;
+var ArrowDownDesign06 = 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: "square", strokeWidth: "3", d: "M4.55225015,11.9999287 L21,11.9999287 M10.4989308,19.4992872 L3,12.0003564 L10.4989308,4.5", transform: "rotate(-90 12 12)" }) })));
+};
+exports.ArrowDownDesign06 = ArrowDownDesign06;
+var ArrowDownDesign07 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "24", height: "32", viewBox: "0 0 24 32" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M-1.44774985,16.0002851 L27,16.0002851 M4.49893076,23.4996436 L-3,16.0007128 L4.49893076,8.50035641", transform: "rotate(-90 12 16)" }) })));
+};
+exports.ArrowDownDesign07 = ArrowDownDesign07;
+var ArrowDownDesign08 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "24", height: "32", viewBox: "0 0 24 32" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", d: "M-0.448106259,15.8002851 L25.9996436,15.8002851 M5.49857435,23.2996436 L-2.00035641,15.8007128 L5.49857435,8.30035641", transform: "matrix(0 -1 -1 0 27.8 27.8)" }) })));
+};
+exports.ArrowDownDesign08 = ArrowDownDesign08;
+var ArrowDownDesign09 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "24", height: "32", viewBox: "0 0 24 32" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M11.805,12.066 C11.805,12.066 4,19.871 4,19.871 L28.537,19.871", transform: "scale(1 -1) rotate(90 32.237 0)" }) })));
+};
+exports.ArrowDownDesign09 = ArrowDownDesign09;
+var ArrowDownDesign10 = 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)("polygon", { fill: color, fillRule: "evenodd", points: "12 6 21 21 3 21", transform: "rotate(180 12 13.5)" }) })));
+};
+exports.ArrowDownDesign10 = ArrowDownDesign10;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/index.d.ts

@@ -0,0 +1,4 @@
+export { ArrowDownDesign01 as ic_arrow_down_design_01, ArrowDownDesign02 as ic_arrow_down_design_02, ArrowDownDesign03 as ic_arrow_down_design_03, ArrowDownDesign04 as ic_arrow_down_design_04, ArrowDownDesign05 as ic_arrow_down_design_05, ArrowDownDesign06 as ic_arrow_down_design_06, ArrowDownDesign07 as ic_arrow_down_design_07, ArrowDownDesign08 as ic_arrow_down_design_08, ArrowDownDesign09 as ic_arrow_down_design_09, ArrowDownDesign10 as ic_arrow_down_design_10 } from './downIcons';
+export { ArrowLeftDesign01 as ic_arrow_left_design_01, ArrowLeftDesign02 as ic_arrow_left_design_02, ArrowLeftDesign03 as ic_arrow_left_design_03, ArrowLeftDesign04 as ic_arrow_left_design_04, ArrowLeftDesign05 as ic_arrow_left_design_05, ArrowLeftDesign06 as ic_arrow_left_design_06, ArrowLeftDesign07 as ic_arrow_left_design_07, ArrowLeftDesign08 as ic_arrow_left_design_08, ArrowLeftDesign09 as ic_arrow_left_design_09, ArrowLeftDesign10 as ic_arrow_left_design_10 } from './leftIcons';
+export { ArrowRightDesign01 as ic_arrow_right_design_01, ArrowRightDesign02 as ic_arrow_right_design_02, ArrowRightDesign03 as ic_arrow_right_design_03, ArrowRightDesign04 as ic_arrow_right_design_04, ArrowRightDesign05 as ic_arrow_right_design_05, ArrowRightDesign06 as ic_arrow_right_design_06, ArrowRightDesign07 as ic_arrow_right_design_07, ArrowRightDesign08 as ic_arrow_right_design_08, ArrowRightDesign09 as ic_arrow_right_design_09, ArrowRightDesign10 as ic_arrow_right_design_10 } from './rightIcons';
+export { ArrowUpDesign01 as ic_arrow_up_design_01, ArrowUpDesign02 as ic_arrow_up_design_02, ArrowUpDesign03 as ic_arrow_up_design_03, ArrowUpDesign04 as ic_arrow_up_design_04, ArrowUpDesign05 as ic_arrow_up_design_05, ArrowUpDesign06 as ic_arrow_up_design_06, ArrowUpDesign07 as ic_arrow_up_design_07, ArrowUpDesign08 as ic_arrow_up_design_08, ArrowUpDesign09 as ic_arrow_up_design_09, ArrowUpDesign10 as ic_arrow_up_design_10 } from './upIcons';

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/index.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ic_arrow_up_design_10 = exports.ic_arrow_up_design_09 = exports.ic_arrow_up_design_08 = exports.ic_arrow_up_design_07 = exports.ic_arrow_up_design_06 = exports.ic_arrow_up_design_05 = exports.ic_arrow_up_design_04 = exports.ic_arrow_up_design_03 = exports.ic_arrow_up_design_02 = exports.ic_arrow_up_design_01 = exports.ic_arrow_right_design_10 = exports.ic_arrow_right_design_09 = exports.ic_arrow_right_design_08 = exports.ic_arrow_right_design_07 = exports.ic_arrow_right_design_06 = exports.ic_arrow_right_design_05 = exports.ic_arrow_right_design_04 = exports.ic_arrow_right_design_03 = exports.ic_arrow_right_design_02 = exports.ic_arrow_right_design_01 = exports.ic_arrow_left_design_10 = exports.ic_arrow_left_design_09 = exports.ic_arrow_left_design_08 = exports.ic_arrow_left_design_07 = exports.ic_arrow_left_design_06 = exports.ic_arrow_left_design_05 = exports.ic_arrow_left_design_04 = exports.ic_arrow_left_design_03 = exports.ic_arrow_left_design_02 = exports.ic_arrow_left_design_01 = exports.ic_arrow_down_design_10 = exports.ic_arrow_down_design_09 = exports.ic_arrow_down_design_08 = exports.ic_arrow_down_design_07 = exports.ic_arrow_down_design_06 = exports.ic_arrow_down_design_05 = exports.ic_arrow_down_design_04 = exports.ic_arrow_down_design_03 = exports.ic_arrow_down_design_02 = exports.ic_arrow_down_design_01 = void 0;
+var downIcons_1 = require("./downIcons");
+Object.defineProperty(exports, "ic_arrow_down_design_01", { enumerable: true, get: function () { return downIcons_1.ArrowDownDesign01; } });
+Object.defineProperty(exports, "ic_arrow_down_design_02", { enumerable: true, get: function () { return downIcons_1.ArrowDownDesign02; } });
+Object.defineProperty(exports, "ic_arrow_down_design_03", { enumerable: true, get: function () { return downIcons_1.ArrowDownDesign03; } });
+Object.defineProperty(exports, "ic_arrow_down_design_04", { enumerable: true, get: function () { return downIcons_1.ArrowDownDesign04; } });
+Object.defineProperty(exports, "ic_arrow_down_design_05", { enumerable: true, get: function () { return downIcons_1.ArrowDownDesign05; } });
+Object.defineProperty(exports, "ic_arrow_down_design_06", { enumerable: true, get: function () { return downIcons_1.ArrowDownDesign06; } });
+Object.defineProperty(exports, "ic_arrow_down_design_07", { enumerable: true, get: function () { return downIcons_1.ArrowDownDesign07; } });
+Object.defineProperty(exports, "ic_arrow_down_design_08", { enumerable: true, get: function () { return downIcons_1.ArrowDownDesign08; } });
+Object.defineProperty(exports, "ic_arrow_down_design_09", { enumerable: true, get: function () { return downIcons_1.ArrowDownDesign09; } });
+Object.defineProperty(exports, "ic_arrow_down_design_10", { enumerable: true, get: function () { return downIcons_1.ArrowDownDesign10; } });
+var leftIcons_1 = require("./leftIcons");
+Object.defineProperty(exports, "ic_arrow_left_design_01", { enumerable: true, get: function () { return leftIcons_1.ArrowLeftDesign01; } });
+Object.defineProperty(exports, "ic_arrow_left_design_02", { enumerable: true, get: function () { return leftIcons_1.ArrowLeftDesign02; } });
+Object.defineProperty(exports, "ic_arrow_left_design_03", { enumerable: true, get: function () { return leftIcons_1.ArrowLeftDesign03; } });
+Object.defineProperty(exports, "ic_arrow_left_design_04", { enumerable: true, get: function () { return leftIcons_1.ArrowLeftDesign04; } });
+Object.defineProperty(exports, "ic_arrow_left_design_05", { enumerable: true, get: function () { return leftIcons_1.ArrowLeftDesign05; } });
+Object.defineProperty(exports, "ic_arrow_left_design_06", { enumerable: true, get: function () { return leftIcons_1.ArrowLeftDesign06; } });
+Object.defineProperty(exports, "ic_arrow_left_design_07", { enumerable: true, get: function () { return leftIcons_1.ArrowLeftDesign07; } });
+Object.defineProperty(exports, "ic_arrow_left_design_08", { enumerable: true, get: function () { return leftIcons_1.ArrowLeftDesign08; } });
+Object.defineProperty(exports, "ic_arrow_left_design_09", { enumerable: true, get: function () { return leftIcons_1.ArrowLeftDesign09; } });
+Object.defineProperty(exports, "ic_arrow_left_design_10", { enumerable: true, get: function () { return leftIcons_1.ArrowLeftDesign10; } });
+var rightIcons_1 = require("./rightIcons");
+Object.defineProperty(exports, "ic_arrow_right_design_01", { enumerable: true, get: function () { return rightIcons_1.ArrowRightDesign01; } });
+Object.defineProperty(exports, "ic_arrow_right_design_02", { enumerable: true, get: function () { return rightIcons_1.ArrowRightDesign02; } });
+Object.defineProperty(exports, "ic_arrow_right_design_03", { enumerable: true, get: function () { return rightIcons_1.ArrowRightDesign03; } });
+Object.defineProperty(exports, "ic_arrow_right_design_04", { enumerable: true, get: function () { return rightIcons_1.ArrowRightDesign04; } });
+Object.defineProperty(exports, "ic_arrow_right_design_05", { enumerable: true, get: function () { return rightIcons_1.ArrowRightDesign05; } });
+Object.defineProperty(exports, "ic_arrow_right_design_06", { enumerable: true, get: function () { return rightIcons_1.ArrowRightDesign06; } });
+Object.defineProperty(exports, "ic_arrow_right_design_07", { enumerable: true, get: function () { return rightIcons_1.ArrowRightDesign07; } });
+Object.defineProperty(exports, "ic_arrow_right_design_08", { enumerable: true, get: function () { return rightIcons_1.ArrowRightDesign08; } });
+Object.defineProperty(exports, "ic_arrow_right_design_09", { enumerable: true, get: function () { return rightIcons_1.ArrowRightDesign09; } });
+Object.defineProperty(exports, "ic_arrow_right_design_10", { enumerable: true, get: function () { return rightIcons_1.ArrowRightDesign10; } });
+var upIcons_1 = require("./upIcons");
+Object.defineProperty(exports, "ic_arrow_up_design_01", { enumerable: true, get: function () { return upIcons_1.ArrowUpDesign01; } });
+Object.defineProperty(exports, "ic_arrow_up_design_02", { enumerable: true, get: function () { return upIcons_1.ArrowUpDesign02; } });
+Object.defineProperty(exports, "ic_arrow_up_design_03", { enumerable: true, get: function () { return upIcons_1.ArrowUpDesign03; } });
+Object.defineProperty(exports, "ic_arrow_up_design_04", { enumerable: true, get: function () { return upIcons_1.ArrowUpDesign04; } });
+Object.defineProperty(exports, "ic_arrow_up_design_05", { enumerable: true, get: function () { return upIcons_1.ArrowUpDesign05; } });
+Object.defineProperty(exports, "ic_arrow_up_design_06", { enumerable: true, get: function () { return upIcons_1.ArrowUpDesign06; } });
+Object.defineProperty(exports, "ic_arrow_up_design_07", { enumerable: true, get: function () { return upIcons_1.ArrowUpDesign07; } });
+Object.defineProperty(exports, "ic_arrow_up_design_08", { enumerable: true, get: function () { return upIcons_1.ArrowUpDesign08; } });
+Object.defineProperty(exports, "ic_arrow_up_design_09", { enumerable: true, get: function () { return upIcons_1.ArrowUpDesign09; } });
+Object.defineProperty(exports, "ic_arrow_up_design_10", { enumerable: true, get: function () { return upIcons_1.ArrowUpDesign10; } });

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/leftIcons.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type IconType from '../../IconType';
+export declare const ArrowLeftDesign01: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowLeftDesign02: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowLeftDesign03: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowLeftDesign04: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowLeftDesign05: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowLeftDesign06: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowLeftDesign07: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowLeftDesign08: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowLeftDesign09: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowLeftDesign10: ({ color, size, ...rest }: IconType) => JSX.Element;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/leftIcons.js

@@ -0,0 +1,76 @@
+"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 });
+exports.ArrowLeftDesign10 = exports.ArrowLeftDesign09 = exports.ArrowLeftDesign08 = exports.ArrowLeftDesign07 = exports.ArrowLeftDesign06 = exports.ArrowLeftDesign05 = exports.ArrowLeftDesign04 = exports.ArrowLeftDesign03 = exports.ArrowLeftDesign02 = exports.ArrowLeftDesign01 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ArrowLeftDesign01 = 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: ".5", d: "M14.5773,19.5001 L7.6663,12.5891 C7.3413,12.2641 7.3413,11.7361 7.6663,11.4111 L14.5773,4.5001" }) })));
+};
+exports.ArrowLeftDesign01 = ArrowLeftDesign01;
+var ArrowLeftDesign02 = 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", d: "M14.5776,19.5003 L7.6671,12.5898 C7.3416,12.2643 7.3416,11.7363 7.6671,11.4108 L14.5776,4.5003" }) })));
+};
+exports.ArrowLeftDesign02 = ArrowLeftDesign02;
+var ArrowLeftDesign03 = 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: "2.5", d: "M14.5774,19.5 L7.6664,12.589 C7.3414,12.264 7.3414,11.736 7.6664,11.411 L14.5774,4.5" }) })));
+};
+exports.ArrowLeftDesign03 = ArrowLeftDesign03;
+var ArrowLeftDesign04 = 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)("polyline", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", points: "7.5 4 15.5 12 7.5 20.002", transform: "rotate(180 11.5 12)" }) })));
+};
+exports.ArrowLeftDesign04 = ArrowLeftDesign04;
+var ArrowLeftDesign05 = 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: "M4.55225015,11.9999287 L21,11.9999287 M10.4989308,19.4992872 L3,12.0003564 L10.4989308,4.5" }) })));
+};
+exports.ArrowLeftDesign05 = ArrowLeftDesign05;
+var ArrowLeftDesign06 = 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: "square", strokeWidth: "3", d: "M4.55225015,11.9999287 L21,11.9999287 M10.4989308,19.4992872 L3,12.0003564 L10.4989308,4.5" }) })));
+};
+exports.ArrowLeftDesign06 = ArrowLeftDesign06;
+var ArrowLeftDesign07 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "32", height: "24", viewBox: "0 0 32 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M2.55225015,11.9999287 L31,11.9999287 M8.49893076,19.4992872 L1,12.0003564 L8.49893076,4.5" }) })));
+};
+exports.ArrowLeftDesign07 = ArrowLeftDesign07;
+var ArrowLeftDesign08 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "32", height: "24", viewBox: "0 0 32 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", d: "M3.75225015,11.9999287 L30.2,11.9999287 M9.69893076,19.4992872 L2.2,12.0003564 L9.69893076,4.5" }) })));
+};
+exports.ArrowLeftDesign08 = ArrowLeftDesign08;
+var ArrowLeftDesign09 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "32", height: "24", viewBox: "0 0 32 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M11.505,4.5 C11.505,4.5 3.7,12.305 3.7,12.305 L28.237,12.305" }) })));
+};
+exports.ArrowLeftDesign09 = ArrowLeftDesign09;
+var ArrowLeftDesign10 = 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)("polygon", { fill: color, fillRule: "evenodd", points: "10.5 4.5 19.5 19.5 1.5 19.5", transform: "rotate(-90 10.5 12)" }) })));
+};
+exports.ArrowLeftDesign10 = ArrowLeftDesign10;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/rightIcons.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type IconType from '../../IconType';
+export declare const ArrowRightDesign01: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowRightDesign02: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowRightDesign03: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowRightDesign04: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowRightDesign05: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowRightDesign06: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowRightDesign07: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowRightDesign08: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowRightDesign09: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowRightDesign10: ({ color, size, ...rest }: IconType) => JSX.Element;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/rightIcons.js

@@ -0,0 +1,76 @@
+"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 });
+exports.ArrowRightDesign10 = exports.ArrowRightDesign09 = exports.ArrowRightDesign08 = exports.ArrowRightDesign07 = exports.ArrowRightDesign06 = exports.ArrowRightDesign05 = exports.ArrowRightDesign04 = exports.ArrowRightDesign03 = exports.ArrowRightDesign02 = exports.ArrowRightDesign01 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ArrowRightDesign01 = 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: ".5", d: "M16.5773,19.5001 L9.6663,12.5891 C9.3413,12.2641 9.3413,11.7361 9.6663,11.4111 L16.5773,4.5001", transform: "rotate(180 13 12)" }) })));
+};
+exports.ArrowRightDesign01 = ArrowRightDesign01;
+var ArrowRightDesign02 = 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", d: "M16.5776,19.5003 L9.6671,12.5898 C9.3416,12.2643 9.3416,11.7363 9.6671,11.4108 L16.5776,4.5003", transform: "rotate(180 13 12)" }) })));
+};
+exports.ArrowRightDesign02 = ArrowRightDesign02;
+var ArrowRightDesign03 = 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: "2.5", d: "M16.5774,19.5 L9.6664,12.589 C9.3414,12.264 9.3414,11.736 9.6664,11.411 L16.5774,4.5", transform: "rotate(180 13 12)" }) })));
+};
+exports.ArrowRightDesign03 = ArrowRightDesign03;
+var ArrowRightDesign04 = 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)("polyline", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", points: "8.5 4 16.5 12 8.5 20.002" }) })));
+};
+exports.ArrowRightDesign04 = ArrowRightDesign04;
+var ArrowRightDesign05 = 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: "M4.55225015,11.9999287 L21,11.9999287 M10.4989308,19.4992872 L3,12.0003564 L10.4989308,4.5", transform: "rotate(180 12 12)" }) })));
+};
+exports.ArrowRightDesign05 = ArrowRightDesign05;
+var ArrowRightDesign06 = 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: "square", strokeWidth: "3", d: "M4.55225015,11.9999287 L21,11.9999287 M10.4989308,19.4992872 L3,12.0003564 L10.4989308,4.5", transform: "rotate(180 12 12)" }) })));
+};
+exports.ArrowRightDesign06 = ArrowRightDesign06;
+var ArrowRightDesign07 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "32", height: "24", viewBox: "0 0 32 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M2.55225015,11.9999287 L31,11.9999287 M8.49893076,19.4992872 L1,12.0003564 L8.49893076,4.5", transform: "rotate(180 16 12)" }) })));
+};
+exports.ArrowRightDesign07 = ArrowRightDesign07;
+var ArrowRightDesign08 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "32", height: "24", viewBox: "0 0 32 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", d: "M3.35225015,11.9999287 L29.8,11.9999287 M9.29893076,19.4992872 L1.8,12.0003564 L9.29893076,4.5", transform: "rotate(180 15.8 12)" }) })));
+};
+exports.ArrowRightDesign08 = ArrowRightDesign08;
+var ArrowRightDesign09 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "32", height: "24", viewBox: "0 0 32 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M11.505,4.5 C11.505,4.5 3.7,12.305 3.7,12.305 L28.237,12.305", transform: "matrix(-1 0 0 1 31.937 0)" }) })));
+};
+exports.ArrowRightDesign09 = ArrowRightDesign09;
+var ArrowRightDesign10 = 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)("polygon", { fill: color, fillRule: "evenodd", points: "13.5 4.5 22.5 19.5 4.5 19.5", transform: "rotate(90 13.5 12)" }) })));
+};
+exports.ArrowRightDesign10 = ArrowRightDesign10;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/upIcons.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type IconType from '../../IconType';
+export declare const ArrowUpDesign01: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowUpDesign02: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowUpDesign03: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowUpDesign04: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowUpDesign05: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowUpDesign06: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowUpDesign07: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowUpDesign08: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowUpDesign09: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowUpDesign10: ({ color, size, ...rest }: IconType) => JSX.Element;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/upIcons.js

@@ -0,0 +1,76 @@
+"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 });
+exports.ArrowUpDesign10 = exports.ArrowUpDesign09 = exports.ArrowUpDesign08 = exports.ArrowUpDesign07 = exports.ArrowUpDesign06 = exports.ArrowUpDesign05 = exports.ArrowUpDesign04 = exports.ArrowUpDesign03 = exports.ArrowUpDesign02 = exports.ArrowUpDesign01 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ArrowUpDesign01 = 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: ".5", d: "M15.577375,18.497375 L8.666375,11.586375 C8.341375,11.261375 8.341375,10.733375 8.666375,10.408375 L15.577375,3.497375", transform: "rotate(90 12 10.997)" }) })));
+};
+exports.ArrowUpDesign01 = ArrowUpDesign01;
+var ArrowUpDesign02 = 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", d: "M15.5773125,18.5003005 L8.6668125,11.5898005 C8.3413125,11.2643005 8.3413125,10.7363005 8.6668125,10.4108005 L15.5773125,3.5003005", transform: "rotate(90 12 11)" }) })));
+};
+exports.ArrowUpDesign02 = ArrowUpDesign02;
+var ArrowUpDesign03 = 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: "2.5", d: "M15.5774,18.5 L8.6664,11.589 C8.3414,11.264 8.3414,10.736 8.6664,10.411 L15.5774,3.5", transform: "rotate(90 12 11)" }) })));
+};
+exports.ArrowUpDesign03 = ArrowUpDesign03;
+var ArrowUpDesign04 = 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)("polyline", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", points: "8.001 3.499 16.001 11.499 8.001 19.501", transform: "rotate(-90 12 11.5)" }) })));
+};
+exports.ArrowUpDesign04 = ArrowUpDesign04;
+var ArrowUpDesign05 = 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: "M4.55225015,11.9999287 L21,11.9999287 M10.4989308,19.4992872 L3,12.0003564 L10.4989308,4.5", transform: "rotate(90 12 12)" }) })));
+};
+exports.ArrowUpDesign05 = ArrowUpDesign05;
+var ArrowUpDesign06 = 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: "square", strokeWidth: "3", d: "M4.55225015,11.9999287 L21,11.9999287 M10.4989308,19.4992872 L3,12.0003564 L10.4989308,4.5", transform: "rotate(90 12 12)" }) })));
+};
+exports.ArrowUpDesign06 = ArrowUpDesign06;
+var ArrowUpDesign07 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "24", height: "32", viewBox: "0 0 24 32" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M-1.44774985,16.0002851 L27,16.0002851 M4.49893076,23.4996436 L-3,16.0007128 L4.49893076,8.50035641", transform: "rotate(90 12 16)" }) })));
+};
+exports.ArrowUpDesign07 = ArrowUpDesign07;
+var ArrowUpDesign08 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "24", height: "32", viewBox: "0 0 24 32" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", d: "M-0.448106259,16.2002851 L25.9996436,16.2002851 M5.49857435,23.6996436 L-2.00035641,16.2007128 L5.49857435,8.70035641", transform: "rotate(90 12 16.2)" }) })));
+};
+exports.ArrowUpDesign08 = ArrowUpDesign08;
+var ArrowUpDesign09 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "24", height: "32", viewBox: "0 0 24 32" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M11.805,12.066 C11.805,12.066 4,19.871 4,19.871 L28.537,19.871", transform: "rotate(90 16.268 15.969)" }) })));
+};
+exports.ArrowUpDesign09 = ArrowUpDesign09;
+var ArrowUpDesign10 = 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)("polygon", { fill: color, fillRule: "evenodd", points: "12 3 21 18 3 18" }) })));
+};
+exports.ArrowUpDesign10 = ArrowUpDesign10;