pds-dev-kit-web-test 0.3.7 → 0.3.8

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 (59) hide show
  1. package/dist/index.d.ts +2 -2
  2. package/dist/src/common/assets/icons/fill/DeviceMobileNotification.d.ts +4 -0
  3. package/dist/src/common/assets/icons/fill/DeviceMobileNotification.js +30 -0
  4. package/dist/src/common/assets/icons/fill/index.d.ts +1 -0
  5. package/dist/src/common/assets/icons/fill/index.js +2 -0
  6. package/dist/src/common/assets/icons/line/Chapter.js +1 -1
  7. package/dist/src/common/assets/icons/line/DeviceMobileNotification.d.ts +4 -0
  8. package/dist/src/common/assets/icons/line/DeviceMobileNotification.js +30 -0
  9. package/dist/src/common/assets/icons/line/Pages.js +1 -1
  10. package/dist/src/common/assets/icons/line/VideoPlayCircle.js +1 -1
  11. package/dist/src/common/assets/icons/line/index.d.ts +1 -0
  12. package/dist/src/common/assets/icons/line/index.js +2 -0
  13. package/dist/src/common/index.d.ts +1 -1
  14. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +2 -1
  15. package/dist/src/common/styles/colorSet/PaletteColor_light.json +2 -1
  16. package/dist/src/common/styles/colorSet/UIColor.json +2 -1
  17. package/dist/src/common/styles/colorSet/index.d.ts +350 -347
  18. package/dist/src/common/styles/colorSet/index.js +3 -3
  19. package/dist/src/common/styles/colorSet/ui-type.d.ts +1 -0
  20. package/dist/src/common/types/components.d.ts +5 -0
  21. package/dist/src/desktop/components/ChatBubbleListItem/ChatBubbleListItem.js +5 -5
  22. package/dist/src/desktop/components/DesktopTabBar/DesktopTabBar.d.ts +4 -1
  23. package/dist/src/desktop/components/DesktopTabBar/DesktopTabBar.js +16 -4
  24. package/dist/src/desktop/components/Dropdown/Dropdown.d.ts +3 -2
  25. package/dist/src/desktop/components/Dropdown/Dropdown.js +124 -19
  26. package/dist/src/desktop/components/DynamicDesktopNavBar/DynamicDesktopNavBar.js +25 -6
  27. package/dist/src/desktop/components/DynamicDesktopNavBar/blocks/BrandLogo.d.ts +2 -1
  28. package/dist/src/desktop/components/DynamicDesktopNavBar/blocks/BrandLogo.js +2 -2
  29. package/dist/src/desktop/components/DynamicDesktopNavBar/blocks/UserProfile.d.ts +2 -2
  30. package/dist/src/desktop/components/DynamicDesktopNavBar/blocks/UserProfile.js +7 -5
  31. package/dist/src/desktop/components/DynamicDesktopNavBar/components/LogoNav.d.ts +2 -1
  32. package/dist/src/desktop/components/DynamicDesktopNavBar/components/LogoNav.js +12 -3
  33. package/dist/src/desktop/components/DynamicDesktopNavBar/templates/DynamicDesktopNavBarTemplates.d.ts +136 -1
  34. package/dist/src/desktop/components/DynamicDesktopNavBar/templates/constants.d.ts +141 -0
  35. package/dist/src/desktop/components/DynamicDesktopNavBar/templates/constants.js +141 -0
  36. package/dist/src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.js +5 -5
  37. package/dist/src/mobile/components/Dropdown/Dropdown.d.ts +3 -2
  38. package/dist/src/mobile/components/Dropdown/Dropdown.js +123 -18
  39. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.js +4 -2
  40. package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts +850 -8
  41. package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +2048 -1202
  42. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +1 -1
  43. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +2 -2
  44. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Divider/Divider.js +2 -2
  45. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +15 -9
  46. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/RichText.js +2 -2
  47. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +2 -2
  48. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Twitter/Twitter.js +2 -2
  49. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/Youtube.js +2 -2
  50. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/index.d.ts +2 -2
  51. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/index.js +3 -0
  52. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/parseEffectPropHoverAnim.d.ts +19 -0
  53. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/parseEffectPropHoverAnim.js +51 -0
  54. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/types.d.ts +4 -2
  55. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/types.js +1 -0
  56. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.js +2 -2
  57. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +4 -1
  58. package/package.json +1 -1
  59. package/release-note.md +3 -3
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme, theme, Form, PDSIconType, ForwardedRefType, Language } from './src/common';
2
- export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, PDSIconType, ForwardedRefType, Language };
1
+ import { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme, theme, Form, PDSIconType, ForwardedRefType, Language, DropdownGroupInfo } from './src/common';
2
+ export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, PDSIconType, ForwardedRefType, Language, DropdownGroupInfo };
3
3
  export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme };
