pds-dev-kit-web 1.9.1 → 1.9.3

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 (21) hide show
  1. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/ContentsContainer.d.ts +1 -1
  2. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/ContentsContainer.js +2 -1
  3. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFL.d.ts +2 -1
  4. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFL.js +41 -14
  5. package/dist/src/desktop/layout/LayoutWF/ContainersBox/ContainersBox.d.ts +1 -1
  6. package/dist/src/desktop/layout/LayoutWF/ContainersBox/ContainersBox.js +10 -3
  7. package/dist/src/sub/DynamicLayout/components/Section/Section.js +1 -1
  8. package/dist/storybook-static/{0.f85c225d.iframe.bundle.d.ts → 0.69b174ef.iframe.bundle.d.ts} +0 -0
  9. package/dist/storybook-static/{0.f85c225d.iframe.bundle.js → 0.69b174ef.iframe.bundle.js} +2 -2
  10. package/dist/storybook-static/{5.f8adf19a.iframe.bundle.d.ts → 5.c1637fa3.iframe.bundle.d.ts} +0 -0
  11. package/dist/storybook-static/{5.f8adf19a.iframe.bundle.js → 5.c1637fa3.iframe.bundle.js} +3 -3
  12. package/dist/storybook-static/{6.bbd5c6b7.iframe.bundle.d.ts → 6.9d79e5b5.iframe.bundle.d.ts} +0 -0
  13. package/dist/storybook-static/{6.bbd5c6b7.iframe.bundle.js → 6.9d79e5b5.iframe.bundle.js} +3 -3
  14. package/dist/storybook-static/{main.4cccd23b.iframe.bundle.d.ts → main.9a5b3a3c.iframe.bundle.d.ts} +23 -22
  15. package/dist/storybook-static/{main.4cccd23b.iframe.bundle.js → main.9a5b3a3c.iframe.bundle.js} +630 -564
  16. package/dist/storybook-static/{runtime~main.fb11004c.iframe.bundle.d.ts → runtime~main.b6fc2c86.iframe.bundle.d.ts} +0 -0
  17. package/dist/storybook-static/{runtime~main.fb11004c.iframe.bundle.js → runtime~main.b6fc2c86.iframe.bundle.js} +1 -1
  18. package/dist/storybook-static/{vendors~main.bf41a3c3.iframe.bundle.d.ts → vendors~main.0fbc3a5b.iframe.bundle.d.ts} +0 -0
  19. package/dist/storybook-static/{vendors~main.bf41a3c3.iframe.bundle.js → vendors~main.0fbc3a5b.iframe.bundle.js} +300 -300
  20. package/package.json +1 -1
  21. package/release-note.md +2 -2
