pds-dev-kit-web 1.9.0-beta.3 → 1.9.0-beta.5

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 (100) hide show
  1. package/dist/index.d.ts +2 -0
  2. package/dist/index.js +14 -0
  3. package/dist/src/common/assets/icons/fill/ArrowDown.js +1 -1
  4. package/dist/src/common/assets/icons/fill/ArrowUp.js +1 -1
  5. package/dist/src/common/services/i18n/resources/en.json +4625 -1466
  6. package/dist/src/common/services/i18n/resources/es.json +6082 -2923
  7. package/dist/src/common/services/i18n/resources/index.d.ts +18961 -7
  8. package/dist/src/common/services/i18n/resources/index.js +2 -2
  9. package/dist/src/common/services/i18n/resources/jp.json +6091 -2932
  10. package/dist/src/common/services/i18n/resources/ko.json +3353 -194
  11. package/dist/src/common/services/i18n/resources/zh-tw.json +4000 -841
  12. package/dist/src/common/services/i18n/resources/zh-zh.json +6844 -0
  13. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +9 -2
  14. package/dist/src/common/styles/colorSet/PaletteColor_light.json +9 -2
  15. package/dist/src/common/styles/colorSet/SemanticColor.json +5 -1
  16. package/dist/src/common/styles/colorSet/UIColor.json +15 -3
  17. package/dist/src/common/styles/colorSet/index.d.ts +32 -2
  18. package/dist/src/common/styles/colorSet/index.js +2 -2
  19. package/dist/src/common/styles/colorSet/ui-type.d.ts +12 -0
  20. package/dist/src/common/styles/movement/animationStyle.d.ts +8 -0
  21. package/dist/src/common/styles/movement/animationStyle.js +18 -0
  22. package/dist/src/common/styles/movement/keyframes.d.ts +14 -0
  23. package/dist/src/common/styles/movement/keyframes.js +23 -0
  24. package/dist/src/common/styles/movement/transitionStyle.d.ts +3 -0
  25. package/dist/src/common/styles/movement/transitionStyle.js +12 -0
  26. package/dist/src/desktop/components/AdminListItem/AdminListItem.js +4 -3
  27. package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.js +5 -4
  28. package/dist/src/desktop/components/Dropdown/Dropdown.js +34 -3
  29. package/dist/src/desktop/components/EditApplyTextField/EditApplyTextField.js +15 -4
  30. package/dist/src/desktop/components/FloatingActionButton/FloatingActionButton.js +5 -4
  31. package/dist/src/desktop/components/IconButton/IconButton.js +7 -6
  32. package/dist/src/desktop/components/LottieReactionButton/LottieReactionButton.js +4 -3
  33. package/dist/src/desktop/components/MainButton/MainButton.d.ts +1 -1
  34. package/dist/src/desktop/components/MainButton/MainButton.js +129 -41
  35. package/dist/src/desktop/components/ReactionButton/ReactionButton.js +5 -1
  36. package/dist/src/desktop/components/Select/Select.js +29 -2
  37. package/dist/src/desktop/components/TextButton/TextButton.js +3 -2
  38. package/dist/src/desktop/components/TextField/TextField.js +35 -4
  39. package/dist/src/desktop/components/UploadIconButton/UploadIconButton.js +7 -6
  40. package/dist/src/desktop/components/UploadMainButton/UploadMainButton.d.ts +1 -1
  41. package/dist/src/desktop/components/UploadMainButton/UploadMainButton.js +141 -49
  42. package/dist/src/desktop/components/UploadMainButton/types.d.ts +0 -10
  43. package/dist/src/desktop/components/UploadMainButton/types.js +1 -11
  44. package/dist/src/desktop/components/UploadTextButton/UploadTextButton.js +3 -2
  45. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFA.js +1 -1
  46. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFB.js +1 -1
  47. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFE.js +2 -2
  48. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFL.js +2 -2
  49. package/dist/src/desktop/panels/DesktopBasicModal/DesktopBasicModal.d.ts +3 -2
  50. package/dist/src/desktop/panels/DesktopBasicModal/DesktopBasicModal.js +35 -18
  51. package/dist/src/desktop/panels/DesktopHeadlessModal/DesktopHeadlessModal.js +8 -7
  52. package/dist/src/mobile/components/Dropdown/Dropdown.js +21 -3
  53. package/dist/src/mobile/components/FloatingActionButton/FloatingActionButton.js +4 -3
  54. package/dist/src/mobile/components/IconButton/IconButton.js +6 -5
  55. package/dist/src/mobile/components/LottieReactionButton/LottieReactionButton.js +3 -2
  56. package/dist/src/mobile/components/MainButton/MainButton.d.ts +1 -1
  57. package/dist/src/mobile/components/MainButton/MainButton.js +122 -37
  58. package/dist/src/mobile/components/MobileAlertDialog/MobileAlertDialog.js +5 -4
  59. package/dist/src/mobile/components/Select/Select.js +18 -2
  60. package/dist/src/mobile/components/TextButton/TextButton.js +2 -1
  61. package/dist/src/mobile/components/TextField/TextField.js +22 -4
  62. package/dist/src/mobile/components/UploadIconButton/UploadIconButton.js +6 -5
  63. package/dist/src/mobile/components/UploadMainButton/UploadMainButton.d.ts +1 -1
  64. package/dist/src/mobile/components/UploadMainButton/UploadMainButton.js +134 -42
  65. package/dist/src/mobile/components/UploadMainButton/types.d.ts +0 -10
  66. package/dist/src/mobile/components/UploadMainButton/types.js +1 -11
  67. package/dist/src/mobile/components/UploadTextButton/UploadTextButton.js +3 -2
  68. package/dist/src/mobile/panels/MobileBasicModal/MobileBasicModal.js +5 -4
  69. package/dist/src/sub/DynamicLayout/DynamicLayout.d.ts +1 -1
  70. package/dist/src/sub/DynamicLayout/DynamicLayout.js +2 -2
  71. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/EditModeSectionMatcher.d.ts +2 -1
  72. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/EditModeSectionMatcher.js +2 -2
  73. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/OverlayBorders.d.ts +6 -0
  74. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/OverlayBorders.js +49 -0
  75. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.d.ts +2 -1
  76. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.js +23 -8
  77. package/dist/src/sub/DynamicLayout/hooks/useLazyUnmount/index.d.ts +1 -0
  78. package/dist/src/sub/DynamicLayout/hooks/useLazyUnmount/index.js +8 -0
  79. package/dist/src/sub/DynamicLayout/hooks/useLazyUnmount/useLazyUnmount.d.ts +5 -0
  80. package/dist/src/sub/DynamicLayout/hooks/useLazyUnmount/useLazyUnmount.js +61 -0
  81. package/dist/src/sub/DynamicLayout/types.d.ts +2 -1
  82. package/dist/storybook-static/{0.73af3e66.iframe.bundle.d.ts → 0.2023c95c.iframe.bundle.d.ts} +0 -0
  83. package/dist/storybook-static/{0.73af3e66.iframe.bundle.js → 0.2023c95c.iframe.bundle.js} +8 -8
  84. package/dist/storybook-static/{4.d7ecdbf4.iframe.bundle.d.ts → 4.d1de0501.iframe.bundle.d.ts} +0 -0
  85. package/dist/storybook-static/{4.d7ecdbf4.iframe.bundle.js → 4.d1de0501.iframe.bundle.js} +71 -71
  86. package/dist/storybook-static/{5.dc1e4c72.iframe.bundle.d.ts → 5.2f192ddf.iframe.bundle.d.ts} +0 -0
  87. package/dist/storybook-static/{5.dc1e4c72.iframe.bundle.js → 5.2f192ddf.iframe.bundle.js} +13 -13
  88. package/dist/storybook-static/{6.e668ed7b.iframe.bundle.d.ts → 6.62fc7663.iframe.bundle.d.ts} +0 -0
  89. package/dist/storybook-static/{6.e668ed7b.iframe.bundle.js → 6.62fc7663.iframe.bundle.js} +6 -6
  90. package/dist/storybook-static/{7.9af8f518.iframe.bundle.d.ts → 7.3518bf24.iframe.bundle.d.ts} +0 -0
  91. package/dist/storybook-static/{7.9af8f518.iframe.bundle.js → 7.3518bf24.iframe.bundle.js} +3 -3
  92. package/dist/storybook-static/{main.7e8e72d0.iframe.bundle.d.ts → main.bea0ee46.iframe.bundle.d.ts} +740 -860
  93. package/dist/storybook-static/{main.7e8e72d0.iframe.bundle.js → main.bea0ee46.iframe.bundle.js} +1343 -1112
  94. package/dist/storybook-static/{runtime~main.1b62987c.iframe.bundle.d.ts → runtime~main.54fba058.iframe.bundle.d.ts} +0 -0
  95. package/dist/storybook-static/{runtime~main.1b62987c.iframe.bundle.js → runtime~main.54fba058.iframe.bundle.js} +1 -1
  96. package/dist/storybook-static/{vendors~main.4e754259.iframe.bundle.d.ts → vendors~main.dd7c8d3f.iframe.bundle.d.ts} +0 -0
  97. package/dist/storybook-static/{vendors~main.4e754259.iframe.bundle.js → vendors~main.dd7c8d3f.iframe.bundle.js} +829 -829
  98. package/package.json +1 -1
  99. package/release-note.md +91 -10
  100. package/dist/src/common/services/i18n/resources/zh-cn.json +0 -3685