4
4
  export { theme };
5
5
  export { dialogOnAni, dialogOffAni, dialogOverlayOnAni, dialogOverlayOffAni, modalOnAni, modalOffAni, modalOverlayOnAni, modalOverlayOffAni } from './src/common/styles';
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import type IconType from '../IconType';
3
+ declare const DeviceMobileNotification: ({ color, size, ...rest }: IconType) => JSX.Element;
4
+ export default DeviceMobileNotification;
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ var jsx_runtime_1 = require("react/jsx-runtime");
26
+ var DeviceMobileNotification = function (_a) {
27
+ var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
28
+ return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M17.855,11.2021 C17.514,11.2021 17.181,11.1671 16.855,11.1101 L16.855,18.3511 C16.855,18.9031 16.407,19.3511 15.855,19.3511 L8,19.3511 C7.449,19.3511 7,18.9031 7,18.3511 L7,5.3511 C7,4.8001 7.449,4.3511 8,4.3511 L9.146,4.3511 L9.146,4.5761 C9.146,5.2181 9.667,5.7381 10.308,5.7381 L12.023,5.7381 C12.015,5.6091 12.004,5.4821 12.004,5.3511 C12.004,4.2541 12.313,3.2301 12.841,2.3511 L8,2.3511 C6.342,2.3511 5,3.6941 5,5.3511 L5,18.3511 C5,20.0081 6.342,21.3511 8,21.3511 L15.855,21.3511 C17.512,21.3511 18.855,20.0081 18.855,18.3511 L18.855,11.1101 C18.529,11.1671 18.197,11.2021 17.855,11.2021" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FF463A", d: "M22.1787,5.351 C22.1787,2.948 20.2307,1 17.8277,1 C15.4247,1 13.4767,2.948 13.4767,5.351 C13.4767,7.754 15.4247,9.702 17.8277,9.702 C20.2307,9.702 22.1787,7.754 22.1787,5.351" })] })) })));
29
+ };
30
+ exports.default = DeviceMobileNotification;
@@ -36,6 +36,7 @@ declare const fillIcons: {
36
36
  readonly ic_device_app: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
37
37
  readonly ic_device_desktop: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
38
38
  readonly ic_device_mobile: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
39
+ readonly ic_device_mobile_notification: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
39
40
  readonly ic_divider: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
40
41
  readonly ic_download: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
41
42
  readonly ic_downloaded: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -39,6 +39,7 @@ var Delete_1 = __importDefault(require("./Delete"));
39
39
  var DeviceApp_1 = __importDefault(require("./DeviceApp"));
40
40
  var DeviceDesktop_1 = __importDefault(require("./DeviceDesktop"));
41
41
  var DeviceMobile_1 = __importDefault(require("./DeviceMobile"));
42
+ var DeviceMobileNotification_1 = __importDefault(require("./DeviceMobileNotification"));
42
43
  var Divider_1 = __importDefault(require("./Divider"));
43
44
  var Download_1 = __importDefault(require("./Download"));
44
45
  var Downloaded_1 = __importDefault(require("./Downloaded"));
@@ -165,6 +166,7 @@ var fillIcons = {
165
166
  ic_device_app: DeviceApp_1.default,
166
167
  ic_device_desktop: DeviceDesktop_1.default,
167
168
  ic_device_mobile: DeviceMobile_1.default,
169
+ ic_device_mobile_notification: DeviceMobileNotification_1.default,
168
170
  ic_divider: Divider_1.default,
169
171
  ic_download: Download_1.default,
170
172
  ic_downloaded: Downloaded_1.default,
@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
25
25
  var jsx_runtime_1 = require("react/jsx-runtime");
26
26
  var Chapter = function (_a) {
27
27
  var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
28
- return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M5.6613,11.4557 L5.6613,9.2747 C5.6613,8.6267 6.3613,8.2227 6.9223,8.5467 L8.8113,9.6367 L10.7003,10.7277 C11.2613,11.0517 11.2613,11.8597 10.7003,12.1837 L8.8113,13.2747 L6.9223,14.3647 C6.3613,14.6887 5.6613,14.2847 5.6613,13.6367 L5.6613,11.4557 Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M11.6363,5.9619 C9.6583,4.1809 5.8493,3.5079 3.4303,4.4109 C2.8643,4.6219 2.3983,5.2749 2.3983,5.8789 L2.3993,18.1849 C2.3993,18.7149 2.9373,19.0399 3.4293,18.8419 C5.9343,17.8349 9.7133,18.3309 11.6713,19.8739 C11.8653,20.0269 12.1213,20.0269 12.3163,19.8729 C14.3223,18.2839 18.0623,17.8379 20.5753,18.8439 C21.0653,19.0399 21.6013,18.7129 21.6013,18.1849 L21.6013,5.8789 C21.6013,5.2749 21.1363,4.6219 20.5703,4.4109 C18.1513,3.5079 14.3423,4.1809 12.3643,5.9619 C12.1523,6.1529 11.8483,6.1529 11.6363,5.9619 Z M14.1962,8.9646 L18.2602,8.9646 M14.1962,11.765 L18.2602,11.765 M14.1962,14.5653 L18.2602,14.5653" })] })) })));
28
+ return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M5.6613,11.4557 L5.6613,9.2747 C5.6613,8.6267 6.3613,8.2227 6.9223,8.5467 L8.8113,9.6367 L10.7003,10.7277 C11.2613,11.0517 11.2613,11.8597 10.7003,12.1837 L8.8113,13.2747 L6.9223,14.3647 C6.3613,14.6887 5.6613,14.2847 5.6613,13.6367 L5.6613,11.4557 Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M11.6401,5.9534 C9.6831,4.1704 5.9141,3.4964 3.5201,4.4004 C2.9601,4.6114 2.5001,5.2654 2.5001,5.8704 L2.5001,18.1934 C2.5001,18.7244 3.0331,19.0494 3.5191,18.8514 C5.9981,17.8434 9.7371,18.3404 11.6741,19.8844 C11.8671,20.0384 12.1201,20.0384 12.3121,19.8844 C14.2981,18.2934 17.9981,17.8464 20.4851,18.8534 C20.9701,19.0494 21.5001,18.7224 21.5001,18.1934 L21.5001,5.8704 C21.5001,5.2654 21.0401,4.6114 20.4801,4.4004 C18.0861,3.4964 14.3181,4.1704 12.3601,5.9534 C12.1511,6.1444 11.8491,6.1444 11.6401,5.9534 Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.8", d: "M14.1962,8.9646 L18.2602,8.9646 M14.1962,11.765 L18.2602,11.765 M14.1962,14.5653 L18.2602,14.5653" })] })) })));
29
29
  };
30
30
  exports.default = Chapter;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import type IconType from '../IconType';
3
+ declare const DeviceMobileNotification: ({ color, size, ...rest }: IconType) => JSX.Element;
4
+ export default DeviceMobileNotification;
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ var jsx_runtime_1 = require("react/jsx-runtime");
26
+ var DeviceMobileNotification = function (_a) {
27
+ var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
28
+ return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: "#FF463A", d: "M22.0188,5.5 C22.0188,3.291 20.2278,1.5 18.0188,1.5 C15.8098,1.5 14.0188,3.291 14.0188,5.5 C14.0188,7.709 15.8098,9.5 18.0188,9.5 C20.2278,9.5 22.0188,7.709 22.0188,5.5" }), (0, jsx_runtime_1.jsx)("path", { fill: color, d: "M18.019,11.368 C17.818,11.368 17.621,11.358 17.425,11.338 L17.425,18.5 C17.425,19.327 16.752,20 15.925,20 L8.07,20 C7.243,20 6.57,19.327 6.57,18.5 L6.57,5.5 C6.57,4.673 7.243,4 8.07,4 L12.352,4 C12.494,3.466 12.708,2.963 12.985,2.5 L8.07,2.5 C6.413,2.5 5.07,3.843 5.07,5.5 L5.07,18.5 C5.07,20.157 6.413,21.5 8.07,21.5 L15.925,21.5 C17.582,21.5 18.925,20.157 18.925,18.5 L18.925,11.291 C18.629,11.337 18.328,11.368 18.019,11.368" }), (0, jsx_runtime_1.jsx)("path", { fill: color, d: "M12.1509,5.5 C12.1509,5.264 12.1689,5.033 12.1959,4.805 L10.6049,4.805 C10.4669,4.805 10.3549,4.693 10.3549,4.555 L10.3549,3.514 C10.3549,3.1 10.0189,2.764 9.6049,2.764 C9.1909,2.764 8.8549,3.1 8.8549,3.514 L8.8549,4.555 C8.8549,5.52 9.6399,6.305 10.6049,6.305 L12.2129,6.305 C12.1759,6.041 12.1509,5.774 12.1509,5.5" })] })) })));
29
+ };
30
+ exports.default = DeviceMobileNotification;
@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
25
25
  var jsx_runtime_1 = require("react/jsx-runtime");
