pds-dev-kit-web 1.9.0-beta.0 → 1.9.0-beta.1

package/dist/src/common/assets/icons/line/VideoGuide.js

@@ -0,0 +1,36 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var VideoGuide = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("path", { fill: color, d: "M9.5744,12.1338 L9.5744,9.6368 C9.5744,8.8958 10.3764,8.4338 11.0174,8.8038 L13.1804,10.0518 L15.3424,11.3008 C15.9834,11.6708 15.9834,12.5968 15.3424,12.9668 L13.1804,14.2158 L11.0174,15.4638 C10.3764,15.8338 9.5744,15.3718 9.5744,14.6308 L9.5744,12.1338 Z" }),
+            react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M11.6488,6.1694 C9.7388,4.4494 6.0598,3.8004 3.7248,4.6714 C3.1778,4.8754 2.7288,5.5064 2.7288,6.0894 L2.7288,17.9724 C2.7288,18.4844 3.2488,18.7974 3.7238,18.6064 C6.1428,17.6344 9.7918,18.1134 11.6818,19.6034 C11.8698,19.7514 12.1178,19.7514 12.3048,19.6024 C14.2428,18.0684 17.8538,17.6374 20.2808,18.6084 C20.7538,18.7974 21.2708,18.4824 21.2708,17.9724 L21.2718,6.0894 C21.2718,5.5064 20.8218,4.8754 20.2758,4.6714 C17.9398,3.8004 14.2618,4.4494 12.3518,6.1694 C12.1478,6.3534 11.8528,6.3534 11.6488,6.1694 Z" }))));
+};
+exports.default = VideoGuide;

package/dist/src/common/assets/icons/line/index.d.ts

