pds-dev-kit-web-test 0.2.23 → 0.2.25

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

@@ -1,5 +1,5 @@
 export { UITheme } from './styles/colorSet/ui-type';
-export { IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, ForwardedRefType } from './types';
+export { IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, ForwardedRefType } from './types';
 export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing } from './styles/theme';
 export { uiColors, customTheme } from './styles/ui-colors';
 export { theme } from './styles';

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

@@ -160,7 +160,7 @@
     "sys_background_dimmed_02": "black/opacity65",
     "sys_border_line_08": "darkgrey500",
     "sys_component_base_06": "darkgrey50",
-    "sys_component_base_07": "darkgrey70",
+    "sys_component_base_07": "darkgrey80",
     "sys_border_line_09": "darkgrey50",
     "sys_component_base_darktheme_04": "black/opacity00",
     "sys_border_line_10": "darkgrey50",
@@ -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/opacity65",
+    "sys_button_tooltip_base": "white/opacity95",
     "sys_text_button_tooltip": "grey900",
     "sys_membership_button_base": "white/opacity20",
     "sys_membership_item_membership_base": "darkgrey50",
@@ -301,15 +301,45 @@
     "sys_component_base_40": "darkorange50",
     "sys_component_base_41": "darkskyblue100",
     "sys_cpnt_slider_track": "darkgrey100",
-    "sys_cpnt_slider_track_active": "darkgrey900",
-    "sys_cpnt_slider_thumb_normal": "darkgrey900",
+    "sys_cpnt_slider_track_active": "darkblue500",
+    "sys_cpnt_slider_thumb_normal": "darkblue500",
     "sys_cpnt_slider_thumb_disabled": "darkgrey400",
-    "sys_cpnt_slider_thumb_hover_circle": "darkgrey900/opacity10",
-    "sys_cpnt_slider_thumb_pressed_circle": "darkgrey900/opacity20",
+    "sys_cpnt_slider_thumb_hover_circle": "darkblue500/opacity10",
+    "sys_cpnt_slider_thumb_pressed_circle": "darkblue500/opacity20",
     "sys_cpnt_slider_track_disabled": "darkgrey400",
     "sys_component_base_42": "darkorange30",
     "sys_component_base_43": "darkblue30",
     "sys_icon_grey_darktheme_01": "darkgrey900",
     "sys_icon_grey_darktheme_02": "darkgrey500",
-    "sys_icon_grey_darktheme_03": "darkgrey400"
+    "sys_icon_grey_darktheme_03": "darkgrey400",
+    "sys_widget_grey_01_opacity_50": "darkgrey900/opacity50",
+    "sys_editor_layout_header": "darkgrey70",
+    "sys_editor_layout_navigation_panel": "darkgrey80",
+    "sys_editor_layout_canvas_area": "darkgrey30",
+    "sys_editor_layout_control_panel": "darkgrey70",
+    "sys_editor_layout_property_panel": "darkgrey70",
+    "sys_editor_layout_navigation_panel_section_item_area_normal": "darkgrey300",
+    "sys_component_base_44": "white/opacity20",
+    "sys_sw_sidebar_base": "black",
+    "sys_sw_sidebar_label_text_normal": "darkgrey400",
+    "sys_sw_sidebar_item_text_normal": "darkgrey500/opacity70",
+    "sys_sw_sidebar_item_text_selected": "white",
+    "sys_sw_sidebar_label_icon_normal_01": "darkgrey400",
+    "sys_sw_sidebar_item_icon_normal": "darkgrey500/opacity70",
+    "sys_sw_sidebar_item_icon_selected": "white",
+    "sys_sw_sidebar_badge_base_01": "darkred500",
+    "sys_sw_sidebar_badge_base_02": "darkgreen300",
+    "sys_sw_sidebar_badge_text_01": "white",
+    "sys_sw_sidebar_badge_text_02": "grey900",
+    "sys_sw_sidebar_divider": "darkgrey70",
+    "sys_sw_sidebar_label_base_normal": "white/opacity00",
+    "sys_sw_sidebar_label_base_hover": "darkgrey50",
+    "sys_sw_sidebar_label_base_pressed": "darkgrey100",
+    "sys_sw_sidebar_item_base_normal": "white/opacity00",
+    "sys_sw_sidebar_item_base_hover": "darkgrey50",
+    "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_text_grey_05": "darkgrey400/opacity20"
 }

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

