pds-dev-kit-web 2.2.31 → 2.2.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +2 -2
- package/dist/src/common/assets/icons/fill/DeviceMobileNotification.d.ts +4 -0
- package/dist/src/common/assets/icons/fill/DeviceMobileNotification.js +30 -0
- package/dist/src/common/assets/icons/fill/index.d.ts +1 -0
- package/dist/src/common/assets/icons/fill/index.js +2 -0
- package/dist/src/common/assets/icons/line/DeviceMobileNotification.d.ts +4 -0
- package/dist/src/common/assets/icons/line/DeviceMobileNotification.js +30 -0
- package/dist/src/common/assets/icons/line/index.d.ts +1 -0
- package/dist/src/common/assets/icons/line/index.js +2 -0
- package/dist/src/common/index.d.ts +1 -1
- package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +2 -1
- package/dist/src/common/styles/colorSet/PaletteColor_light.json +2 -1
- package/dist/src/common/styles/colorSet/UIColor.json +2 -1
- package/dist/src/common/styles/colorSet/index.d.ts +350 -347
- package/dist/src/common/styles/colorSet/index.js +3 -3
- package/dist/src/common/styles/colorSet/ui-type.d.ts +1 -0
- package/dist/src/common/types/components.d.ts +5 -0
- package/dist/src/desktop/components/Dropdown/Dropdown.d.ts +3 -2
- package/dist/src/desktop/components/Dropdown/Dropdown.js +121 -19
- package/dist/src/desktop/components/DynamicDesktopNavBar/DynamicDesktopNavBar.js +25 -6
- package/dist/src/desktop/components/DynamicDesktopNavBar/blocks/UserProfile.d.ts +2 -2
- package/dist/src/desktop/components/DynamicDesktopNavBar/blocks/UserProfile.js +7 -5
- package/dist/src/desktop/components/DynamicDesktopNavBar/templates/DynamicDesktopNavBarTemplates.d.ts +136 -1
- package/dist/src/desktop/components/DynamicDesktopNavBar/templates/constants.d.ts +141 -0
- package/dist/src/desktop/components/DynamicDesktopNavBar/templates/constants.js +141 -0
- package/dist/src/mobile/components/Dropdown/Dropdown.d.ts +3 -2
- package/dist/src/mobile/components/Dropdown/Dropdown.js +120 -18
- package/package.json +1 -1
- package/release-note.md +4 -6
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,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,
|
|
@@ -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;
|
|
@@ -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
|
}
|