pds-dev-kit-web 2.2.89 → 2.2.93
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/common/assets/icons/image/index.js +1 -1
- package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +3 -2
- package/dist/src/common/styles/colorSet/PaletteColor_light.json +4 -3
- package/dist/src/common/styles/colorSet/UIColor.json +3 -1
- package/dist/src/common/styles/colorSet/index.d.ts +6 -2
- package/dist/src/common/styles/colorSet/index.js +2 -2
- package/dist/src/common/styles/colorSet/ui-type.d.ts +2 -0
- package/dist/src/sub/DynamicLayout/components/SectionMatcher/SectionMatcher.js +5 -1
- package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts +10300 -0
- package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +30935 -2
- package/dist/src/sub/DynamicLayout/sectionActionTypes.d.ts +11 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +28 -6
- package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridCustomSection.d.ts +13 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridCustomSection.js +256 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.d.ts +11 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.js +72 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +5 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useIsMounted.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useIsMounted.js +15 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useResizableObserver.d.ts +12 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useResizableObserver.js +74 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/textUtil.js +3 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.d.ts +2 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js +8 -5
- package/package.json +2 -2
- package/release-note.md +2 -2
|
@@ -125,7 +125,7 @@ exports.imageIconSrcSet = {
|
|
|
125
125
|
ic_brandedpoint_flat_ring_05: 'https://static.publ.site/brandedpoint_icon/ic_brandedpoint_flat_ring_05.png',
|
|
126
126
|
ic_brandedpoint_flat_ring_06: 'https://static.publ.site/brandedpoint_icon/ic_brandedpoint_flat_ring_06.png',
|
|
127
127
|
ic_brandedpoint_flat_ring_07: 'https://static.publ.site/brandedpoint_icon/ic_brandedpoint_flat_ring_07.png',
|
|
128
|
-
ic_brandedpoint_line_ring_01: 'https://static.publ.site/brandedpoint_icon/
|
|
128
|
+
ic_brandedpoint_line_ring_01: 'https://static.publ.site/brandedpoint_icon/ic_brandedpoint_line_ring_01.png',
|
|
129
129
|
ic_brandedpoint_3d_clover_01: 'https://static.publ.site/brandedpoint_icon/ic_brandedpoint_3d_clover_01.png',
|
|
130
130
|
ic_brandedpoint_3d_clover_02: 'https://static.publ.site/brandedpoint_icon/ic_brandedpoint_3d_clover_02.png',
|
|
131
131
|
ic_brandedpoint_flat_clover_01: 'https://static.publ.site/brandedpoint_icon/ic_brandedpoint_flat_clover_01.png',
|
|
@@ -283,7 +283,7 @@
|
|
|
283
283
|
"sys_text_button_tooltip": "grey900",
|
|
284
284
|
"sys_membership_button_base": "white/opacity20",
|
|
285
285
|
"sys_membership_item_membership_base": "darkgrey50",
|
|
286
|
-
"sys_membership_item_price_product_base": "
|
|
286
|
+
"sys_membership_item_price_product_base": "darkgrey70",
|
|
287
287
|
"sys_component_base_30": "darkgrey400",
|
|
288
288
|
"sys_component_base_31": "darkgrey200",
|
|
289
289
|
"sys_component_base_32": "darkgrey20",
|
|
@@ -355,5 +355,6 @@
|
|
|
355
355
|
"sys_cpnt_sheet_base_14": "grey900",
|
|
356
356
|
"sys_cpnt_white_opacity60": "white/opacity60",
|
|
357
357
|
"sys_border_line_17": "darkgrey600",
|
|
358
|
-
"usr_brand_primary_opacity05": "darkblue500/opacity05"
|
|
358
|
+
"usr_brand_primary_opacity05": "darkblue500/opacity05",
|
|
359
|
+
"sys_cpnt_sheet_base_15": "grey200"
|
|
359
360
|
}
|
|
@@ -282,8 +282,8 @@
|
|
|
282
282
|
"sys_button_tooltip_base": "black/opacity80",
|
|
283
283
|
"sys_text_button_tooltip": "white",
|
|
284
284
|
"sys_membership_button_base": "black/opacity20",
|
|
285
|
-
"sys_membership_item_membership_base": "
|
|
286
|
-
"sys_membership_item_price_product_base": "
|
|
285
|
+
"sys_membership_item_membership_base": "grey10",
|
|
286
|
+
"sys_membership_item_price_product_base": "grey50",
|
|
287
287
|
"sys_component_base_30": "grey400",
|
|
288
288
|
"sys_component_base_31": "grey200",
|
|
289
289
|
"sys_component_base_32": "grey20",
|
|
@@ -355,5 +355,6 @@
|
|
|
355
355
|
"sys_cpnt_sheet_base_14": "grey900",
|
|
356
356
|
"sys_cpnt_white_opacity60": "white/opacity60",
|
|
357
357
|
"sys_border_line_17": "black/opacity00",
|
|
358
|
-
"usr_brand_primary_opacity05": "blue500/opacity05"
|
|
358
|
+
"usr_brand_primary_opacity05": "blue500/opacity05",
|
|
359
|
+
"sys_cpnt_sheet_base_15": "grey100"
|
|
359
360
|
}
|
|
@@ -859,5 +859,7 @@
|
|
|
859
859
|
"ui_121": "sys_component_base_03",
|
|
860
860
|
"ui_cpnt_tooltip_base_border": "sys_border_line_17",
|
|
861
861
|
"ui_122": "sys_widget_green_01",
|
|
862
|
-
"ui_123": "usr_brand_primary_opacity05"
|
|
862
|
+
"ui_123": "usr_brand_primary_opacity05",
|
|
863
|
+
"ui_124": "sys_cpnt_sheet_base_15",
|
|
864
|
+
"ui_dimmed_03": "sys_background_dimmed"
|
|
863
865
|
}
|
|
@@ -119,7 +119,7 @@ declare const colorSet: {
|
|
|
119
119
|
grey300: string;
|
|
120
120
|
darkgrey300: string;
|
|
121
121
|
};
|
|
122
|
-
readonly
|
|
122
|
+
readonly PaletteColor_Dark: {
|
|
123
123
|
sys_container_background_01: string;
|
|
124
124
|
sys_container_background_02: string;
|
|
125
125
|
sys_container_background_03: string;
|
|
@@ -477,8 +477,9 @@ declare const colorSet: {
|
|
|
477
477
|
sys_cpnt_white_opacity60: string;
|
|
478
478
|
sys_border_line_17: string;
|
|
479
479
|
usr_brand_primary_opacity05: string;
|
|
480
|
+
sys_cpnt_sheet_base_15: string;
|
|
480
481
|
};
|
|
481
|
-
readonly
|
|
482
|
+
readonly PaletteColor_light: {
|
|
482
483
|
sys_container_background_01: string;
|
|
483
484
|
sys_container_background_02: string;
|
|
484
485
|
sys_container_background_03: string;
|
|
@@ -836,6 +837,7 @@ declare const colorSet: {
|
|
|
836
837
|
sys_cpnt_white_opacity60: string;
|
|
837
838
|
sys_border_line_17: string;
|
|
838
839
|
usr_brand_primary_opacity05: string;
|
|
840
|
+
sys_cpnt_sheet_base_15: string;
|
|
839
841
|
};
|
|
840
842
|
readonly UIColor: {
|
|
841
843
|
ui_cpnt_button_fill_base_primary: string;
|
|
@@ -1699,6 +1701,8 @@ declare const colorSet: {
|
|
|
1699
1701
|
ui_cpnt_tooltip_base_border: string;
|
|
1700
1702
|
ui_122: string;
|
|
1701
1703
|
ui_123: string;
|
|
1704
|
+
ui_124: string;
|
|
1705
|
+
ui_dimmed_03: string;
|
|
1702
1706
|
};
|
|
1703
1707
|
};
|
|
1704
1708
|
export default colorSet;
|
|
@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
/* eslint-disable import/order */
|
|
7
7
|
var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
|
|
8
|
-
var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
|
|
9
8
|
var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
|
|
9
|
+
var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
|
|
10
10
|
var UIColor_json_1 = __importDefault(require("./UIColor.json"));
|
|
11
11
|
var colorSet = {
|
|
12
12
|
SemanticColor: SemanticColor_json_1.default,
|
|
13
|
-
PaletteColor_light: PaletteColor_light_json_1.default,
|
|
14
13
|
PaletteColor_Dark: PaletteColor_Dark_json_1.default,
|
|
14
|
+
PaletteColor_light: PaletteColor_light_json_1.default,
|
|
15
15
|
UIColor: UIColor_json_1.default
|
|
16
16
|
};
|
|
17
17
|
exports.default = colorSet;
|
|
@@ -21,13 +21,17 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
}
|
|
22
22
|
return t;
|
|
23
23
|
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
24
27
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
28
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
29
|
+
var FlexGridCustomSection_1 = __importDefault(require("../../../DynamicLayout/sections/CustomSection/FlexGridCustomSection"));
|
|
26
30
|
var sections_1 = require("../../sections");
|
|
27
31
|
function SectionMatcher(_a) {
|
|
28
32
|
var props = __rest(_a, []);
|
|
29
33
|
if (props.type === 'CUSTOM') {
|
|
30
|
-
return (0, jsx_runtime_1.jsx)(
|
|
34
|
+
return (0, jsx_runtime_1.jsx)(FlexGridCustomSection_1.default, __assign({}, props));
|
|
31
35
|
}
|
|
32
36
|
var schema = props.manifest.schema;
|
|
33
37
|
switch (schema) {
|