pds-dev-kit-web 2.2.90 → 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.
Files changed (27) hide show
  1. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +3 -2
  2. package/dist/src/common/styles/colorSet/PaletteColor_light.json +4 -3
  3. package/dist/src/common/styles/colorSet/UIColor.json +3 -1
  4. package/dist/src/common/styles/colorSet/index.d.ts +6 -2
  5. package/dist/src/common/styles/colorSet/index.js +2 -2
  6. package/dist/src/common/styles/colorSet/ui-type.d.ts +2 -0
  7. package/dist/src/sub/DynamicLayout/components/SectionMatcher/SectionMatcher.js +5 -1
  8. package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts +10300 -0
  9. package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +30935 -2
  10. package/dist/src/sub/DynamicLayout/sectionActionTypes.d.ts +11 -0
  11. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.d.ts +1 -0
  12. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +28 -6
  13. package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridCustomSection.d.ts +13 -0
  14. package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridCustomSection.js +256 -0
  15. package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.d.ts +11 -0
  16. package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.js +72 -0
  17. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +1 -1
  18. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +5 -2
  19. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useIsMounted.d.ts +1 -0
  20. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useIsMounted.js +15 -0
  21. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useResizableObserver.d.ts +12 -0
  22. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useResizableObserver.js +74 -0
  23. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/textUtil.js +3 -2
  24. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.d.ts +2 -0
  25. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js +8 -5
  26. package/package.json +2 -2
  27. package/release-note.md +2 -2
@@ -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": "darkgrey100",
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": "grey30",
286
- "sys_membership_item_price_product_base": "grey70",
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 PaletteColor_light: {
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 PaletteColor_Dark: {
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;
@@ -860,4 +860,6 @@ export interface UITheme {
860
860
  ui_cpnt_tooltip_base_border: string;
861
861
  ui_122: string;
862
862
  ui_123: string;
863
+ ui_124: string;
864
+ ui_dimmed_03: string;
863
865
  }
@@ -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)(sections_1.CustomSection, __assign({}, props));
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) {