package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/ContentsContainer.d.ts CHANGED
@@ -3,7 +3,7 @@ import { UiColors } from '../../../../../common';
3
3
  export declare type ContentsContainerProps = {
4
4
  content1?: JSX.Element;
5
5
  content2?: JSX.Element;
6
- layoutType: 'WFA_1' | 'WFA_2' | 'WFB_1' | 'WFC_1' | 'WFD_1' | 'WFD_2' | 'WFE_1' | 'WFE_2' | 'WFE_3' | 'WFE_4' | 'WFF_1' | 'WFG_1' | 'WFG_2' | 'WFG_3' | 'WFG_4' | 'WFG_5' | 'WFG_6' | 'WFH_1' | 'WFI_1' | 'WFI_2' | 'WFI_3' | 'WFI_4' | 'WFI_5' | 'WFI_6' | 'WFJ_1' | 'WFK_1' | 'WFL_1';
6
+ layoutType: 'WFA_1' | 'WFA_2' | 'WFB_1' | 'WFC_1' | 'WFD_1' | 'WFD_2' | 'WFE_1' | 'WFE_2' | 'WFE_3' | 'WFE_4' | 'WFF_1' | 'WFG_1' | 'WFG_2' | 'WFG_3' | 'WFG_4' | 'WFG_5' | 'WFG_6' | 'WFH_1' | 'WFI_1' | 'WFI_2' | 'WFI_3' | 'WFI_4' | 'WFI_5' | 'WFI_6' | 'WFJ_1' | 'WFK_1' | 'WFL_1' | 'WFL_2';
7
7
  containerColor?: string;
8
8
  areaColor?: string;
9
9
  isLoadingContainer1?: boolean;
package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/ContentsContainer.js CHANGED
@@ -34,7 +34,8 @@ var ContentsContainer = function (_a) {
34
34
  WFI_6: (react_1.default.createElement(variation_1.WFI, { layoutType: "WFI_6", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })),
35
35
  WFJ_1: (react_1.default.createElement(variation_1.WFJ, { content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, overrideContainer1ColorKey: overrideContainer1ColorKey })),
36
36
  WFK_1: (react_1.default.createElement(variation_1.WFK, { content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })),
37
- WFL_1: (react_1.default.createElement(variation_1.WFL, { content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey }))
37
+ WFL_1: (react_1.default.createElement(variation_1.WFL, { layoutType: "WFL_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })),
38
+ WFL_2: (react_1.default.createElement(variation_1.WFL, { layoutType: "WFL_2", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey }))
38
39
  }[layoutType]));
39
40
  };
40
41
  exports.default = ContentsContainer;
package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFL.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { UiColors } from '../../../../../../common';
3
3
  export declare type WFLProps = {
4
+ layoutType: 'WFL_1' | 'WFL_2';
4
5
  content1?: JSX.Element;
5
6
  content2?: JSX.Element;
6
7
  containerColor?: string;
@@ -10,5 +11,5 @@ export declare type WFLProps = {
10
11
  overrideContainer1ColorKey?: UiColors;
11
12
  overrideContainer2ColorKey?: UiColors;
12
13
  };
13
- declare const WFL: ({ content1, content2, containerColor, areaColor, isLoadingContainer1, isLoadingContainer2, overrideContainer1ColorKey, overrideContainer2ColorKey }: WFLProps) => JSX.Element;
14
+ declare const WFL: ({ layoutType, content1, content2, containerColor, areaColor, isLoadingContainer1, isLoadingContainer2, overrideContainer1ColorKey, overrideContainer2ColorKey }: WFLProps) => JSX.Element;
14
15
  export default WFL;
package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFL.js CHANGED
@@ -3,46 +3,73 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
4
  return cooked;
5
5
  };
6
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
7
+ if (k2 === undefined) k2 = k;
8
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
6
25
  var __importDefault = (this && this.__importDefault) || function (mod) {
7
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
8
27
  };
9
28
  Object.defineProperty(exports, "__esModule", { value: true });
10
29
  var react_1 = __importDefault(require("react"));
11
- var styled_components_1 = __importDefault(require("styled-components"));
30
+ var styled_components_1 = __importStar(require("styled-components"));
12
31
  var components_1 = require("../../../../../../common/components");
13
32
  var scrollbarStyle_1 = require("../../../../../../common/styles/scroll/scrollbarStyle");
14
33
  var WFL = function (_a) {
15
- var content1 = _a.content1, content2 = _a.content2, containerColor = _a.containerColor, areaColor = _a.areaColor, isLoadingContainer1 = _a.isLoadingContainer1, isLoadingContainer2 = _a.isLoadingContainer2, overrideContainer1ColorKey = _a.overrideContainer1ColorKey, overrideContainer2ColorKey = _a.overrideContainer2ColorKey;
34
+ var layoutType = _a.layoutType, content1 = _a.content1, content2 = _a.content2, containerColor = _a.containerColor, areaColor = _a.areaColor, isLoadingContainer1 = _a.isLoadingContainer1, isLoadingContainer2 = _a.isLoadingContainer2, overrideContainer1ColorKey = _a.overrideContainer1ColorKey, overrideContainer2ColorKey = _a.overrideContainer2ColorKey;
16
35
  return (react_1.default.createElement(S_Box, null,
17
- react_1.default.createElement(S_ContentsContainer1, { "x-pds-name": "ContentsContainer", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WFL", containerColor: containerColor, overrideContainer1ColorKey: overrideContainer1ColorKey }, isLoadingContainer1 ? (react_1.default.createElement(components_1.ThreeBarProgress, null)) : (react_1.default.createElement(S_ContentsArea1, { "x-pds-name": "ContentsArea", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WFL", areaColor: areaColor },
18
- react_1.default.createElement(S_Content1, { "x-pds-name": "Content1", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WFL" }, content1)))),
19
- react_1.default.createElement(S_ContentsContainer2, { "x-pds-name": "ContentsContainer", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WFL", containerColor: containerColor, overrideContainer2ColorKey: overrideContainer2ColorKey }, isLoadingContainer2 ? (react_1.default.createElement(components_1.ThreeBarProgress, null)) : (react_1.default.createElement(S_ContentsArea2, { "x-pds-name": "ContentsArea", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WFL", areaColor: areaColor },
20
- react_1.default.createElement(S_Content2, { "x-pds-name": "Content2", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WFL" }, content2))))));
36
+ react_1.default.createElement(S_ContentsContainer1, { "x-pds-name": "ContentsContainer", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WFL", layoutType: layoutType, containerColor: containerColor, overrideContainer1ColorKey: overrideContainer1ColorKey }, isLoadingContainer1 ? (react_1.default.createElement(components_1.ThreeBarProgress, null)) : (react_1.default.createElement(S_ContentsArea1, { "x-pds-name": "ContentsArea", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WFL", layoutType: layoutType, areaColor: areaColor },
37
+ react_1.default.createElement(S_Content1, { "x-pds-name": "Content1", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WFL", layoutType: layoutType }, content1)))),
38
+ react_1.default.createElement(S_ContentsContainer2, { "x-pds-name": "ContentsContainer", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WFL", layoutType: layoutType, containerColor: containerColor, overrideContainer2ColorKey: overrideContainer2ColorKey }, isLoadingContainer2 ? (react_1.default.createElement(components_1.ThreeBarProgress, null)) : (react_1.default.createElement(S_ContentsArea2, { "x-pds-name": "ContentsArea", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WFL", layoutType: layoutType, areaColor: areaColor },
39
+ react_1.default.createElement(S_Content2, { "x-pds-name": "Content2", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WFL", layoutType: layoutType }, content2))))));
21
40
  };
22
- var S_Box = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n height: 60vh;\n max-height: 640px;\n"], ["\n display: flex;\n height: 60vh;\n max-height: 640px;\n"])));
23
- var S_ContentsContainer1 = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n width: 480px;\n box-sizing: border-box;\n padding: 0 48px;\n overflow-x: hidden;\n overflow-y: auto;\n border-radius: 24px 0 0 24px;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n width: 480px;\n box-sizing: border-box;\n padding: 0 48px;\n overflow-x: hidden;\n overflow-y: auto;\n border-radius: 24px 0 0 24px;\n\n ", ";\n\n ", "\n"])), function (_a) {
41
+ var WFL_1ContainerStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 0 48px;\n"], ["\n padding: 0 48px;\n"])));
42
+ var WFL_2ContainerStyle = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding: 0 24px;\n"], ["\n padding: 0 24px;\n"])));
43
+ var S_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n height: 60vh;\n max-height: 640px;\n"], ["\n display: flex;\n height: 60vh;\n max-height: 640px;\n"])));
44
+ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n width: 480px;\n box-sizing: border-box;\n overflow-x: hidden;\n overflow-y: auto;\n border-radius: 24px 0 0 24px;\n\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n width: 480px;\n box-sizing: border-box;\n overflow-x: hidden;\n overflow-y: auto;\n border-radius: 24px 0 0 24px;\n\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
24
45
  var theme = _a.theme;
25
46
  return theme.ui_wizard_contentscontainer01_background;
47
+ }, function (_a) {
48
+ var layoutType = _a.layoutType;
49
+ return ({
50
+ WFL_1: WFL_1ContainerStyle,
51
+ WFL_2: WFL_2ContainerStyle
52
+ }[layoutType]);
26
53
  }, function (_a) {
27
54
  var containerColor = _a.containerColor;
28
55
  return "background-color: " + containerColor;
29
56
  }, scrollbarStyle_1.scrollbarStyle);
30
- var S_ContentsContainer2 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n width: 672px;\n border-radius: 0 24px 24px 0;\n overflow: hidden;\n\n ", ";\n"], ["\n background-color: ", ";\n height: 100%;\n width: 672px;\n border-radius: 0 24px 24px 0;\n overflow: hidden;\n\n ", ";\n"])), function (_a) {
57
+ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n width: 672px;\n border-radius: 0 24px 24px 0;\n overflow: hidden;\n\n ", ";\n"], ["\n background-color: ", ";\n height: 100%;\n width: 672px;\n border-radius: 0 24px 24px 0;\n overflow: hidden;\n\n ", ";\n"])), function (_a) {
31
58
  var theme = _a.theme;
32
59
  return theme.ui_wizard_contentscontainer02_background;
33
60
  }, function (_a) {
34
61
  var containerColor = _a.containerColor;
35
62
  return "background-color: " + containerColor;
36
63
  });
37
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-bottom: 64px;\n\n ", ";\n"], ["\n box-sizing: border-box;\n padding-bottom: 64px;\n\n ", ";\n"])), function (_a) {
64
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-bottom: 64px;\n\n ", ";\n"], ["\n box-sizing: border-box;\n padding-bottom: 64px;\n\n ", ";\n"])), function (_a) {
38
65
  var areaColor = _a.areaColor;
39
66
  return "background-color: " + areaColor;
40
67
  });
41
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
68
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
42
69
  var areaColor = _a.areaColor;
43
70
  return "background-color: " + areaColor;
44
71
  });
45
- var S_Content1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
46
- var S_Content2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 100%;\n overflow: hidden;\n"], ["\n height: 100%;\n overflow: hidden;\n"])));
72
+ var S_Content1 = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
73
+ var S_Content2 = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n height: 100%;\n overflow: hidden;\n"], ["\n height: 100%;\n overflow: hidden;\n"])));
47
74
  exports.default = WFL;
48
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
75
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
package/dist/src/desktop/layout/LayoutWF/ContainersBox/ContainersBox.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { UiColors } from '../../../../common';
3
3
  export declare type ContainersBoxProps = {
4
- layoutType: 'WFA_1' | 'WFA_2' | 'WFB_1' | 'WFC_1' | 'WFD_1' | 'WFD_2' | 'WFE_1' | 'WFE_2' | 'WFE_3' | 'WFE_4' | 'WFF_1' | 'WFG_1' | 'WFG_2' | 'WFG_3' | 'WFG_4' | 'WFG_5' | 'WFG_6' | 'WFH_1' | 'WFI_1' | 'WFI_2' | 'WFI_3' | 'WFI_4' | 'WFI_5' | 'WFI_6' | 'WFJ_1' | 'WFK_1' | 'WFL_1';
4
+ layoutType: 'WFA_1' | 'WFA_2' | 'WFB_1' | 'WFC_1' | 'WFD_1' | 'WFD_2' | 'WFE_1' | 'WFE_2' | 'WFE_3' | 'WFE_4' | 'WFF_1' | 'WFG_1' | 'WFG_2' | 'WFG_3' | 'WFG_4' | 'WFG_5' | 'WFG_6' | 'WFH_1' | 'WFI_1' | 'WFI_2' | 'WFI_3' | 'WFI_4' | 'WFI_5' | 'WFI_6' | 'WFJ_1' | 'WFK_1' | 'WFL_1' | 'WFL_2';
5
5
  pageMenuContent?: JSX.Element;
6
6
  subMenuContent?: JSX.Element;
7
7
  tabMenuContent?: JSX.Element;
package/dist/src/desktop/layout/LayoutWF/ContainersBox/ContainersBox.js CHANGED
@@ -35,7 +35,12 @@ var ContainersBox = function (_a) {
35
35
  layoutType.includes('WFB') ||
36
36
  layoutType.includes('WFE') ||
37
37
  layoutType.includes('WFL');
38
- var wizardContainerWidthType = layoutType === 'WFE_3' || layoutType === 'WFE_4' || layoutType === 'WFL_1' ? 'large' : 'small';
38
+ var wizardContainerWidthType = layoutType === 'WFE_3' ||
39
+ layoutType === 'WFE_4' ||
40
+ layoutType === 'WFL_1' ||
41
+ layoutType === 'WFL_2'
42
+ ? 'large'
43
+ : 'small';
39
44
  return (react_1.default.createElement(S_Wrapper, { isWizardLayout: isWizardLayout },
40
45
  react_1.default.createElement(S_ContainersBox, { isWizardLayout: isWizardLayout },
41
46
  pageMenuContent && (react_1.default.createElement(S_TopWrapper, null, isWizardLayout ? ({
@@ -70,7 +75,8 @@ var ContainersBox = function (_a) {
70
75
  WFI_6: react_1.default.createElement(Containers_1.SubMenuContainer, { subMenuContent: subMenuContent }),
71
76
  WFJ_1: react_1.default.createElement(Containers_1.SubMenuContainer, { subMenuContent: subMenuContent }),
72
77
  WFK_1: react_1.default.createElement(react_1.default.Fragment, null),
73
- WFL_1: react_1.default.createElement(react_1.default.Fragment, null)
78
+ WFL_1: react_1.default.createElement(react_1.default.Fragment, null),
79
+ WFL_2: react_1.default.createElement(react_1.default.Fragment, null)
74
80
  }[layoutType],
75
81
  react_1.default.createElement(S_RightBox, null,
76
82
  {
@@ -100,7 +106,8 @@ var ContainersBox = function (_a) {
100
106
  WFI_6: react_1.default.createElement(react_1.default.Fragment, null),
101
107
  WFJ_1: react_1.default.createElement(Containers_1.TabMenuContainer, { tabMenuType: "tab_menu", tabMenuContent: tabMenuContent }),
102
108
  WFK_1: react_1.default.createElement(react_1.default.Fragment, null),
103
- WFL_1: react_1.default.createElement(react_1.default.Fragment, null)
109
+ WFL_1: react_1.default.createElement(react_1.default.Fragment, null),
110
+ WFL_2: react_1.default.createElement(react_1.default.Fragment, null)
104
111
  }[layoutType],
105
112
  react_1.default.createElement(S_ContentsWrapper, null,
106
113
  react_1.default.createElement(Containers_1.ContentsContainer, { layoutType: layoutType, content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })))),
package/dist/src/sub/DynamicLayout/components/Section/Section.js CHANGED
@@ -86,7 +86,7 @@ function Background() {
86
86
  if (backgroundMediaType !== 'YOUTUBE')
87
87
  return;
88
88
  setYoutubeSize(getResponsiveYoutubeSize());
89
- }, [getResponsiveYoutubeSize]);
89
+ }, [getResponsiveYoutubeSize, backgroundMediaSrc]);
90
90
  (0, react_1.useEffect)(function () {
91
91
  if (backgroundMediaType !== 'YOUTUBE')
92
92
  return;
package/dist/storybook-static/{0.f85c225d.iframe.bundle.js → 0.69b174ef.iframe.bundle.js} RENAMED
@@ -66,7 +66,7 @@
66
66
  "use strict";
67
67
  var warning = function () { };
68
68
  module.exports = warning;
69
- }, 699: function (module, __webpack_exports__, __webpack_require__) {
69
+ }, 700: function (module, __webpack_exports__, __webpack_require__) {
70
70
  "use strict";
71
71
  __webpack_require__.r(__webpack_exports__), __webpack_require__.d(__webpack_exports__, "WithTooltipPure", (function () { return WithTooltip_WithTooltipPure; })), __webpack_require__.d(__webpack_exports__, "WithToolTipState", (function () { return WithTooltip_WithToolTipState; })), __webpack_require__.d(__webpack_exports__, "WithTooltip", (function () { return WithTooltip_WithToolTipState; }));
72
72
  __webpack_require__(16), __webpack_require__(45), __webpack_require__(26), __webpack_require__(7), __webpack_require__(19), __webpack_require__(12), __webpack_require__(10), __webpack_require__(21), __webpack_require__(15), __webpack_require__(17), __webpack_require__(9), __webpack_require__(30), __webpack_require__(18), __webpack_require__(54);
@@ -258,7 +258,7 @@
258
258
  style.transform = "translate3d(" + x + "px, " + y + "px, 0";
259
259
  } return react_default.a.createElement(react_popper_tooltip_Tooltip, Object(esm_extends.a)({ arrowProps: arrowProps, closeOnReferenceHidden: closeOnReferenceHidden, isReferenceHidden: isReferenceHidden, placement: placement, update: update, style: style, tooltip: tooltip, trigger: trigger, mutationObserverOptions: mutationObserverOptions }, { clearScheduled: _this2.clearScheduled, hideTooltip: _this2.hideTooltip, innerRef: ref })); })); return react_default.a.createElement(Manager, null, react_default.a.createElement(Reference, { innerRef: getTriggerRef }, (function (_ref4) { var ref = _ref4.ref; return children({ getTriggerProps: _this2.getTriggerProps, triggerRef: ref }); })), this.getState() && (usePortal ? Object(react_dom.createPortal)(popper, portalContainer) : popper)); }, _proto.isControlled = function isControlled() { return void 0 !== this.props.tooltipShown; }, _proto.getState = function getState() { return this.isControlled() ? this.props.tooltipShown : this.state.tooltipShown; }, _proto.isTriggeredBy = function isTriggeredBy(event) { var trigger = this.props.trigger; return trigger === event || Array.isArray(trigger) && trigger.includes(event); }, TooltipTrigger; }(react.Component);
260
260
  react_popper_tooltip_TooltipTrigger.defaultProps = { closeOnReferenceHidden: !0, defaultTooltipShown: !1, delayHide: 0, delayShow: 0, followCursor: !1, onVisibilityChange: function noop() { }, placement: "right", portalContainer: canUseDOM() ? document.body : null, trigger: "hover", usePortal: canUseDOM(), mutationObserverOptions: { childList: !0, subtree: !0 }, modifiers: [] };
261
- var react_popper_tooltip = react_popper_tooltip_TooltipTrigger, memoizerific = (__webpack_require__(85), __webpack_require__(32), __webpack_require__(178), __webpack_require__(24), __webpack_require__(166)), memoizerific_default = __webpack_require__.n(memoizerific), utils = __webpack_require__(114);
261
+ var react_popper_tooltip = react_popper_tooltip_TooltipTrigger, memoizerific = (__webpack_require__(85), __webpack_require__(32), __webpack_require__(179), __webpack_require__(24), __webpack_require__(166)), memoizerific_default = __webpack_require__.n(memoizerific), utils = __webpack_require__(114);
262
262
  function _extends() { return _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) {
263
263
  var source = arguments[i];
264
264
  for (var key in source)
package/dist/storybook-static/{5.f8adf19a.iframe.bundle.js → 5.c1637fa3.iframe.bundle.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  (window.webpackJsonp = window.webpackJsonp || []).push([[5], { 2160: function (module, __webpack_exports__, __webpack_require__) {
2
2
  "use strict";
3
3
  __webpack_require__.r(__webpack_exports__), __webpack_require__.d(__webpack_exports__, "ColorControl", (function () { return Color_ColorControl; }));
4
- __webpack_require__(26), __webpack_require__(7), __webpack_require__(12), __webpack_require__(10), __webpack_require__(21), __webpack_require__(18), __webpack_require__(15), __webpack_require__(17), __webpack_require__(30), __webpack_require__(24), __webpack_require__(19), __webpack_require__(155), __webpack_require__(119), __webpack_require__(32), __webpack_require__(27), __webpack_require__(179), __webpack_require__(58), __webpack_require__(178), __webpack_require__(85), __webpack_require__(16), __webpack_require__(59), __webpack_require__(9);
4
+ __webpack_require__(26), __webpack_require__(7), __webpack_require__(12), __webpack_require__(10), __webpack_require__(21), __webpack_require__(18), __webpack_require__(15), __webpack_require__(17), __webpack_require__(30), __webpack_require__(24), __webpack_require__(19), __webpack_require__(155), __webpack_require__(119), __webpack_require__(32), __webpack_require__(27), __webpack_require__(180), __webpack_require__(58), __webpack_require__(179), __webpack_require__(85), __webpack_require__(16), __webpack_require__(59), __webpack_require__(9);
5
5
  var react = __webpack_require__(0), react_default = __webpack_require__.n(react);
6
6
  function index_module_u() { return (index_module_u = Object.assign || function (e) { for (var r = 1; r < arguments.length; r++) {
7
7
  var t = arguments[r];
@@ -33,7 +33,7 @@
33
33
  (F = document.createElement("style")).innerHTML = '.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}';
34
34
  var e = T || __webpack_require__.nc;
35
35
  e && F.setAttribute("nonce", e), document.head.appendChild(F);
36
- } }), []); }, $ = function (r) { var t = r.className, n = r.colorModel, o = r.color, a = void 0 === o ? n.defaultColor : o, l = r.onChange, i = index_module_c(r, ["className", "colorModel", "color", "onChange"]); R(); var s = S(n, a, l), f = s[0], v = s[1], d = index_module_m(["react-colorful", t]); return react_default.a.createElement("div", index_module_u({}, i, { className: d }), react_default.a.createElement(L, { hsva: f, onChange: v }), react_default.a.createElement(K, { hue: f.h, onChange: v, className: "react-colorful__last-control" })); }, G = { defaultColor: "000", toHsva: function (e) { return z(index_module_(e)); }, fromHsva: function (e) { return t = (r = y(e)).g, n = r.b, "#" + j(r.r) + j(t) + j(n); var r, t, n; }, equal: function (e, r) { return e.toLowerCase() === r.toLowerCase() || A(index_module_(e), index_module_(r)); } }, Q = function (r) { var t = r.className, n = r.hsva, o = r.onChange, a = { backgroundImage: "linear-gradient(90deg, " + w(Object.assign({}, n, { a: 0 })) + ", " + w(Object.assign({}, n, { a: 1 })) + ")" }, l = index_module_m(["react-colorful__alpha", t]); return react_default.a.createElement("div", { className: l }, react_default.a.createElement("div", { className: "react-colorful__alpha-gradient", style: a }), react_default.a.createElement(index_module_h, { onMove: function (e) { o({ a: e.left }); }, onKey: function (e) { o({ a: index_module_s(n.a + e.left) }); }, "aria-label": "Alpha", "aria-valuetext": index_module_p(100 * n.a) + "%" }, react_default.a.createElement(index_module_g, { className: "react-colorful__alpha-pointer", left: n.a, color: w(n) }))); }, U = function (r) { var t = r.className, n = r.colorModel, o = r.color, a = void 0 === o ? n.defaultColor : o, l = r.onChange, i = index_module_c(r, ["className", "colorModel", "color", "onChange"]); R(); var s = S(n, a, l), f = s[0], v = s[1], d = index_module_m(["react-colorful", t]); return react_default.a.createElement("div", index_module_u({}, i, { className: d }), react_default.a.createElement(L, { hsva: f, onChange: v }), react_default.a.createElement(K, { hue: f.h, onChange: v }), react_default.a.createElement(Q, { hsva: f, onChange: v, className: "react-colorful__last-control" })); }, Z = { defaultColor: "hsla(0, 0%, 0%, 1)", toHsva: index_module_C, fromHsva: w, equal: D }, me = { defaultColor: "rgba(0, 0, 0, 1)", toHsva: O, fromHsva: function (e) { var r = y(e); return "rgba(" + r.r + ", " + r.g + ", " + r.b + ", " + r.a + ")"; }, equal: D }, color_convert = __webpack_require__(2215), color_convert_default = __webpack_require__.n(color_convert), throttle = __webpack_require__(2218), throttle_default = __webpack_require__.n(throttle), esm = __webpack_require__(3), TooltipNote = __webpack_require__(697), lazy_WithTooltip = __webpack_require__(196), esm_form = __webpack_require__(57), icon = __webpack_require__(51), helpers = __webpack_require__(50);
36
+ } }), []); }, $ = function (r) { var t = r.className, n = r.colorModel, o = r.color, a = void 0 === o ? n.defaultColor : o, l = r.onChange, i = index_module_c(r, ["className", "colorModel", "color", "onChange"]); R(); var s = S(n, a, l), f = s[0], v = s[1], d = index_module_m(["react-colorful", t]); return react_default.a.createElement("div", index_module_u({}, i, { className: d }), react_default.a.createElement(L, { hsva: f, onChange: v }), react_default.a.createElement(K, { hue: f.h, onChange: v, className: "react-colorful__last-control" })); }, G = { defaultColor: "000", toHsva: function (e) { return z(index_module_(e)); }, fromHsva: function (e) { return t = (r = y(e)).g, n = r.b, "#" + j(r.r) + j(t) + j(n); var r, t, n; }, equal: function (e, r) { return e.toLowerCase() === r.toLowerCase() || A(index_module_(e), index_module_(r)); } }, Q = function (r) { var t = r.className, n = r.hsva, o = r.onChange, a = { backgroundImage: "linear-gradient(90deg, " + w(Object.assign({}, n, { a: 0 })) + ", " + w(Object.assign({}, n, { a: 1 })) + ")" }, l = index_module_m(["react-colorful__alpha", t]); return react_default.a.createElement("div", { className: l }, react_default.a.createElement("div", { className: "react-colorful__alpha-gradient", style: a }), react_default.a.createElement(index_module_h, { onMove: function (e) { o({ a: e.left }); }, onKey: function (e) { o({ a: index_module_s(n.a + e.left) }); }, "aria-label": "Alpha", "aria-valuetext": index_module_p(100 * n.a) + "%" }, react_default.a.createElement(index_module_g, { className: "react-colorful__alpha-pointer", left: n.a, color: w(n) }))); }, U = function (r) { var t = r.className, n = r.colorModel, o = r.color, a = void 0 === o ? n.defaultColor : o, l = r.onChange, i = index_module_c(r, ["className", "colorModel", "color", "onChange"]); R(); var s = S(n, a, l), f = s[0], v = s[1], d = index_module_m(["react-colorful", t]); return react_default.a.createElement("div", index_module_u({}, i, { className: d }), react_default.a.createElement(L, { hsva: f, onChange: v }), react_default.a.createElement(K, { hue: f.h, onChange: v }), react_default.a.createElement(Q, { hsva: f, onChange: v, className: "react-colorful__last-control" })); }, Z = { defaultColor: "hsla(0, 0%, 0%, 1)", toHsva: index_module_C, fromHsva: w, equal: D }, me = { defaultColor: "rgba(0, 0, 0, 1)", toHsva: O, fromHsva: function (e) { var r = y(e); return "rgba(" + r.r + ", " + r.g + ", " + r.b + ", " + r.a + ")"; }, equal: D }, color_convert = __webpack_require__(2215), color_convert_default = __webpack_require__.n(color_convert), throttle = __webpack_require__(2218), throttle_default = __webpack_require__.n(throttle), esm = __webpack_require__(3), TooltipNote = __webpack_require__(698), lazy_WithTooltip = __webpack_require__(197), esm_form = __webpack_require__(57), icon = __webpack_require__(51), helpers = __webpack_require__(50);
37
37
  function _slicedToArray(arr, i) { return function _arrayWithHoles(arr) { if (Array.isArray(arr))
38
38
  return arr; }(arr) || function _iterableToArrayLimit(arr, i) { if ("undefined" == typeof Symbol || !(Symbol.iterator in Object(arr)))
39
39
  return; var _arr = [], _n = !0, _d = !1, _e = void 0; try {
@@ -236,7 +236,7 @@
236
236
  value = isObject(other) ? other + "" : other;
237
237
  } if ("string" != typeof value)
238
238
  return 0 === value ? value : +value; value = baseTrim(value); var isBinary = reIsBinary.test(value); return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NaN : +value; }; }, 2222: function (module, exports, __webpack_require__) { var trimmedEndIndex = __webpack_require__(2223), reTrimStart = /^\s+/; module.exports = function baseTrim(string) { return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string; }; }, 2223: function (module, exports) { var reWhitespace = /\s/; module.exports = function trimmedEndIndex(string) { for (var index = string.length; index-- && reWhitespace.test(string.charAt(index));)
239
- ; return index; }; }, 697: function (module, __webpack_exports__, __webpack_require__) {
239
+ ; return index; }; }, 698: function (module, __webpack_exports__, __webpack_require__) {
240
240
  "use strict";
241
241
  __webpack_require__.d(__webpack_exports__, "a", (function () { return TooltipNote; }));
242
242
  __webpack_require__(156), __webpack_require__(26), __webpack_require__(7);
package/dist/storybook-static/{6.bbd5c6b7.iframe.bundle.js → 6.9d79e5b5.iframe.bundle.js} RENAMED
@@ -1,8 +1,8 @@
1
- /*! For license information please see 6.bbd5c6b7.iframe.bundle.js.LICENSE.txt */
1
+ /*! For license information please see 6.9d79e5b5.iframe.bundle.js.LICENSE.txt */
2
2
  (window.webpackJsonp = window.webpackJsonp || []).push([[6], { 2158: function (module, __webpack_exports__, __webpack_require__) {
3
3
  "use strict";
4
4
  __webpack_require__.r(__webpack_exports__), __webpack_require__.d(__webpack_exports__, "OverlayScrollbarsComponent", (function () { return OverlayScrollbarsComponent; }));
5
- __webpack_require__(698), __webpack_require__(32), __webpack_require__(100), __webpack_require__(58), __webpack_require__(61), __webpack_require__(59), __webpack_require__(85), __webpack_require__(119), __webpack_require__(24), __webpack_require__(26), __webpack_require__(7), __webpack_require__(19);
5
+ __webpack_require__(699), __webpack_require__(32), __webpack_require__(100), __webpack_require__(58), __webpack_require__(61), __webpack_require__(59), __webpack_require__(85), __webpack_require__(119), __webpack_require__(24), __webpack_require__(26), __webpack_require__(7), __webpack_require__(19);
6
6
  var react__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(0), react__WEBPACK_IMPORTED_MODULE_12___default = __webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_12__), overlayscrollbars__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(2224), overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default = __webpack_require__.n(overlayscrollbars__WEBPACK_IMPORTED_MODULE_13__);
7
7
  function _extends() { return _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) {
8
8
  var source = arguments[i];
@@ -556,4 +556,4 @@
556
556
  } }, _plugin; }();
557
557
  return JQUERY && JQUERY.fn && (JQUERY.fn.overlayScrollbars = function (options, extensions) { var _elements = this; return JQUERY.isPlainObject(options) ? (JQUERY.each(_elements, (function () { PLUGIN(this, options, extensions); })), _elements) : PLUGIN(_elements, options); }), PLUGIN;
558
558
  }(global, global.document, void 0); }.call(exports, __webpack_require__, exports, module), void 0 === __WEBPACK_AMD_DEFINE_RESULT__ || (module.exports = __WEBPACK_AMD_DEFINE_RESULT__); } }]);
559
- //# sourceMappingURL=6.bbd5c6b7.iframe.bundle.js.map
559
+ //# sourceMappingURL=6.9d79e5b5.iframe.bundle.js.map
package/dist/storybook-static/{main.4cccd23b.iframe.bundle.d.ts → main.9a5b3a3c.iframe.bundle.d.ts} RENAMED
@@ -2,7 +2,7 @@ export = webpackContext;
2
2
  export = webpackContext;
3
3
  declare function webpackContext(req: any): any;
4
4
  declare namespace webpackContext {
5
- export { keys, webpackContextResolve as resolve, id, __esModule, Divider, Icon, ImageView, LinearProgress, LottieIcon, Spacing, Switch, CircularProgress, Form, ThreeBarProgress, TextLabel, AdminListItemTransition, InputTransition, ButtonTransition, Section, sectionContext, dynamicLayoutContext, IconButton, scrollbarStyle, scrollbarWithPaddingStyle, Item, withFormProvider, theme, skeletonLoadingStyle, NavLink, Navs, ContextTextLabelNav, TextLabelNav, LayoutWF, WFContainersBox, LayoutWH, WHContainersBox, LayoutWS, WSGlobalMenuContainer, WSContainersBox, LayoutWT, WTGlobalMenuContainer, WTContainersBox, D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_Select, D_StatusBlock, D_TextButton, D_TextField, D_TextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab, D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopHeadlessModal, D_SectionSheet, OverlayBorders as default, M_MainButton, M_TextLabel, M_TextButton, M_IconButton, ContextMenu, MainButton, fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme, themeByGivenTone, AdminList, AdminListHeader, AdminListItem, BasicChatListItem, BasicFormGroup, BasicList, BasicListItem, BlogTextField, BodyTextGroup, Card, CardList, ChatBubbleListItem, ChatList, Checkbox, Chip, ContextMenuItem, DesktopAlertDialog, DesktopHeaderBar, DesktopTabBar, Dropdown, DynamicDesktopNavBar, DynamicDesktopNavBarTemplates, EditApplyTextField, FilterBar, FloatingActionButton, Hero, HorizontalFormGroup, ImageSlide, LottieReactionButton, PageTitleTextGroup, Radio, ReactionButton, Select, StatusBlock, TextButton, TextField, UploadIconButton, UploadMainButton, UploadTextButton, UserDesktopNavBar, UserDesktopSideTab, UserDesktopTabBar, dialogOnAni, dialogOffAni, dialogOverlayOnAni, dialogOverlayOffAni, modalOnAni, modalOffAni, modalOverlayOnAni, modalOverlayOffAni, BasePathContext, samplePageIntroSection, samplePageContentsCarouselSection, samplePageIntroSection2, samplePageContentsSection, samplePageInfoBoxSection, samplePageIntroSection3, samplePageFooterSection, samplePage, ContentsContainer, GlobalMenuContainer, PageMenuContainer, TabMenuContainer, SubMenuContainer, formatCompactNumber, formatStandardNumber, ContainersBox, TextFieldBase, NavigationContainer, TabContainer, parameters, globalTypes, decorators, Col, Grid, Row, useDetectOverflow, usePrevious, MenuItemNav, getSearchExceptGivenName, Default, ChipDefault, SearchFieldDefault, DefaultCard, ImageCard, MobileAlertDialog, MobileHeaderBar, MobileTabBar, SectionMatcher, ContentsCarouselSection, useLazyUnmount, ContentsSection, FooterSection, InfoBoxSection, IntroSection, ToggleTone, StepContainer, WFA, WFB, WFC, WFD, WFE, WFF, WFG, WFH, WFI, WFJ, WFK, WFL, PageMenu, WizardPageMenu, TabMenu, LeftSubMenu, Step, WHA, WHB, WHC, WHD, WHE, PrimaryGlobalMenu, SecondaryGlobalMenu, WSA, WSB, WSC, WSD, WSE, WSF, WSG, WSH, GlobalMenu, WTA, WTB, WTC, WTD, WTE, WTF, WTG, WTH, WTI, WTJ, WTK, WTL, WTM, WTN, WTO, WTP, WTQ, WTS, WTT, WTU, TopPageMenu, LeftPageMenu, Popup, PopupProvider, iconStateColors, iconThemeColorLineColors, fadeIn, fadeOut, glow, scaleUp, scaleDown, scaleUpIncludeTranslate, scaleDownIncludeTranslate, gelatine, scaleBounceIn, scaleBounceIn02, scaleBounceOut, scaleBounceOut02, scaleBounceInIncludeTranslate, scaleBounceOutIncludeTranslate, scaleBounceInIncludeTranslate02, scaleBounceOutIncludeTranslate02, BrandLogo, PrimaryMenu, SecondaryMenu, UserProfile, ContextMenuNavs, ContextMenuItemNav, defaultValue, TEMPLATES_DATA, textStyles, iconFillTypeColors, iconStyleThemeColors, AnnotationSheet, ContentSheet, DesktopBasicModal, DesktopHeadlessModal, SectionSheet, Single, Multi, Auto, readOnly, disabled, Low, Medium, High, Empty, TextFieldType, SelectType, SwitchType, MixType, DefaultBasicList, Image, Badge, Validate, MultiState, MultiRows, AutoState, AutoRows, TitleOnly, WithDescription, WithContent, Both, DefaultCardList, MultiCardList, Grey01, Primary, LongText, OtherAvatarImpact, OtherAvatar, OtherAvatarSub, Other, OtherSub, Me, MeSub, GreyColorChildrenTextLabel, BrandPrimaryColorChildrenTextLabel, TranslucentWhiteColorChildrenTextLabel, TranslucentBlackColorChildrenTextLabel, WithImage, AllVariation, AllIcon, WithChatBubbleListItem, CategoryChoice, FilterSingle, FilterMulti, Removable, Label, Time, Information, DefaultContextMenu, ListContextMenu, DefaultContextMenuItem, TitleDefault, IconDefault, tBtn3TextDefault, StackDefault, LeftBtnDesktopHeaderBar, RightBtnDesktopHeaderBar, ComplexBtnDesktopHeaderBar, MainDefault, SubDefault, ContentDefault, LeftIconButton, OverrideUserProfile, ColorThemeTransparent, SingleSize, SingleState, SinglePreventBlankMode, SingleValidation, MultiSizeOnlyLarge, MultiValidation, AutoSizeOnlyLarge, AutoValidation, TextFieldForm, MultiTextFieldForm, EditApply_textfieldForm, DropdownForm, TextStringType, EditButton, List, Disabled, TextType, CountTypeFormatting, CountTypeNonFormatting, OnlyHintText, OnlyDefaultValue, HintAndDefaultValue, NoHintNoDefaultValue, All, SingleSizeIcon, SingleStateIcon, SingleColorTheme, TransparentColorTheme, ShortText, LongTextWithLineBreakTab, TextDefault, CenterNoneDefault, WFA_1, WFA_2, WFB_1, WFC_1, WFD_1, WFD_2, WFE_1, WFE_2, WFE_3, WFE_4, WFF_1, WFG_1, WFG_2, WFG_3, WFG_4, WFG_5, WFG_6, WFH_1, WFI_1, WFI_2, WFI_3, WFI_4, WFI_5, WFI_6, WFJ_1, WFK_1, WFL_1, WHA_1, WHB_1, WHB_2, WHB_3, WHB_4, WHB_5, WHB_6, WHC_1, WHD_1, WHD_2, WHD_3, WHD_4, WHD_5, WHD_6, WHE_1, WHE_2, WSA_1, WSB_1, WSB_2, WSC_1, WSD_1, WSE_1, WSF_1, WSF_2, WSF_3, WSF_4, WSF_5, WSF_6, WSF_7, WSG_1, WSG_2, WSG_3, WSG_4, WSG_5, WSH_1, WTA_1, WTA_2, WTA_3, WTB_1, WTC_1, WTD_1, WTD_2, WTD_3, WTD_4, WTD_5, WTD_6, WTE_1, WTF_1, WTF_2, WTF_3, WTF_4, WTF_5, WTF_6, WTG_1, WTH_1, WTH_2, WTH_3, WTI_1, WTI_2, WTJ_1, WTK_1, WTK_2, WTK_3, WTK_4, WTL_1, WTM_1, WTM_2, WTM_3, WTN_1, WTN_2, WTN_3, WTO_1, WTP_1, WTQ_1, WTS_1, WTS_2, WTT_1, WTT_2, WTU_1, UseCase1MoreInformation, UseCase1Community, UseCase2Thumbnail, BodyScrollDefault, BodyOverflowVisible, imageMainButtonCase, imageFocusCase, imageHeaderCase, imageHeaderFixedCase, UseCase1PostsSettingSection, AllLineIcon, AllFillIcon, LineIcon, FillIcon, AutoWidthResponsive, AutoWidth300, AutoWidth300NoImage400, AutoHeightResponsive, AutoHeight300, AutoHeight300NoImage400, AutoWidth300Height500, RatioResponsive, Ratio300, MultiAutoHeight, MultiAutoWidth, AllLottieIcon, OneLottieIcon, IconLongTextDefault, Profile, CaptionText, MFA_1, MFB_1, MFB_2, MFC_1, MFD_1, MFE_1, MFE_2, MFA, MFB, MFC, MFD, MFE, MMA_1, MMB_1, MMA, MMB, Navigation, MPA_1, MPB_1, MPC_1, MPC_2, MPD_1, MPE_1, MPF_1, MPF_2, MPA, MPB, MPC, MPD, MPE, MPF, Tab, MSA_1, MSA_2, MSB_1, MSC_1, MSC_2, MSD_1, MSE_1, MSF_1, MSF_2, MSG_1, MSH_1, MSA, MSB, MSC, MSD, MSE, MSF, MSG, MSH, TwoButton, ContentTextScrollDefault, Sample, EditModeSectionMatcher, YouTubeIframe, useUnmountStyle, TemplateA, TemplateB, D_TemplateA, Carousel, SectionTitle, SectionDescription, SectionImage, SectionButton, M_TemplateA, D_TemplateB, M_TemplateB, TemplateC, TemplateD, D_TemplateC, M_TemplateC, D_TemplateD, M_TemplateD, TemplateA_desktop, TemplateA_mobile, TemplateB_desktop, TemplateB_mobile, TemplateC_desktop, TemplateC_mobile, TemplateD_desktop, TemplateD_mobile };
5
+ export { keys, webpackContextResolve as resolve, id, __esModule, Divider, Icon, ImageView, LinearProgress, LottieIcon, Spacing, Switch, CircularProgress, Form, ThreeBarProgress, TextLabel, AdminListItemTransition, InputTransition, ButtonTransition, Section, sectionContext, dynamicLayoutContext, IconButton, scrollbarStyle, scrollbarWithPaddingStyle, Item, withFormProvider, theme, skeletonLoadingStyle, NavLink, Navs, ContextTextLabelNav, TextLabelNav, LayoutWF, WFContainersBox, LayoutWH, WHContainersBox, LayoutWS, WSGlobalMenuContainer, WSContainersBox, LayoutWT, WTGlobalMenuContainer, WTContainersBox, D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_Select, D_StatusBlock, D_TextButton, D_TextField, D_TextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab, D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopHeadlessModal, D_SectionSheet, OverlayBorders as default, M_MainButton, M_TextLabel, M_TextButton, M_IconButton, AdminList, AdminListHeader, AdminListItem, BasicChatListItem, BasicFormGroup, BasicList, BasicListItem, BlogTextField, BodyTextGroup, Card, CardList, ChatBubbleListItem, ChatList, Checkbox, Chip, ContextMenu, ContextMenuItem, DesktopAlertDialog, DesktopHeaderBar, DesktopTabBar, Dropdown, DynamicDesktopNavBar, DynamicDesktopNavBarTemplates, EditApplyTextField, FilterBar, FloatingActionButton, Hero, HorizontalFormGroup, ImageSlide, LottieReactionButton, MainButton, PageTitleTextGroup, Radio, ReactionButton, Select, StatusBlock, TextButton, TextField, UploadIconButton, UploadMainButton, UploadTextButton, UserDesktopNavBar, UserDesktopSideTab, UserDesktopTabBar, fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme, themeByGivenTone, dialogOnAni, dialogOffAni, dialogOverlayOnAni, dialogOverlayOffAni, modalOnAni, modalOffAni, modalOverlayOnAni, modalOverlayOffAni, BasePathContext, samplePageIntroSection, samplePageContentsCarouselSection, samplePageIntroSection2, samplePageContentsSection, samplePageInfoBoxSection, samplePageIntroSection3, samplePageFooterSection, samplePage, ContentsContainer, GlobalMenuContainer, PageMenuContainer, TabMenuContainer, SubMenuContainer, formatCompactNumber, formatStandardNumber, ContainersBox, TextFieldBase, NavigationContainer, TabContainer, parameters, globalTypes, decorators, Col, Grid, Row, useDetectOverflow, usePrevious, MenuItemNav, getSearchExceptGivenName, AnnotationSheet, ContentSheet, DesktopBasicModal, DesktopHeadlessModal, SectionSheet, Default, ChipDefault, SearchFieldDefault, DefaultCard, ImageCard, MobileAlertDialog, MobileHeaderBar, MobileTabBar, SectionMatcher, ContentsCarouselSection, useLazyUnmount, ContentsSection, FooterSection, InfoBoxSection, IntroSection, ToggleTone, StepContainer, WFA, WFB, WFC, WFD, WFE, WFF, WFG, WFH, WFI, WFJ, WFK, WFL, PageMenu, WizardPageMenu, TabMenu, LeftSubMenu, Step, WHA, WHB, WHC, WHD, WHE, PrimaryGlobalMenu, SecondaryGlobalMenu, WSA, WSB, WSC, WSD, WSE, WSF, WSG, WSH, GlobalMenu, WTA, WTB, WTC, WTD, WTE, WTF, WTG, WTH, WTI, WTJ, WTK, WTL, WTM, WTN, WTO, WTP, WTQ, WTS, WTT, WTU, TopPageMenu, LeftPageMenu, Popup, PopupProvider, iconStateColors, iconThemeColorLineColors, fadeIn, fadeOut, glow, scaleUp, scaleDown, scaleUpIncludeTranslate, scaleDownIncludeTranslate, gelatine, scaleBounceIn, scaleBounceIn02, scaleBounceOut, scaleBounceOut02, scaleBounceInIncludeTranslate, scaleBounceOutIncludeTranslate, scaleBounceInIncludeTranslate02, scaleBounceOutIncludeTranslate02, BrandLogo, PrimaryMenu, SecondaryMenu, UserProfile, ContextMenuNavs, ContextMenuItemNav, defaultValue, TEMPLATES_DATA, textStyles, iconFillTypeColors, iconStyleThemeColors, Single, Multi, Auto, readOnly, disabled, Low, Medium, High, Empty, TextFieldType, SelectType, SwitchType, MixType, DefaultBasicList, Image, Badge, Validate, MultiState, MultiRows, AutoState, AutoRows, TitleOnly, WithDescription, WithContent, Both, DefaultCardList, MultiCardList, Grey01, Primary, LongText, OtherAvatarImpact, OtherAvatar, OtherAvatarSub, Other, OtherSub, Me, MeSub, GreyColorChildrenTextLabel, BrandPrimaryColorChildrenTextLabel, TranslucentWhiteColorChildrenTextLabel, TranslucentBlackColorChildrenTextLabel, WithImage, AllVariation, AllIcon, WithChatBubbleListItem, CategoryChoice, FilterSingle, FilterMulti, Removable, Label, Time, Information, DefaultContextMenu, ListContextMenu, DefaultContextMenuItem, TitleDefault, IconDefault, tBtn3TextDefault, StackDefault, LeftBtnDesktopHeaderBar, RightBtnDesktopHeaderBar, ComplexBtnDesktopHeaderBar, MainDefault, SubDefault, ContentDefault, LeftIconButton, OverrideUserProfile, ColorThemeTransparent, SingleSize, SingleState, SinglePreventBlankMode, SingleValidation, MultiSizeOnlyLarge, MultiValidation, AutoSizeOnlyLarge, AutoValidation, TextFieldForm, MultiTextFieldForm, EditApply_textfieldForm, DropdownForm, TextStringType, EditButton, List, Disabled, TextType, CountTypeFormatting, CountTypeNonFormatting, OnlyHintText, OnlyDefaultValue, HintAndDefaultValue, NoHintNoDefaultValue, All, SingleSizeIcon, SingleStateIcon, SingleColorTheme, TransparentColorTheme, ShortText, LongTextWithLineBreakTab, TextDefault, CenterNoneDefault, WFA_1, WFA_2, WFB_1, WFC_1, WFD_1, WFD_2, WFE_1, WFE_2, WFE_3, WFE_4, WFF_1, WFG_1, WFG_2, WFG_3, WFG_4, WFG_5, WFG_6, WFH_1, WFI_1, WFI_2, WFI_3, WFI_4, WFI_5, WFI_6, WFJ_1, WFK_1, WFL_1, WFL_2, WHA_1, WHB_1, WHB_2, WHB_3, WHB_4, WHB_5, WHB_6, WHC_1, WHD_1, WHD_2, WHD_3, WHD_4, WHD_5, WHD_6, WHE_1, WHE_2, WSA_1, WSB_1, WSB_2, WSC_1, WSD_1, WSE_1, WSF_1, WSF_2, WSF_3, WSF_4, WSF_5, WSF_6, WSF_7, WSG_1, WSG_2, WSG_3, WSG_4, WSG_5, WSH_1, WTA_1, WTA_2, WTA_3, WTB_1, WTC_1, WTD_1, WTD_2, WTD_3, WTD_4, WTD_5, WTD_6, WTE_1, WTF_1, WTF_2, WTF_3, WTF_4, WTF_5, WTF_6, WTG_1, WTH_1, WTH_2, WTH_3, WTI_1, WTI_2, WTJ_1, WTK_1, WTK_2, WTK_3, WTK_4, WTL_1, WTM_1, WTM_2, WTM_3, WTN_1, WTN_2, WTN_3, WTO_1, WTP_1, WTQ_1, WTS_1, WTS_2, WTT_1, WTT_2, WTU_1, UseCase1MoreInformation, UseCase1Community, UseCase2Thumbnail, BodyScrollDefault, BodyOverflowVisible, imageMainButtonCase, imageFocusCase, imageHeaderCase, imageHeaderFixedCase, UseCase1PostsSettingSection, AllLineIcon, AllFillIcon, LineIcon, FillIcon, AutoWidthResponsive, AutoWidth300, AutoWidth300NoImage400, AutoHeightResponsive, AutoHeight300, AutoHeight300NoImage400, AutoWidth300Height500, RatioResponsive, Ratio300, MultiAutoHeight, MultiAutoWidth, AllLottieIcon, OneLottieIcon, IconLongTextDefault, Profile, CaptionText, MFA_1, MFB_1, MFB_2, MFC_1, MFD_1, MFE_1, MFE_2, MFA, MFB, MFC, MFD, MFE, MMA_1, MMB_1, MMA, MMB, Navigation, MPA_1, MPB_1, MPC_1, MPC_2, MPD_1, MPE_1, MPF_1, MPF_2, MPA, MPB, MPC, MPD, MPE, MPF, Tab, MSA_1, MSA_2, MSB_1, MSC_1, MSC_2, MSD_1, MSE_1, MSF_1, MSF_2, MSG_1, MSH_1, MSA, MSB, MSC, MSD, MSE, MSF, MSG, MSH, TwoButton, ContentTextScrollDefault, Sample, EditModeSectionMatcher, YouTubeIframe, useUnmountStyle, TemplateA, TemplateB, D_TemplateA, Carousel, SectionTitle, SectionDescription, SectionImage, SectionButton, M_TemplateA, D_TemplateB, M_TemplateB, TemplateC, TemplateD, D_TemplateC, M_TemplateC, D_TemplateD, M_TemplateD, TemplateA_desktop, TemplateA_mobile, TemplateB_desktop, TemplateB_mobile, TemplateC_desktop, TemplateC_mobile, TemplateD_desktop, TemplateD_mobile };
6
6
  }
7
7
  declare function keys(): string[];
8
8
  declare function webpackContextResolve(req: any): any;
@@ -136,22 +136,6 @@ declare var M_MainButton: any;
136
136
  declare var M_TextLabel: any;
137
137
  declare var M_TextButton: any;
138
138
  declare var M_IconButton: any;
139
- declare var ContextMenu: any;
140
- declare var MainButton: any;
141
- declare var fontWeight: any;
142
- declare var desktopFontSize: any;
143
- declare var desktopLineHeight: any;
144
- declare var desktopEditorFontSize: any;
145
- declare var desktopEditorLineHeight: any;
146
- declare var mobileFontSize: any;
147
- declare var mobileLineHeight: any;
148
- declare var mobileEditorFontSize: any;
149
- declare var mobileEditorLineHeight: any;
150
- declare var boxShadow: any;
151
- declare var spacing: any;
152
- declare var uiColors: any;
153
- declare var customTheme: any;
154
- declare function themeByGivenTone(tone: any): any;
155
139
  declare var AdminList: any;
156
140
  declare var AdminListHeader: any;
157
141
  declare var AdminListItem: any;
@@ -167,6 +151,7 @@ declare var ChatBubbleListItem: any;
167
151
  declare var ChatList: any;
168
152
  declare var Checkbox: any;
169
153
  declare var Chip: any;
154
+ declare var ContextMenu: any;
170
155
  declare var ContextMenuItem: any;
171
156
  declare var DesktopAlertDialog: any;
172
157
  declare var DesktopHeaderBar: any;
@@ -181,6 +166,7 @@ declare var Hero: any;
181
166
  declare var HorizontalFormGroup: any;
182
167
  declare var ImageSlide: any;
183
168
  declare var LottieReactionButton: any;
169
+ declare var MainButton: any;
184
170
  declare var PageTitleTextGroup: any;
185
171
  declare var Radio: any;
186
172
  declare var ReactionButton: any;
@@ -194,6 +180,20 @@ declare var UploadTextButton: any;
194
180
  declare var UserDesktopNavBar: any;
195
181
  declare var UserDesktopSideTab: any;
196
182
  declare var UserDesktopTabBar: any;
183
+ declare var fontWeight: any;
184
+ declare var desktopFontSize: any;
185
+ declare var desktopLineHeight: any;
186
+ declare var desktopEditorFontSize: any;
187
+ declare var desktopEditorLineHeight: any;
188
+ declare var mobileFontSize: any;
189
+ declare var mobileLineHeight: any;
190
+ declare var mobileEditorFontSize: any;
191
+ declare var mobileEditorLineHeight: any;
192
+ declare var boxShadow: any;
193
+ declare var spacing: any;
194
+ declare var uiColors: any;
195
+ declare var customTheme: any;
196
+ declare function themeByGivenTone(tone: any): any;
197
197
  declare var dialogOnAni: any;
198
198
  declare var dialogOffAni: any;
199
199
  declare var dialogOverlayOnAni: any;
@@ -1174,6 +1174,11 @@ declare var useDetectOverflow: any;
1174
1174
  declare var usePrevious: any;
1175
1175
  declare var MenuItemNav: any;
1176
1176
  declare function getSearchExceptGivenName(search: any, name: any): string;
1177
+ declare var AnnotationSheet: any;
1178
+ declare var ContentSheet: any;
1179
+ declare var DesktopBasicModal: any;
1180
+ declare var DesktopHeadlessModal: any;
1181
+ declare var SectionSheet: any;
1177
1182
  declare var Default: any;
1178
1183
  declare var ChipDefault: any;
1179
1184
  declare var SearchFieldDefault: any;
@@ -1596,11 +1601,6 @@ declare namespace iconStyleThemeColors {
1596
1601
  const primary: string;
1597
1602
  const secondary: string;
1598
1603
  }
1599
- declare var AnnotationSheet: any;
1600
- declare var ContentSheet: any;
1601
- declare var DesktopBasicModal: any;
1602
- declare var DesktopHeadlessModal: any;
1603
- declare var SectionSheet: any;
1604
1604
  declare var Single: any;
1605
1605
  declare var Multi: any;
1606
1606
  declare var Auto: any;
@@ -1728,6 +1728,7 @@ declare var WFI_6: any;
1728
1728
  declare var WFJ_1: any;
1729
1729
  declare var WFK_1: any;
1730
1730
  declare var WFL_1: any;
1731
+ declare var WFL_2: any;
1731
1732
  declare var WHA_1: any;
1732
1733
  declare var WHB_1: any;
1733
1734
  declare var WHB_2: any;