26
26
  var Pages = function (_a) {
27
27
  var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
28
- return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M16.0157,10.3251 L7.9847,10.3251 C7.4327,10.3251 6.9847,10.7731 6.9847,11.3251 L6.9847,15.3241 C6.9847,15.8761 7.4327,16.3241 7.9847,16.3241 L16.0157,16.3241 C16.5677,16.3241 17.0157,15.8761 17.0157,15.3241 L17.0157,11.3251 C17.0157,10.7731 16.5677,10.3251 16.0157,10.3251 L16.0157,10.3251 Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M14.071,2.691 C14.339,2.691 14.595,2.798 14.783,2.989 L19.818,8.093 C20.003,8.281 20.106,8.533 20.106,8.796 L20.106,18.309 C20.106,19.966 18.763,21.309 17.106,21.309 L6.894,21.309 C5.237,21.309 3.894,19.966 3.894,18.309 L3.894,5.691 C3.894,4.034 5.237,2.691 6.894,2.691 L14.071,2.691 Z M14.0133,2.6915 L14.0133,8.4075 L19.7293,8.4075 L14.0133,2.6915 Z M7.6223,18.3237 L16.3773,18.3237" })] })) })));
28
+ return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M16.0885,10.6341 L7.9115,10.6341 C7.4075,10.6341 7.0005,11.0421 7.0005,11.5451 L7.0005,14.7221 C7.0005,15.2261 7.4075,15.6341 7.9115,15.6341 L16.0885,15.6341 C16.5915,15.6341 17.0005,15.2261 17.0005,14.7221 L17.0005,11.5451 C17.0005,11.0421 16.5915,10.6341 16.0885,10.6341 L16.0885,10.6341 Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M7.8446,17.6327 L16.1356,17.6327 M17.0392,21 L6.9612,21 C5.3252,21 4.0002,19.701 4.0002,18.1 L4.0002,5.9 C4.0002,4.299 5.3252,3 6.9612,3 L14.0442,3 C14.3082,3 14.5612,3.104 14.7462,3.288 L19.7152,8.223 C19.8982,8.404 20.0002,8.648 20.0002,8.902 L20.0002,18.1 C20.0002,19.701 18.6742,21 17.0392,21 Z M19.6615,8.2956 L14.6615,8.2956 L14.6615,3.2956" })] })) })));
29
29
  };