@@ -35,16 +35,22 @@ declare const lineIcons: {
     readonly ic_checkbox_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_clip: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_coins: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_confetti: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_cont_watching: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_copy: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_cs: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_dashboard: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_design_preference: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_developer: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_device_app: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_device_desktop: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_device_mobile: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_download: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_dynamic_layout: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_edit: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_editor: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_editor_left_side: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_editor_right_side: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_end: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_error: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_eye: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -65,10 +71,12 @@ declare const lineIcons: {
     readonly ic_live_event: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_live_personal: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_lock: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_mail: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_menu: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_mic_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_mic_on: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_minus_circle: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_news: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_open_page: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_order: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_pages: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -109,6 +117,7 @@ declare const lineIcons: {
     readonly ic_radio_on: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_report: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_requirement: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_rocket: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_sales: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_search: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_content_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
@@ -165,6 +174,7 @@ declare const lineIcons: {
     readonly ic_video: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_videocall: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_videocall_pro: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_video_guide: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_video_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_video_pip: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_video_play: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

package/dist/src/common/assets/icons/line/index.js

@@ -38,16 +38,22 @@ var Check_1 = __importDefault(require("./Check"));
 var CheckboxOff_1 = __importDefault(require("./CheckboxOff"));
 var Clip_1 = __importDefault(require("./Clip"));
 var Coins_1 = __importDefault(require("./Coins"));
+var Confetti_1 = __importDefault(require("./Confetti"));
 var ContWatching_1 = __importDefault(require("./ContWatching"));
 var Copy_1 = __importDefault(require("./Copy"));
 var Cs_1 = __importDefault(require("./Cs"));
 var Dashboard_1 = __importDefault(require("./Dashboard"));
 var DesignPreference_1 = __importDefault(require("./DesignPreference"));
 var Developer_1 = __importDefault(require("./Developer"));
+var DeviceApp_1 = __importDefault(require("./DeviceApp"));
+var DeviceDesktop_1 = __importDefault(require("./DeviceDesktop"));
+var DeviceMobile_1 = __importDefault(require("./DeviceMobile"));
 var Download_1 = __importDefault(require("./Download"));
 var DynamicLayout_1 = __importDefault(require("./DynamicLayout"));
 var Edit_1 = __importDefault(require("./Edit"));
 var Editor_1 = __importDefault(require("./Editor"));
+var EditorLeftSide_1 = __importDefault(require("./EditorLeftSide"));
+var EditorRightSide_1 = __importDefault(require("./EditorRightSide"));
 var End_1 = __importDefault(require("./End"));
 var Error_1 = __importDefault(require("./Error"));
 var Eye_1 = __importDefault(require("./Eye"));
@@ -68,10 +74,12 @@ var LiveConcert_1 = __importDefault(require("./LiveConcert"));
 var LiveEvent_1 = __importDefault(require("./LiveEvent"));
 var LivePersonal_1 = __importDefault(require("./LivePersonal"));
 var Lock_1 = __importDefault(require("./Lock"));
+var Mail_1 = __importDefault(require("./Mail"));
 var Menu_1 = __importDefault(require("./Menu"));
 var MicOff_1 = __importDefault(require("./MicOff"));
 var MicOn_1 = __importDefault(require("./MicOn"));
 var MinusCircle_1 = __importDefault(require("./MinusCircle"));
+var News_1 = __importDefault(require("./News"));
 var OpenPage_1 = __importDefault(require("./OpenPage"));
 var Order_1 = __importDefault(require("./Order"));
 var Pages_1 = __importDefault(require("./Pages"));
@@ -112,6 +120,7 @@ var RadioOff_1 = __importDefault(require("./RadioOff"));
 var RadioOn_1 = __importDefault(require("./RadioOn"));
 var Report_1 = __importDefault(require("./Report"));
 var Requirement_1 = __importDefault(require("./Requirement"));
+var Rocket_1 = __importDefault(require("./Rocket"));
 var Sales_1 = __importDefault(require("./Sales"));
 var Search_1 = __importDefault(require("./Search"));
 var SectionContent32_1 = __importDefault(require("./SectionContent32"));
@@ -168,6 +177,7 @@ var Upload_1 = __importDefault(require("./Upload"));
 var Video_1 = __importDefault(require("./Video"));
 var Videocall_1 = __importDefault(require("./Videocall"));
 var VideocallPro_1 = __importDefault(require("./VideocallPro"));
+var VideoGuide_1 = __importDefault(require("./VideoGuide"));
 var VideoOff_1 = __importDefault(require("./VideoOff"));
 var VideoPip_1 = __importDefault(require("./VideoPip"));
 var VideoPlay_1 = __importDefault(require("./VideoPlay"));
@@ -218,16 +228,22 @@ var lineIcons = {
     ic_checkbox_off: CheckboxOff_1.default,
     ic_clip: Clip_1.default,
     ic_coins: Coins_1.default,
+    ic_confetti: Confetti_1.default,
     ic_cont_watching: ContWatching_1.default,
     ic_copy: Copy_1.default,
     ic_cs: Cs_1.default,
     ic_dashboard: Dashboard_1.default,
     ic_design_preference: DesignPreference_1.default,
     ic_developer: Developer_1.default,
+    ic_device_app: DeviceApp_1.default,
+    ic_device_desktop: DeviceDesktop_1.default,
+    ic_device_mobile: DeviceMobile_1.default,
     ic_download: Download_1.default,
     ic_dynamic_layout: DynamicLayout_1.default,
     ic_edit: Edit_1.default,
     ic_editor: Editor_1.default,
+    ic_editor_left_side: EditorLeftSide_1.default,
+    ic_editor_right_side: EditorRightSide_1.default,
     ic_end: End_1.default,
     ic_error: Error_1.default,
     ic_eye: Eye_1.default,
@@ -248,10 +264,12 @@ var lineIcons = {
     ic_live_event: LiveEvent_1.default,
     ic_live_personal: LivePersonal_1.default,
     ic_lock: Lock_1.default,
+    ic_mail: Mail_1.default,
     ic_menu: Menu_1.default,
     ic_mic_off: MicOff_1.default,
     ic_mic_on: MicOn_1.default,
     ic_minus_circle: MinusCircle_1.default,
+    ic_news: News_1.default,
     ic_open_page: OpenPage_1.default,
     ic_order: Order_1.default,
     ic_pages: Pages_1.default,
@@ -292,6 +310,7 @@ var lineIcons = {
     ic_radio_on: RadioOn_1.default,
     ic_report: Report_1.default,
     ic_requirement: Requirement_1.default,
+    ic_rocket: Rocket_1.default,
     ic_sales: Sales_1.default,
     ic_search: Search_1.default,
     ic_section_content_32: SectionContent32_1.default,
@@ -348,6 +367,7 @@ var lineIcons = {
     ic_video: Video_1.default,
     ic_videocall: Videocall_1.default,
     ic_videocall_pro: VideocallPro_1.default,
+    ic_video_guide: VideoGuide_1.default,
     ic_video_off: VideoOff_1.default,
     ic_video_pip: VideoPip_1.default,
     ic_video_play: VideoPlay_1.default,

package/dist/src/common/styles/colorSet/UIColor.json

@@ -689,5 +689,7 @@
     "ui_cpnt_sheet_base_11": "sys_component_base_white_opacity00",
     "ui_72": "sys_component_base_26",
     "ui_73": "sys_component_base_27",
-    "ui_cpnt_sidebar_listitem_base_hover": "sys_component_base_04"
+    "ui_cpnt_sidebar_listitem_base_hover": "sys_component_base_04",
+    "ui_avatar_border_brandprimary": "usr_brand_primary",
+    "ui_avatar_border": "sys_border_line_09"
 }

package/dist/src/common/styles/colorSet/index.d.ts

@@ -91,7 +91,7 @@ declare const colorSet: {
         darkgreen100: string;
         darkskyblue100: string;
     };
-    readonly PaletteColor_light: {
+    readonly PaletteColor_Dark: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -349,7 +349,7 @@ declare const colorSet: {
         sys_component_base_26: string;
         sys_component_base_27: string;
     };
-    readonly PaletteColor_Dark: {
+    readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -1299,6 +1299,8 @@ declare const colorSet: {
         ui_72: string;
         ui_73: string;
         ui_cpnt_sidebar_listitem_base_hover: string;
+        ui_avatar_border_brandprimary: string;
+        ui_avatar_border: string;
     };
 };
 export default colorSet;

package/dist/src/common/styles/colorSet/index.js

@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable import/order */
 var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
-var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
 var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
+var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
 var UIColor_json_1 = __importDefault(require("./UIColor.json"));
 var colorSet = {
     SemanticColor: SemanticColor_json_1.default,
-    PaletteColor_light: PaletteColor_light_json_1.default,
     PaletteColor_Dark: PaletteColor_Dark_json_1.default,
+    PaletteColor_light: PaletteColor_light_json_1.default,
     UIColor: UIColor_json_1.default
 };
 exports.default = colorSet;

package/dist/src/common/styles/colorSet/ui-type.d.ts

@@ -690,4 +690,6 @@ export interface UITheme {
     ui_72: string;
     ui_73: string;
     ui_cpnt_sidebar_listitem_base_hover: string;
+    ui_avatar_border_brandprimary: string;
+    ui_avatar_border: string;
 }

package/dist/src/common/styles/index.d.ts

@@ -5,6 +5,7 @@ export declare const theme: {
     };
     desktopFontSize: {
         displayHeading: string;
+        wizardPageTitle: string;
         heading: string;
         leadParagraph: string;
         subtitle: string;
@@ -18,6 +19,7 @@ export declare const theme: {
     };
     desktopLineHeight: {
         displayHeading: string;
+        wizardPageTitle: string;
         heading: string;
         leadParagraph: string;
         subtitle: string;
@@ -44,6 +46,7 @@ export declare const theme: {
     };
     mobileFontSize: {
         displayHeading: string;
+        wizardPageTitle: string;
         heading: string;
         leadParagraph: string;
         subtitle: string;
@@ -57,6 +60,7 @@ export declare const theme: {
     };
     mobileLineHeight: {
         displayHeading: string;
+        wizardPageTitle: string;
         heading: string;
         leadParagraph: string;
         subtitle: string;

package/dist/src/common/styles/theme.d.ts

@@ -5,6 +5,7 @@ export declare const fontWeight: {
 };
 export declare const desktopFontSize: {
     displayHeading: string;
+    wizardPageTitle: string;
     heading: string;
     leadParagraph: string;
     subtitle: string;
@@ -18,6 +19,7 @@ export declare const desktopFontSize: {
 };
 export declare const desktopLineHeight: {
     displayHeading: string;
+    wizardPageTitle: string;
     heading: string;
     leadParagraph: string;
     subtitle: string;
@@ -44,6 +46,7 @@ export declare const desktopEditorLineHeight: {
 };
 export declare const mobileFontSize: {
     displayHeading: string;
+    wizardPageTitle: string;
     heading: string;
     leadParagraph: string;
     subtitle: string;
@@ -57,6 +60,7 @@ export declare const mobileFontSize: {
 };
 export declare const mobileLineHeight: {
     displayHeading: string;
+    wizardPageTitle: string;
     heading: string;
     leadParagraph: string;
     subtitle: string;

package/dist/src/common/styles/theme.js

@@ -19,6 +19,7 @@ exports.fontWeight = {
 };
 exports.desktopFontSize = {
     displayHeading: '40px',
+    wizardPageTitle: '40px',
     heading: '24px',
     leadParagraph: '20px',
     subtitle: '18px',
@@ -32,6 +33,7 @@ exports.desktopFontSize = {
 };
 exports.desktopLineHeight = {
     displayHeading: '1.5',
+    wizardPageTitle: '1.2',
     heading: '1.5',
     leadParagraph: '1.5',
     subtitle: '1.5',
@@ -58,6 +60,7 @@ exports.desktopEditorLineHeight = {
 };
 exports.mobileFontSize = {
     displayHeading: '32px',
+    wizardPageTitle: '40px',
     heading: '24px',
     leadParagraph: '20px',
     subtitle: '18px',
@@ -71,6 +74,7 @@ exports.mobileFontSize = {
 };
 exports.mobileLineHeight = {
     displayHeading: '1.5',
+    wizardPageTitle: '1.2',
     heading: '1.5',
     leadParagraph: '1.5',
     subtitle: '1.5',

package/dist/src/common/types/styled-components.d.ts

@@ -6,6 +6,7 @@ export interface PdsDevKitTheme {
     };
     desktopFontSize: {
         displayHeading: '40px';
+        wizardPageTitle: '40px';
         heading: '24px';
         leadParagraph: '20px';
         subtitle: '18px';
@@ -19,6 +20,7 @@ export interface PdsDevKitTheme {
     };
     desktopLineHeight: {
         displayHeading: '1.5';
+        wizardPageTitle: '1.2';
         heading: '1.5';
         leadParagraph: '1.5';
         subtitle: '1.5';
@@ -45,6 +47,7 @@ export interface PdsDevKitTheme {
     };
     mobileFontSize: {
         displayHeading: '32px';
+        wizardPageTitle: '40px';
         heading: '24px';
         leadParagraph: '20px';
         subtitle: '18px';
@@ -58,6 +61,7 @@ export interface PdsDevKitTheme {
     };
     mobileLineHeight: {
         displayHeading: '1.5';
+        wizardPageTitle: '1.2';
         heading: '1.5';
         leadParagraph: '1.5';
         subtitle: '1.5';

package/dist/src/desktop/components/TextLabel/TextLabel.d.ts

@@ -5,7 +5,7 @@ export declare type TextLabelProps = {
     tooltipText?: PDSTextType;
     tooltipPosition?: 'left_top' | 'left_bottom' | 'right_top' | 'right_bottom';
     textAlign?: 'left' | 'center' | 'right';
-    styleTheme?: 'displayBold' | 'headingBold' | 'leadParaBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
+    styleTheme?: 'displayBold' | 'wizardPageTitleBold' | 'headingBold' | 'leadParaBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
     colorOverride?: UiColors;
     colorTheme?: 'sysTextPrimary' | 'sysTextSecondary' | 'sysTextTertiary' | 'sysTextWhite' | 'sysTextError' | 'sysTextWarning' | 'sysTextBrandPrimary' | 'sysTextBrandSeconVariant' | 'usrTextBrandPrimary' | 'usrTextBrandSeconVariant' | 'usrTextBrandOnPrimary';
     singleLineMode?: 'none' | 'use';
@@ -22,7 +22,7 @@ export declare type TextLabelProps = {
 export declare type TextStyleProps = {
     textAlign?: 'left' | 'center' | 'right';
     tooltipPosition?: 'left_top' | 'left_bottom' | 'right_top' | 'right_bottom';
-    styleTheme?: 'displayBold' | 'headingBold' | 'leadParaBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
+    styleTheme?: 'displayBold' | 'wizardPageTitleBold' | 'headingBold' | 'leadParaBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
     colorOverride?: UiColors;
     colorTheme?: 'sysTextPrimary' | 'sysTextSecondary' | 'sysTextTertiary' | 'sysTextWhite' | 'sysTextError' | 'sysTextWarning' | 'sysTextBrandPrimary' | 'sysTextBrandSeconVariant' | 'usrTextBrandPrimary' | 'usrTextBrandSeconVariant' | 'usrTextBrandOnPrimary';
     singleLineMode?: 'none' | 'use';