@@ -279,7 +279,7 @@
     "sys_storyboard_card_base_red01": "red30",
     "sys_storyboard_card_base_green01": "green50",
     "sys_brand_secondary_variant": "green700",
-    "sys_button_tooltip_base": "black/opacity70",
+    "sys_button_tooltip_base": "black/opacity80",
     "sys_text_button_tooltip": "white",
     "sys_membership_button_base": "black/opacity20",
     "sys_membership_item_membership_base": "grey30",
@@ -301,15 +301,45 @@
     "sys_component_base_40": "orange50",
     "sys_component_base_41": "skyblue100",
     "sys_cpnt_slider_track": "grey100",
-    "sys_cpnt_slider_track_active": "grey900",
-    "sys_cpnt_slider_thumb_normal": "grey900",
+    "sys_cpnt_slider_track_active": "blue500",
+    "sys_cpnt_slider_thumb_normal": "blue500",
     "sys_cpnt_slider_thumb_disabled": "grey400",
-    "sys_cpnt_slider_thumb_hover_circle": "grey900/opacity10",
-    "sys_cpnt_slider_thumb_pressed_circle": "grey900/opacity20",
+    "sys_cpnt_slider_thumb_hover_circle": "blue500/opacity10",
+    "sys_cpnt_slider_thumb_pressed_circle": "blue500/opacity20",
     "sys_cpnt_slider_track_disabled": "grey400",
     "sys_component_base_42": "orange30",
     "sys_component_base_43": "blue30",
     "sys_icon_grey_darktheme_01": "darkgrey900",
     "sys_icon_grey_darktheme_02": "darkgrey500",
-    "sys_icon_grey_darktheme_03": "darkgrey400"
+    "sys_icon_grey_darktheme_03": "darkgrey400",
+    "sys_widget_grey_01_opacity_50": "grey900/opacity50",
+    "sys_editor_layout_header": "white",
+    "sys_editor_layout_navigation_panel": "grey50",
+    "sys_editor_layout_canvas_area": "grey30",
+    "sys_editor_layout_control_panel": "white",
+    "sys_editor_layout_property_panel": "white",
+    "sys_editor_layout_navigation_panel_section_item_area_normal": "white",
+    "sys_component_base_44": "white/opacity40",
+    "sys_sw_sidebar_base": "black",
+    "sys_sw_sidebar_label_text_normal": "darkgrey400",
+    "sys_sw_sidebar_item_text_normal": "darkgrey500/opacity70",
+    "sys_sw_sidebar_item_text_selected": "white",
+    "sys_sw_sidebar_label_icon_normal_01": "darkgrey400",
+    "sys_sw_sidebar_item_icon_normal": "darkgrey500/opacity70",
+    "sys_sw_sidebar_item_icon_selected": "white",
+    "sys_sw_sidebar_badge_base_01": "darkred500",
+    "sys_sw_sidebar_badge_base_02": "darkgreen300",
+    "sys_sw_sidebar_badge_text_01": "white",
+    "sys_sw_sidebar_badge_text_02": "grey900",
+    "sys_sw_sidebar_divider": "darkgrey70",
+    "sys_sw_sidebar_label_base_normal": "white/opacity00",
+    "sys_sw_sidebar_label_base_hover": "darkgrey50",
+    "sys_sw_sidebar_label_base_pressed": "darkgrey100",
+    "sys_sw_sidebar_item_base_normal": "white/opacity00",
+    "sys_sw_sidebar_item_base_hover": "darkgrey50",
+    "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_text_grey_05": "grey400/opacity20"
 }

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

@@ -81,7 +81,7 @@
     "opacity15": "26",
     "grey80": "#E9E9EC",
     "grey200": "#D3D3D6",
-    "darkgrey80": "#282829",
+    "darkgrey80": "#3A3A3D",
     "darkgrey200": "#3E3E3F",
     "opacity70": "B3",
     "opacity60": "99",
@@ -114,5 +114,7 @@
     "yellow300": "#FFFAE6",
     "darkyellow300": "#FFF3C1",
     "grey20": "#f8f8fb",
-    "darkgrey20": "#1a1a1b"
+    "darkgrey20": "#1a1a1b",
+    "grey300": "#BDBDC2",
+    "darkgrey300": "#555557"
 }

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