30
30
  exports.default = Pages;
@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
25
25
  var jsx_runtime_1 = require("react/jsx-runtime");
26
26
  var VideoPlayCircle = function (_a) {
27
27
  var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
28
- return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M11.99985,2.0631 C17.48835,2.0631 21.93735,6.5121 21.93735,12.0006 C21.93735,17.4876 17.48835,21.9381 11.99985,21.9381 C6.51135,21.9381 2.06235,17.4876 2.06235,12.0006 C2.06235,6.5121 6.51135,2.0631 11.99985,2.0631 Z M11.99985,3.5631 C7.34685,3.5631 3.56235,7.3476 3.56235,12.0006 C3.56235,16.6521 7.34685,20.4381 11.99985,20.4381 C16.65285,20.4381 20.43735,16.6521 20.43735,12.0006 C20.43735,7.3476 16.65285,3.5631 11.99985,3.5631 Z M10.58115,8.20935 L13.20765,9.72585 L15.83415,11.24235 C16.41765,11.57835 16.41765,12.42135 15.83415,12.75735 L13.20765,14.27385 L10.58115,15.79035 C9.99765,16.12635 9.26865,15.70635 9.26865,15.03285 L9.26865,8.96835 C9.26865,8.29335 9.99765,7.87335 10.58115,8.20935 Z" }) })));
28
+ return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M12.0001,2 C17.5231,2 22.0001,6.477 22.0001,12 C22.0001,17.523 17.5231,22 12.0001,22 C6.4771,22 2.0001,17.523 2.0001,12 C2.0001,6.477 6.4771,2 12.0001,2 Z M12.0001,4 C7.5891,4 4.0001,7.589 4.0001,12 C4.0001,16.411 7.5891,20 12.0001,20 C16.4111,20 20.0001,16.411 20.0001,12 C20.0001,7.589 16.4111,4 12.0001,4 Z M10.6761,8.121 L13.3011,9.673 L15.9271,11.225 C16.5101,11.569 16.5101,12.431 15.9271,12.775 L13.3011,14.327 L10.6761,15.879 C10.0931,16.223 9.3641,15.793 9.3641,15.103 L9.3641,8.897 C9.3641,8.207 10.0931,7.777 10.6761,8.121 Z" }) })));
29
29
  };