package/dist/index.d.ts CHANGED
@@ -2,6 +2,8 @@ import { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSi
2
2
  export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, PDSIconType, ForwardedRefType };
3
3
  export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme };
4
4
  export { theme };
5
+ export * from './src/common/styles/movement/animationStyle';
6
+ export * from './src/common/styles/movement/transitionStyle';
5
7
  export { Form };
6
8
  import { Divider, Icon, ImageView, LinearProgress, LottieIcon, Spacing, Switch } from './src/hybrid';
7
9
  export { Divider, Icon, ImageView, LinearProgress, LottieIcon, Spacing, Switch };
package/dist/index.js CHANGED
@@ -1,4 +1,14 @@
1
1
  "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
+ };
2
12
  Object.defineProperty(exports, "__esModule", { value: true });
3
13
  exports.D_DesktopAlertDialog = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_Chip = exports.D_Checkbox = exports.D_ChatList = exports.D_ChatBubbleListItem = exports.D_CardList = exports.D_Card = exports.D_BodyTextGroup = exports.D_BlogTextField = exports.D_BasicListItem = exports.D_BasicList = exports.D_BasicFormGroup = exports.D_BasicChatListItem = exports.D_AdminListItem = exports.D_AdminListHeader = exports.D_AdminList = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WHContainersBox = exports.LayoutWH = exports.WFContainersBox = exports.LayoutWF = exports.Switch = exports.Spacing = exports.LottieIcon = exports.LinearProgress = exports.ImageView = exports.Icon = exports.Divider = exports.Form = exports.theme = exports.customTheme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileEditorLineHeight = exports.mobileEditorFontSize = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopEditorLineHeight = exports.desktopEditorFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