@@ -795,5 +795,39 @@
     "ui_cpnt_dropdown_display_icon_darktheme_disabled": "sys_icon_grey_darktheme_03",
     "ui_cpnt_dropdown_display_icon_white_enabled": "sys_widget_white",
     "ui_cpnt_dropdown_display_icon_white_disabled": "sys_widget_grey_03",
-    "ui_98": "sys_widget_grey_03"
+    "ui_98": "sys_widget_grey_03",
+    "ui_99": "sys_component_base_white_opacity50",
+    "ui_100": "sys_widget_grey_01_opacity_50",
+    "ui_101": "sys_component_base_44",
+    "ui_102": "sys_component_base_black_opacity50",
+    "ui_editor_layout_header": "sys_editor_layout_header",
+    "ui_editor_layout_navigation_panel": "sys_editor_layout_navigation_panel",
+    "ui_editor_layout_canvas_area": "sys_editor_layout_canvas_area",
+    "ui_editor_layout_control_panel": "sys_editor_layout_control_panel",
+    "ui_editor_layout_property_panel": "sys_editor_layout_property_panel",
+    "ui_editor_layout_navigation_panel_section_item_area_normal": "sys_editor_layout_navigation_panel_section_item_area_normal",
+    "ui_editor_scroll_bar": "sys_component_base_03",
+    "ui_editor_scroll_track": "sys_component_base_01",
+    "ui_sw_sidebar_base": "sys_sw_sidebar_base",
+    "ui_sw_sidebar_label_text_normal": "sys_sw_sidebar_label_text_normal",
+    "ui_sw_sidebar_item_text_normal": "sys_sw_sidebar_item_text_normal",
+    "ui_sw_sidebar_item_text_selected": "sys_sw_sidebar_item_text_selected",
+    "ui_sw_sidebar_label_icon_normal_01": "sys_sw_sidebar_label_icon_normal_01",
+    "ui_sw_sidebar_item_icon_normal": "sys_sw_sidebar_item_icon_normal",
+    "ui_sw_sidebar_item_icon_selected": "sys_sw_sidebar_item_icon_selected",
+    "ui_sw_sidebar_badge_base_01": "sys_sw_sidebar_badge_base_01",
+    "ui_sw_sidebar_badge_base_02": "sys_sw_sidebar_badge_base_02",
+    "ui_sw_sidebar_badge_text_01": "sys_sw_sidebar_badge_text_01",
+    "ui_sw_sidebar_badge_text_02": "sys_sw_sidebar_badge_text_02",
+    "ui_sw_sidebar_divider": "sys_sw_sidebar_divider",
+    "ui_sw_sidebar_label_base_normal": "sys_sw_sidebar_label_base_normal",
+    "ui_sw_sidebar_label_base_hover": "sys_sw_sidebar_label_base_hover",
+    "ui_sw_sidebar_label_base_pressed": "sys_sw_sidebar_label_base_pressed",
+    "ui_sw_sidebar_item_base_normal": "sys_sw_sidebar_item_base_normal",
+    "ui_sw_sidebar_item_base_hover": "sys_sw_sidebar_item_base_hover",
+    "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_106": "sys_text_grey_05"
 }

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

@@ -116,8 +116,10 @@ declare const colorSet: {
         darkyellow300: string;
         grey20: string;
         darkgrey20: string;
+        grey300: string;
+        darkgrey300: string;
     };