30
30
  exports.default = VideoPlayCircle;
@@ -70,6 +70,7 @@ declare const lineIcons: {
70
70
  readonly ic_device_app: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
71
71
  readonly ic_device_desktop: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
72
72
  readonly ic_device_mobile: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
73
+ readonly ic_device_mobile_notification: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
73
74
  readonly ic_divider: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
74
75
  readonly ic_dotted_circle: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
75
76
  readonly ic_download: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -73,6 +73,7 @@ var Developer_1 = __importDefault(require("./Developer"));
73
73
  var DeviceApp_1 = __importDefault(require("./DeviceApp"));
74
74
  var DeviceDesktop_1 = __importDefault(require("./DeviceDesktop"));
75
75
  var DeviceMobile_1 = __importDefault(require("./DeviceMobile"));
76
+ var DeviceMobileNotification_1 = __importDefault(require("./DeviceMobileNotification"));
76
77
  var Divider_1 = __importDefault(require("./Divider"));
77
78
  var DottedCircle_1 = __importDefault(require("./DottedCircle"));
78
79
  var Download_1 = __importDefault(require("./Download"));
@@ -340,6 +341,7 @@ var lineIcons = {
340
341
  ic_device_app: DeviceApp_1.default,
341
342
  ic_device_desktop: DeviceDesktop_1.default,
342
343
  ic_device_mobile: DeviceMobile_1.default,
344
+ ic_device_mobile_notification: DeviceMobileNotification_1.default,
343
345
  ic_divider: Divider_1.default,
344
346
  ic_dotted_circle: DottedCircle_1.default,
345
347
  ic_download: Download_1.default,
@@ -1,5 +1,5 @@
1
1
  export { UITheme } from './styles/colorSet/ui-type';
2
- export { IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, ForwardedRefType, Language } from './types';
2
+ export { IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, ForwardedRefType, Language, DropdownGroupInfo } from './types';
3
3
  export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing } from './styles/theme';
4
4
  export { uiColors, customTheme } from './styles/ui-colors';
5
5
  export { theme } from './styles';
@@ -343,5 +343,6 @@
343
343
  "sys_sw_sidebar_item_text_disabled": "darkgrey400/opacity70",
344
344
  "sys_text_grey_05": "darkgrey400/opacity20",
345
345
  "sys_text_white_02": "white/opacity50",
346
- "sys_component_base_45": "darkgreen300"
346
+ "sys_component_base_45": "darkgreen300",
347
+ "sys_component_base_46": "black/opacity90"
347
348
  }
@@ -343,5 +343,6 @@
343
343
  "sys_sw_sidebar_item_text_disabled": "darkgrey400/opacity70",
344
344
  "sys_text_grey_05": "grey400/opacity20",
345
345
  "sys_text_white_02": "white/opacity50",
346
- "sys_component_base_45": "green300"
346
+ "sys_component_base_45": "green300",
347
+ "sys_component_base_46": "black/opacity90"
347
348
  }
@@ -839,5 +839,6 @@
839
839
  "ui_cpnt_headerbar_base_area_transparent": "sys_container_background_04",
840
840
  "ui_108": "sys_widget_error_01",
841
841
  "ui_110": "sys_component_base_black_opacity50",
842
- "ui_contentscontainer03_background": "sys_container_background_01"
842
+ "ui_contentscontainer03_background": "sys_container_background_01",
843
+ "ui_contents_dimmed": "sys_component_base_46"
843
844
  }