4
14
  exports.M_BlogTextField = exports.M_BasicListItem = exports.M_BasicList = exports.M_BasicFormGroup = exports.M_BasicChatListItem = exports.MSContainersBox = exports.MSNavigationContainer = exports.LayoutMS = exports.MPContainersBox = exports.MPTabContainer = exports.MPNavigationContainer = exports.LayoutMP = exports.MMContainersBox = exports.MMNavigationContainer = exports.LayoutMM = exports.MFContainersBox = exports.LayoutMF = exports.D_SectionSheet = exports.D_DesktopHeadlessModal = exports.D_DesktopBasicModal = exports.D_ContentSheet = exports.D_AnnotationSheet = exports.D_UserDesktopSideTab = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = exports.D_UploadIconButton = exports.D_TextLabel = exports.D_TextField = exports.D_TextButton = exports.D_StatusBlock = exports.D_Select = exports.D_ReactionButton = exports.D_Radio = exports.D_PageTitleTextGroup = exports.D_MainButton = exports.D_LottieReactionButton = exports.D_ImageSlide = exports.D_IconButton = exports.D_HorizontalFormGroup = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_DynamicDesktopNavBarTemplates = exports.D_DynamicDesktopNavBar = exports.D_Dropdown = exports.D_DesktopTabBar = exports.D_DesktopHeaderBar = void 0;
@@ -22,6 +32,10 @@ Object.defineProperty(exports, "uiColors", { enumerable: true, get: function ()
22
32
  Object.defineProperty(exports, "customTheme", { enumerable: true, get: function () { return common_1.customTheme; } });
23
33
  Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return common_1.theme; } });
24
34
  Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return common_1.Form; } });
35
+ // animation style
36
+ __exportStar(require("./src/common/styles/movement/animationStyle"), exports);
37
+ // transition style
38
+ __exportStar(require("./src/common/styles/movement/transitionStyle"), exports);
25
39
  // hybrid
26
40
  var hybrid_1 = require("./src/hybrid");
27
41
  Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return hybrid_1.Divider; } });
@@ -29,6 +29,6 @@ var react_1 = __importDefault(require("react"));
29
29
  var ArrowDown = function (_a) {
30
30
  var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
31
31
  return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
32
- react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M13.272,17.2793 L18.191,9.4093 C18.815,8.4103 18.097,7.1143 16.919,7.1143 L7.081,7.1143 C5.903,7.1143 5.185,8.4103 5.809,9.4093 L10.728,17.2793 C11.316,18.2193 12.684,18.2193 13.272,17.2793" })));
32
+ react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M13.0895159,16.0067053 L17.3028247,9.26575393 C17.8373042,8.41007281 17.2223101,7.3 16.2133088,7.3 L7.78669125,7.3 C6.77768989,7.3 6.16269585,8.41007281 6.69717535,9.26575393 L10.9104841,16.0067053 C11.4141282,16.8118507 12.5858718,16.8118507 13.0895159,16.0067053" })));
33
33
  };
34
34
  exports.default = ArrowDown;
@@ -29,6 +29,6 @@ var react_1 = __importDefault(require("react"));
29
29
  var ArrowUp = function (_a) {
30
30
  var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
31
31
  return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
32
- react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M10.728,6.7207 L5.809,14.5907 C5.185,15.5897 5.903,16.8857 7.081,16.8857 L16.919,16.8857 C18.097,16.8857 18.815,15.5897 18.191,14.5907 L13.272,6.7207 C12.684,5.7807 11.316,5.7807 10.728,6.7207" })));
32
+ react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M10.9104841,7.90385905 L6.69717535,14.6448104 C6.16269585,15.5004916 6.77768989,16.6105644 7.78669125,16.6105644 L16.2133088,16.6105644 C17.2223101,16.6105644 17.8373042,15.5004916 17.3028247,14.6448104 L13.0895159,7.90385905 C12.5858718,7.09871365 11.4141282,7.09871365 10.9104841,7.90385905" })));
33
33
  };
34
34
  exports.default = ArrowUp;