-    readonly PaletteColor_Dark: {
+    readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -431,8 +433,38 @@ declare const colorSet: {
         sys_icon_grey_darktheme_01: string;
         sys_icon_grey_darktheme_02: string;
         sys_icon_grey_darktheme_03: string;
+        sys_widget_grey_01_opacity_50: string;
+        sys_editor_layout_header: string;
+        sys_editor_layout_navigation_panel: string;
+        sys_editor_layout_canvas_area: string;
+        sys_editor_layout_control_panel: string;
+        sys_editor_layout_property_panel: string;
+        sys_editor_layout_navigation_panel_section_item_area_normal: string;
+        sys_component_base_44: string;
+        sys_sw_sidebar_base: string;
+        sys_sw_sidebar_label_text_normal: string;
+        sys_sw_sidebar_item_text_normal: string;
+        sys_sw_sidebar_item_text_selected: string;
+        sys_sw_sidebar_label_icon_normal_01: string;
+        sys_sw_sidebar_item_icon_normal: string;
+        sys_sw_sidebar_item_icon_selected: string;
+        sys_sw_sidebar_badge_base_01: string;
+        sys_sw_sidebar_badge_base_02: string;
+        sys_sw_sidebar_badge_text_01: string;
+        sys_sw_sidebar_badge_text_02: string;
+        sys_sw_sidebar_divider: string;
+        sys_sw_sidebar_label_base_normal: string;
+        sys_sw_sidebar_label_base_hover: string;
+        sys_sw_sidebar_label_base_pressed: string;
+        sys_sw_sidebar_item_base_normal: string;
+        sys_sw_sidebar_item_base_hover: string;
+        sys_sw_sidebar_item_base_pressed: string;
+        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_light: {
+    readonly PaletteColor_Dark: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -746,6 +778,36 @@ declare const colorSet: {
         sys_icon_grey_darktheme_01: string;
         sys_icon_grey_darktheme_02: string;
         sys_icon_grey_darktheme_03: string;
+        sys_widget_grey_01_opacity_50: string;
+        sys_editor_layout_header: string;
+        sys_editor_layout_navigation_panel: string;
+        sys_editor_layout_canvas_area: string;
+        sys_editor_layout_control_panel: string;
+        sys_editor_layout_property_panel: string;
+        sys_editor_layout_navigation_panel_section_item_area_normal: string;
+        sys_component_base_44: string;
+        sys_sw_sidebar_base: string;
+        sys_sw_sidebar_label_text_normal: string;
+        sys_sw_sidebar_item_text_normal: string;
+        sys_sw_sidebar_item_text_selected: string;
+        sys_sw_sidebar_label_icon_normal_01: string;
+        sys_sw_sidebar_item_icon_normal: string;
+        sys_sw_sidebar_item_icon_selected: string;
+        sys_sw_sidebar_badge_base_01: string;
+        sys_sw_sidebar_badge_base_02: string;
+        sys_sw_sidebar_badge_text_01: string;
+        sys_sw_sidebar_badge_text_02: string;
+        sys_sw_sidebar_divider: string;
+        sys_sw_sidebar_label_base_normal: string;
+        sys_sw_sidebar_label_base_hover: string;
+        sys_sw_sidebar_label_base_pressed: string;
+        sys_sw_sidebar_item_base_normal: string;
+        sys_sw_sidebar_item_base_hover: string;
+        sys_sw_sidebar_item_base_pressed: string;
+        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;
@@ -1545,6 +1607,40 @@ declare const colorSet: {
         ui_cpnt_dropdown_display_icon_white_enabled: string;
         ui_cpnt_dropdown_display_icon_white_disabled: string;
         ui_98: string;
+        ui_99: string;
+        ui_100: string;
+        ui_101: string;
+        ui_102: string;
+        ui_editor_layout_header: string;
+        ui_editor_layout_navigation_panel: string;
+        ui_editor_layout_canvas_area: string;
+        ui_editor_layout_control_panel: string;
+        ui_editor_layout_property_panel: string;
+        ui_editor_layout_navigation_panel_section_item_area_normal: string;
+        ui_editor_scroll_bar: string;
+        ui_editor_scroll_track: string;
+        ui_sw_sidebar_base: string;
+        ui_sw_sidebar_label_text_normal: string;
+        ui_sw_sidebar_item_text_normal: string;
+        ui_sw_sidebar_item_text_selected: string;
+        ui_sw_sidebar_label_icon_normal_01: string;
+        ui_sw_sidebar_item_icon_normal: string;
+        ui_sw_sidebar_item_icon_selected: string;
+        ui_sw_sidebar_badge_base_01: string;
+        ui_sw_sidebar_badge_base_02: string;
+        ui_sw_sidebar_badge_text_01: string;
+        ui_sw_sidebar_badge_text_02: string;
+        ui_sw_sidebar_divider: string;
+        ui_sw_sidebar_label_base_normal: string;
+        ui_sw_sidebar_label_base_hover: string;
+        ui_sw_sidebar_label_base_pressed: string;
+        ui_sw_sidebar_item_base_normal: string;
+        ui_sw_sidebar_item_base_hover: string;
+        ui_sw_sidebar_item_base_pressed: string;
+        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_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
 var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
+var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
 var UIColor_json_1 = __importDefault(require("./UIColor.json"));
 var colorSet = {
     SemanticColor: SemanticColor_json_1.default,
-    PaletteColor_Dark: PaletteColor_Dark_json_1.default,
     PaletteColor_light: PaletteColor_light_json_1.default,
+    PaletteColor_Dark: PaletteColor_Dark_json_1.default,
     UIColor: UIColor_json_1.default
 };
 exports.default = colorSet;

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

@@ -796,4 +796,38 @@ export interface UITheme {
     ui_cpnt_dropdown_display_icon_white_enabled: string;
     ui_cpnt_dropdown_display_icon_white_disabled: string;
     ui_98: string;
+    ui_99: string;
+    ui_100: string;
+    ui_101: string;
+    ui_102: string;
+    ui_editor_layout_header: string;
+    ui_editor_layout_navigation_panel: string;
+    ui_editor_layout_canvas_area: string;
+    ui_editor_layout_control_panel: string;
+    ui_editor_layout_property_panel: string;
+    ui_editor_layout_navigation_panel_section_item_area_normal: string;
+    ui_editor_scroll_bar: string;
+    ui_editor_scroll_track: string;
+    ui_sw_sidebar_base: string;
+    ui_sw_sidebar_label_text_normal: string;
+    ui_sw_sidebar_item_text_normal: string;
+    ui_sw_sidebar_item_text_selected: string;
+    ui_sw_sidebar_label_icon_normal_01: string;
+    ui_sw_sidebar_item_icon_normal: string;
+    ui_sw_sidebar_item_icon_selected: string;
+    ui_sw_sidebar_badge_base_01: string;
+    ui_sw_sidebar_badge_base_02: string;
+    ui_sw_sidebar_badge_text_01: string;
+    ui_sw_sidebar_badge_text_02: string;
+    ui_sw_sidebar_divider: string;
+    ui_sw_sidebar_label_base_normal: string;
+    ui_sw_sidebar_label_base_hover: string;
+    ui_sw_sidebar_label_base_pressed: string;
+    ui_sw_sidebar_item_base_normal: string;
+    ui_sw_sidebar_item_base_hover: string;
+    ui_sw_sidebar_item_base_pressed: string;
+    ui_sw_sidebar_label_icon_normal_02: string;
+    ui_104: string;
+    ui_sw_sidebar_item_text_disabled: string;
+    ui_106: string;
 }

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

@@ -1,3 +1,4 @@
+import type { FillIconNameKeys, LineIconNameKeys } from './icon';
 import type { PDSTextType } from './text';
 import type { ForwardedRef } from 'react';
 export declare type PDSValueOption = {
@@ -9,4 +10,36 @@ export declare type PDSTabItemOption = {
     isActive: boolean;
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
 };
+export declare type ContextMenuItemValueOption = {
+    text?: PDSTextType;
+    value: string | number | null | boolean;
+    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconFillType?: 'fill' | 'line';
+    fontWeight?: 'bold' | 'regular';
+};
+export declare type DropdownValueOption = ContextMenuItemValueOption & {
+    state?: 'normal' | 'disabled';
+};
+export declare type AdminListDropdownValueOption = {
+    text: DropdownValueOption['text'];
+    value: DropdownValueOption['value'];
+};
+export declare type BasicButtonGroupValueOption = {
+    iconName: FillIconNameKeys | LineIconNameKeys;
+    iconFillType?: 'fill' | 'line';
+    state?: 'normal' | 'disabled';
+    tooltipText?: PDSTextType;
+    tooltipPosition?: 'left_top' | 'left_bottom' | 'center_top' | 'center_bottom' | 'right_top' | 'right_bottom';
+    iconColorTheme?: 'none' | 'red';
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+};
+export declare type SegmentedButtonGroupValueOption = Pick<PDSValueOption, 'value'> & {
+    iconName: FillIconNameKeys | LineIconNameKeys;
+    iconFillType?: 'fill' | 'line';
+    state?: 'normal' | 'disabled';
+    iconColorTheme?: 'none' | 'red';
+    tooltipText?: PDSTextType;
+    tooltipPosition?: 'left_top' | 'left_bottom' | 'center_top' | 'center_bottom' | 'right_top' | 'right_bottom';
+};
 export declare type ForwardedRefType<T> = ForwardedRef<T | null>;

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

@@ -23,14 +23,18 @@ export declare type TextFieldBaseProps = {
     maxLength?: number;
     textSize: DesktopFontSize;
     textWeight: FontWeight;
-    fieldPadding?: 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;