pds-dev-kit-web 2.1.12 → 2.1.14

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

@@ -0,0 +1,30 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var TextAlignBottom = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    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: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M18.1204,19.8321 L5.8794,19.8321 M12,15.2274 L12,4.1684 M16.5867,11.5903 L11.9997,16.1773 L7.4137,11.5903" }, void 0) }), void 0));
+};
+exports.default = TextAlignBottom;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const TextAlignCenter: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default TextAlignCenter;

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

@@ -0,0 +1,30 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var TextAlignCenter = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    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: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.7", d: "M4.3458,6.2632 L19.6538,6.2632 M7.6412,12 L16.3592,12 M7.6412,17.7368 L16.3592,17.7368" }, void 0) }), void 0));
+};
+exports.default = TextAlignCenter;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const TextAlignLeft: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default TextAlignLeft;

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

@@ -0,0 +1,30 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var TextAlignLeft = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    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: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.7", d: "M4.3458,6.2632 L19.6538,6.2632 M4.3458,12 L13.0638,12 M4.3458,17.7368 L13.0638,17.7368" }, void 0) }), void 0));
+};
+exports.default = TextAlignLeft;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const TextAlignMiddle: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default TextAlignMiddle;

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

@@ -0,0 +1,30 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var TextAlignMiddle = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    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: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M5.8796,12 L18.1206,12 M12,16.0369 L12,21.0419 M9.3148,17.9123 L11.9998,15.2273 L14.6848,17.9123 M12,7.9631 L12,2.9581 M14.6852,6.0877 L12.0002,8.7727 L9.3152,6.0877" }, void 0) }), void 0));
+};
+exports.default = TextAlignMiddle;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const TextAlignRight: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default TextAlignRight;

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

@@ -0,0 +1,30 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var TextAlignRight = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    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: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.7", d: "M4.3458,6.2632 L19.6538,6.2632 M10.9365,12 L19.6545,12 M10.9365,17.7368 L19.6545,17.7368" }, void 0) }), void 0));
+};
+exports.default = TextAlignRight;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const TextAlignTop: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default TextAlignTop;

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

@@ -0,0 +1,30 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var TextAlignTop = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    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: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M5.8796,4.1679 L18.1206,4.1679 M12,8.7726 L12,19.8316 M7.4133,12.4097 L12.0003,7.8227 L16.5863,12.4097" }, void 0) }), void 0));
+};
+exports.default = TextAlignTop;

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

@@ -217,6 +217,12 @@ declare const lineIcons: {
     readonly ic_ten_sec_forward: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_ten_sec_forward_arrow: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_text: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_text_align_bottom: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_text_align_center: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_text_align_left: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_text_align_middle: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_text_align_right: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_text_align_top: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_time: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_toggle_down: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_toggle_up: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

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

@@ -220,6 +220,12 @@ var TenSecBackArrow_1 = __importDefault(require("./TenSecBackArrow"));
 var TenSecForward_1 = __importDefault(require("./TenSecForward"));
 var TenSecForwardArrow_1 = __importDefault(require("./TenSecForwardArrow"));
 var Text_1 = __importDefault(require("./Text"));
+var TextAlignBottom_1 = __importDefault(require("./TextAlignBottom"));
+var TextAlignCenter_1 = __importDefault(require("./TextAlignCenter"));
+var TextAlignLeft_1 = __importDefault(require("./TextAlignLeft"));
+var TextAlignMiddle_1 = __importDefault(require("./TextAlignMiddle"));
+var TextAlignRight_1 = __importDefault(require("./TextAlignRight"));
+var TextAlignTop_1 = __importDefault(require("./TextAlignTop"));
 var Time_1 = __importDefault(require("./Time"));
 var ToggleDown_1 = __importDefault(require("./ToggleDown"));
 var ToggleUp_1 = __importDefault(require("./ToggleUp"));
@@ -464,6 +470,12 @@ var lineIcons = {
     ic_ten_sec_forward: TenSecForward_1.default,
     ic_ten_sec_forward_arrow: TenSecForwardArrow_1.default,
     ic_text: Text_1.default,
+    ic_text_align_bottom: TextAlignBottom_1.default,
+    ic_text_align_center: TextAlignCenter_1.default,
+    ic_text_align_left: TextAlignLeft_1.default,
+    ic_text_align_middle: TextAlignMiddle_1.default,
+    ic_text_align_right: TextAlignRight_1.default,
+    ic_text_align_top: TextAlignTop_1.default,
     ic_time: Time_1.default,
     ic_toggle_down: ToggleDown_1.default,
     ic_toggle_up: ToggleUp_1.default,

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

@@ -279,7 +279,7 @@
     "sys_storyboard_card_base_red01": "red30",
     "sys_storyboard_card_base_green01": "green50",
     "sys_brand_secondary_variant": "darkgreen700",
-    "sys_button_tooltip_base": "white/opacity70",
+    "sys_button_tooltip_base": "white/opacity95",
     "sys_text_button_tooltip": "grey900",
     "sys_membership_button_base": "white/opacity20",
     "sys_membership_item_membership_base": "darkgrey50",
@@ -340,5 +340,6 @@
     "sys_sw_sidebar_item_base_pressed": "darkgrey100",
     "sys_sw_sidebar_label_icon_normal_02": "darkblue500",
     "sys_text_black_02": "black/opacity60",
-    "sys_sw_sidebar_item_text_disabled": "darkgrey400/opacity70"
+    "sys_sw_sidebar_item_text_disabled": "darkgrey400/opacity70",
+    "sys_text_grey_05": "darkgrey400/opacity20"
 }

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

@@ -340,5 +340,6 @@
     "sys_sw_sidebar_item_base_pressed": "darkgrey100",
     "sys_sw_sidebar_label_icon_normal_02": "darkblue500",
     "sys_text_black_02": "black/opacity60",
-    "sys_sw_sidebar_item_text_disabled": "darkgrey400/opacity70"
+    "sys_sw_sidebar_item_text_disabled": "darkgrey400/opacity70",
+    "sys_text_grey_05": "grey400/opacity20"
 }

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

@@ -828,5 +828,6 @@
     "ui_sw_sidebar_item_base_pressed": "sys_sw_sidebar_item_base_pressed",
     "ui_sw_sidebar_label_icon_normal_02": "sys_sw_sidebar_label_icon_normal_02",
     "ui_104": "sys_text_black_02",
-    "ui_sw_sidebar_item_text_disabled": "sys_sw_sidebar_item_text_disabled"
+    "ui_sw_sidebar_item_text_disabled": "sys_sw_sidebar_item_text_disabled",
+    "ui_106": "sys_text_grey_05"
 }

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

@@ -119,7 +119,7 @@ declare const colorSet: {
         grey300: string;
         darkgrey300: string;
     };
-    readonly PaletteColor_light: {
+    readonly PaletteColor_Dark: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -462,8 +462,9 @@ declare const colorSet: {
         sys_sw_sidebar_label_icon_normal_02: string;
         sys_text_black_02: string;
         sys_sw_sidebar_item_text_disabled: string;
+        sys_text_grey_05: string;
     };
-    readonly PaletteColor_Dark: {
+    readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -806,6 +807,7 @@ declare const colorSet: {
         sys_sw_sidebar_label_icon_normal_02: string;
         sys_text_black_02: string;
         sys_sw_sidebar_item_text_disabled: string;
+        sys_text_grey_05: string;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -1638,6 +1640,7 @@ declare const colorSet: {
         ui_sw_sidebar_label_icon_normal_02: string;
         ui_104: string;
         ui_sw_sidebar_item_text_disabled: string;
+        ui_106: 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

@@ -829,4 +829,5 @@ export interface UITheme {
     ui_sw_sidebar_label_icon_normal_02: string;
     ui_104: string;
     ui_sw_sidebar_item_text_disabled: string;
+    ui_106: string;
 }

package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.d.ts

@@ -23,14 +23,18 @@ export declare type TextFieldBaseProps = {
     maxLength?: number;
     textSize: DesktopFontSize;
     textWeight: FontWeight;
-    textPadding?: string;
+    fieldPaddingRight?: number;
+    fieldPaddingLeft?: number;
     fieldHeight?: number;
     deleteIconMode?: 'none' | 'use';
     deleteIconSize?: 12 | 16 | 20 | 24;
     deleteIconColor?: UiColors;
+    suffixText?: PDSTextType;
+    suffixTextRightSpacingMode?: 'none' | 'use';
     isFocused?: boolean;
     autoComplete?: string;
     stepperMode?: 'none' | 'use';
+    stepperRightSpacing?: number;
     innerSpinButtonSize?: 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72;
     step?: number;
     onBlur?: (e: React.FocusEvent<HTMLInputElement> | React.FocusEvent<HTMLTextAreaElement>) => void;
@@ -42,5 +46,5 @@ export declare type TextFieldBaseProps = {
     inputRef?: any;
     [x: string]: any;
 } & Record<string, any>;
-declare function TextFieldBase({ name, hintText, defaultText, textAlign, validation, preventBlankMode, enterSubmitMode, textLineType, multiRows, autoMinRows, autoMaxRows, inputType, state, colorTheme, min, max, maxLength, textSize, textWeight, textPadding, fieldHeight, deleteIconMode, deleteIconSize, deleteIconColor, isFocused, autoComplete, stepperMode, innerSpinButtonSize, step, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onTarget, inputRef, ...rest }: TextFieldBaseProps): JSX.Element;
+declare function TextFieldBase({ name, hintText, defaultText, textAlign, validation, preventBlankMode, enterSubmitMode, textLineType, multiRows, autoMinRows, autoMaxRows, inputType, state, colorTheme, min, max, maxLength, textSize, textWeight, fieldPaddingRight, fieldPaddingLeft, fieldHeight, deleteIconMode, deleteIconSize, deleteIconColor, suffixText, suffixTextRightSpacingMode, isFocused, autoComplete, stepperMode, stepperRightSpacing, innerSpinButtonSize, step, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onTarget, inputRef, ...rest }: TextFieldBaseProps): JSX.Element;
 export default TextFieldBase;