@jobber/components-native 0.90.1-JOB-140976-fc0b992.18 → 0.90.1-JOB-142149-547612b.8

package/dist/types/src/InputDate/InputDate.d.ts

@@ -2,8 +2,7 @@ import type { UseControllerProps } from "react-hook-form";
 import type { XOR } from "ts-xor";
 import type { Clearable } from "@jobber/hooks";
 import type { InputFieldWrapperProps } from "../InputFieldWrapper";
-import type { InputPressableProps } from "../InputPressable/InputPressable";
-interface BaseInputDateProps extends Pick<InputFieldWrapperProps, "invalid" | "disabled" | "placeholder">, Pick<InputPressableProps, "showMiniLabel"> {
+interface BaseInputDateProps extends Pick<InputFieldWrapperProps, "invalid" | "disabled" | "placeholder"> {
     /**
      * Defaulted to "always" so user can clear the dates whenever there's a value.
      */

package/dist/types/src/InputFieldWrapper/InputFieldWrapper.d.ts

@@ -26,14 +26,7 @@ export interface InputFieldWrapperProps {
      * Text that goes below the input to help the user understand the input
      */
     readonly assistiveText?: string;
-    /**
-     * Controls how the placeholder text is displayed.
-     * - normal: the placeholder text will be displayed in the normal placeholder position
-     * - mini: the placeholder text will float above the input value
-     * - hidden: the placeholder text will not be displayed
-     * @default "normal"
-     */
-    readonly placeholderMode?: "normal" | "mini" | "hidden";
+    readonly hasMiniLabel?: boolean;
     readonly hasValue?: boolean;
     /**
      * Symbol to display before the text input
@@ -85,4 +78,4 @@ export interface InputFieldWrapperProps {
 }
 export declare const INPUT_FIELD_WRAPPER_GLIMMERS_TEST_ID = "ATL-InputFieldWrapper-Glimmers";
 export declare const INPUT_FIELD_WRAPPER_SPINNER_TEST_ID = "ATL-InputFieldWrapper-Spinner";
-export declare function InputFieldWrapper({ invalid, disabled, placeholder, assistiveText, prefix, suffix, placeholderMode, hasValue, error, focused, children, onClear, showClearAction, styleOverride, toolbar, toolbarVisibility, loading, loadingType, }: InputFieldWrapperProps): JSX.Element;
+export declare function InputFieldWrapper({ invalid, disabled, placeholder, assistiveText, prefix, suffix, hasMiniLabel, hasValue, error, focused, children, onClear, showClearAction, styleOverride, toolbar, toolbarVisibility, loading, loadingType, }: InputFieldWrapperProps): JSX.Element;

package/dist/types/src/InputFieldWrapper/components/Prefix/Prefix.d.ts

@@ -3,17 +3,18 @@ import type { IconNames } from "@jobber/design";
 export interface PrefixLabelProps {
     readonly focused: boolean;
     readonly disabled?: boolean;
-    readonly miniLabelActive: boolean;
+    readonly hasMiniLabel: boolean;
     readonly inputInvalid: boolean;
     readonly label: string;
     readonly styleOverride?: StyleProp<TextStyle>;
 }
 export declare const prefixLabelTestId = "ATL-InputFieldWrapper-PrefixLabel";
 export declare const prefixIconTestId = "ATL-InputFieldWrapper-PrefixIcon";
-export declare function PrefixLabel({ focused, disabled, miniLabelActive, inputInvalid, label, styleOverride, }: PrefixLabelProps): JSX.Element;
+export declare function PrefixLabel({ focused, disabled, hasMiniLabel, inputInvalid, label, styleOverride, }: PrefixLabelProps): JSX.Element;
 export interface PrefixIconProps {
     readonly focused: boolean;
     readonly disabled?: boolean;
+    readonly hasMiniLabel: boolean;
     readonly inputInvalid?: boolean;
     readonly icon: IconNames;
     readonly styleOverride?: StyleProp<ViewStyle>;

package/dist/types/src/InputFieldWrapper/components/Suffix/Suffix.d.ts

@@ -3,7 +3,7 @@ import type { IconNames } from "@jobber/design";
 export interface SuffixLabelProps {
     readonly focused: boolean;
     readonly disabled?: boolean;
-    readonly miniLabelActive: boolean;
+    readonly hasMiniLabel: boolean;
     readonly inputInvalid?: boolean;
     readonly label: string;
     readonly hasLeftMargin?: boolean;
@@ -11,10 +11,11 @@ export interface SuffixLabelProps {
 }
 export declare const suffixLabelTestId = "ATL-InputFieldWrapper-SuffixLabel";
 export declare const suffixIconTestId = "ATL-InputFieldWrapper-SuffixIcon";
-export declare function SuffixLabel({ focused, disabled, miniLabelActive, inputInvalid, label, hasLeftMargin, styleOverride, }: SuffixLabelProps): JSX.Element;
+export declare function SuffixLabel({ focused, disabled, hasMiniLabel, inputInvalid, label, hasLeftMargin, styleOverride, }: SuffixLabelProps): JSX.Element;
 export interface SuffixIconProps {
     readonly focused: boolean;
     readonly disabled?: boolean;
+    readonly hasMiniLabel: boolean;
     readonly inputInvalid?: boolean;
     readonly icon: IconNames;
     readonly hasLeftMargin?: boolean;

package/dist/types/src/InputPressable/InputPressable.d.ts

@@ -39,14 +39,6 @@ export interface InputPressableProps {
      * Indicates the current selection is invalid
      */
     readonly invalid?: boolean | string;
-    /**
-     * Controls the visibility of the mini label that appears inside the input
-     * when a value is entered. By default, the placeholder text moves up to
-     * become a mini label. Set to false to disable this behavior.
-     *
-     * @default true
-     */
-    readonly showMiniLabel?: boolean;
     /**
      * Callback that is called when the text input is focused
      * @param event
@@ -87,5 +79,5 @@ export interface InputPressableProps {
 }
 export type InputPressableRef = NativeText;
 export declare const InputPressable: React.ForwardRefExoticComponent<InputPressableProps & React.RefAttributes<NativeText>>;
-export declare function InputPressableInternal({ value, placeholder, disabled, invalid, error, showMiniLabel, onPress, accessibilityLabel, accessibilityHint, prefix, suffix, clearable, onClear, focused, }: InputPressableProps, ref: Ref<InputPressableRef>): JSX.Element;
+export declare function InputPressableInternal({ value, placeholder, disabled, invalid, error, onPress, accessibilityLabel, accessibilityHint, prefix, suffix, clearable, onClear, focused, }: InputPressableProps, ref: Ref<InputPressableRef>): JSX.Element;
 export {};

package/dist/types/src/InputPressable/InputPressable.style.d.ts

@@ -15,7 +15,4 @@ export declare const useStyles: () => {
     inputInvalid: {
         borderColor: string;
     };
-    withoutMiniLabel: {
-        paddingTop: number;
-    };
 };

package/dist/types/src/InputSearch/InputSearch.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import type { InputTextProps, InputTextRef } from "../InputText";
 export declare const InputSearch: React.ForwardRefExoticComponent<InputSearchProps & React.RefAttributes<InputTextRef>>;
-export interface InputSearchProps extends Pick<InputTextProps, "accessibilityHint" | "accessibilityLabel" | "autoFocus" | "placeholder" | "prefix" | "showMiniLabel"> {
+export interface InputSearchProps extends Pick<InputTextProps, "accessibilityHint" | "accessibilityLabel" | "autoFocus" | "placeholder" | "prefix"> {
     /**
      * A callback function that handles the update of the new value of the property value.
      */

package/dist/types/src/InputText/InputText.d.ts

@@ -31,14 +31,6 @@ export interface InputTextProps extends Pick<InputFieldWrapperProps, "toolbar" |
      * Text that helps the user understand the input
      */
     readonly assistiveText?: string;
-    /**
-     * Controls the visibility of the mini label that appears inside the input
-     * when a value is entered. By default, the placeholder text moves up to
-     * become a mini label. Set to false to disable this behavior.
-     *
-     * @default true
-     */
-    readonly showMiniLabel?: boolean;
     /**
      * Determines what keyboard is shown
      */

package/dist/types/src/InputText/InputText.style.d.ts

@@ -14,8 +14,4 @@ export declare const useStyles: () => {
     multilineInputiOS: {
         paddingTop: number;
     };
-    multilineWithoutMiniLabel: {
-        paddingTop: number;
-        paddingBottom: number;
-    };
 };

package/dist/types/src/InputTime/InputTime.d.ts

@@ -2,8 +2,7 @@ import type { UseControllerProps } from "react-hook-form";
 import type { XOR } from "ts-xor";
 import type { Clearable } from "@jobber/hooks";
 import type { InputFieldWrapperProps } from "../InputFieldWrapper";
-import type { InputPressableProps } from "../InputPressable/InputPressable";
-interface InputTimeBaseProps extends Pick<InputFieldWrapperProps, "invalid" | "disabled" | "placeholder">, Pick<InputPressableProps, "showMiniLabel"> {
+interface InputTimeBaseProps extends Pick<InputFieldWrapperProps, "invalid" | "disabled" | "placeholder"> {
     /**
      * Defaulted to "always" so user can clear the time whenever there's a value.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.90.1-JOB-140976-fc0b992.18+fc0b9928e",
+  "version": "0.90.1-JOB-142149-547612b.8+547612b28",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -94,5 +94,5 @@
     "react-native-safe-area-context": "^5.4.0",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "fc0b9928ec110279df2577c8646e8c423c57e56a"
+  "gitHead": "547612b28b6ea97cd710210ecbbe6917da0c9734"
 }

package/src/Form/Form.tsx

@@ -174,7 +174,6 @@ function InternalForm<T extends FieldValues, S>({
             ref={scrollViewRef}
             {...keyboardProps}
             extraHeight={headerHeight}
-            extraScrollHeight={edgeToEdgeEnabled ? tokens["space-large"] : 0}
             contentContainerStyle={
               !keyboardHeight && styles.scrollContentContainer
             }

package/src/Form/components/FormBody/FormBody.tsx

@@ -1,5 +1,6 @@
-import React, { useMemo } from "react";
+import React from "react";
 import { View } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { useStyles } from "./FormBody.style";
 import { useScreenInformation } from "../../hooks/useScreenInformation";
 import type { FormActionBarProps } from "../FormActionBar";
@@ -25,13 +26,12 @@ export function FormBody({
   setSaveButtonHeight,
   saveButtonOffset,
 }: FormBodyProps): JSX.Element {
-  const paddingBottom = useBottomPadding();
-  const fullViewPadding = useMemo(() => ({ paddingBottom }), [paddingBottom]);
+  const { bottom: paddingBottom } = useSafeAreaInsets();
   const styles = useStyles();
 
   return (
     <>
-      <View style={[styles.container]}>
+      <View style={styles.container}>
         {children}
         {shouldRenderActionBar && (
           <FormActionBar
@@ -47,9 +47,9 @@ export function FormBody({
         )}
       </View>
 
-      {shouldRenderActionBar && !saveButtonOffset && (
+      {!saveButtonOffset && (
         <View
-          style={[fullViewPadding, styles.safeArea]}
+          style={[{ paddingBottom }, styles.safeArea]}
           testID="ATL-FormSafeArea"
         />
       )}

package/src/InputDate/InputDate.tsx

@@ -8,11 +8,9 @@ import type { InputFieldWrapperProps } from "../InputFieldWrapper";
 import { FormField } from "../FormField";
 import { InputPressable } from "../InputPressable";
 import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
-import type { InputPressableProps } from "../InputPressable/InputPressable";
 
 interface BaseInputDateProps
-  extends Pick<InputFieldWrapperProps, "invalid" | "disabled" | "placeholder">,
-    Pick<InputPressableProps, "showMiniLabel"> {
+  extends Pick<InputFieldWrapperProps, "invalid" | "disabled" | "placeholder"> {
   /**
    * Defaulted to "always" so user can clear the dates whenever there's a value.
    */
@@ -147,7 +145,6 @@ function InternalInputDate({
   minDate,
   placeholder,
   value,
-  showMiniLabel = true,
   name,
   onChange,
   accessibilityLabel,
@@ -177,7 +174,6 @@ function InternalInputDate({
   return (
     <>
       <InputPressable
-        showMiniLabel={showMiniLabel}
         focused={showPicker}
         clearable={canClearDate}
         disabled={disabled}

package/src/InputFieldWrapper/InputFieldWrapper.test.tsx

@@ -1,11 +1,6 @@
 import React from "react";
 import type { RenderAPI } from "@testing-library/react-native";
-import {
-  fireEvent,
-  render,
-  renderHook,
-  screen,
-} from "@testing-library/react-native";
+import { fireEvent, render, renderHook } from "@testing-library/react-native";
 import type { ViewStyle } from "react-native";
 import { Text } from "react-native";
 import type { InputFieldWrapperProps } from ".";
@@ -316,46 +311,4 @@ describe("InputFieldWrapper", () => {
       expect(queryByTestId(INPUT_FIELD_WRAPPER_SPINNER_TEST_ID)).toBeNull();
     });
   });
-
-  describe("placeholderMode", () => {
-    it("renders the placeholder in its normal position", () => {
-      renderInputFieldWrapper({
-        placeholder: "placeholder",
-        placeholderMode: "normal",
-      });
-      const placeholder = screen.getByText("placeholder", {
-        includeHiddenElements: true,
-      });
-      expect(placeholder).toBeDefined();
-      expect(placeholder.props.style).toContainEqual(
-        typographyStyles.defaultSize,
-      );
-    });
-
-    it("renders the placeholder in its mini label position", () => {
-      renderInputFieldWrapper({
-        placeholder: "placeholder",
-        placeholderMode: "mini",
-      });
-      const placeholder = screen.getByText("placeholder", {
-        includeHiddenElements: true,
-      });
-      expect(placeholder).toBeDefined();
-      expect(placeholder.props.style).toContainEqual(
-        typographyStyles.smallSize,
-      );
-    });
-
-    it("does not render the placeholder", () => {
-      renderInputFieldWrapper({
-        placeholder: "placeholder",
-        placeholderMode: "hidden",
-      });
-      expect(
-        screen.queryByText("placeholder", {
-          includeHiddenElements: true,
-        }),
-      ).toBeNull();
-    });
-  });
 });

package/src/InputFieldWrapper/InputFieldWrapper.tsx

@@ -43,14 +43,7 @@ export interface InputFieldWrapperProps {
    */
   readonly assistiveText?: string;
 
-  /**
-   * Controls how the placeholder text is displayed.
-   * - normal: the placeholder text will be displayed in the normal placeholder position
-   * - mini: the placeholder text will float above the input value
-   * - hidden: the placeholder text will not be displayed
-   * @default "normal"
-   */
-  readonly placeholderMode?: "normal" | "mini" | "hidden";
+  readonly hasMiniLabel?: boolean;
 
   readonly hasValue?: boolean;
 
@@ -126,7 +119,7 @@ export function InputFieldWrapper({
   assistiveText,
   prefix,
   suffix,
-  placeholderMode = "normal",
+  hasMiniLabel = false,
   hasValue = false,
   error,
   focused = false,
@@ -150,9 +143,6 @@ export function InputFieldWrapper({
   const showLoadingGlimmer = loading && loadingType === "glimmer";
   const styles = useStyles();
 
-  const placeholderVisible = placeholderMode !== "hidden";
-  const miniLabelActive = placeholderMode === "mini";
-
   return (
     <ErrorMessageWrapper message={getMessage({ invalid, error })}>
       <View
@@ -170,36 +160,35 @@ export function InputFieldWrapper({
             <PrefixIcon
               disabled={disabled}
               focused={focused}
+              hasMiniLabel={hasMiniLabel}
               inputInvalid={inputInvalid}
               icon={prefix.icon}
             />
           )}
           <View style={[styles.inputContainer]}>
-            {placeholderVisible && (
-              <View
-                style={[
-                  !!placeholder && styles.label,
-                  miniLabelActive && styles.miniLabel,
-                  disabled && styles.disabled,
-                  miniLabelActive &&
-                    showClearAction &&
-                    styles.miniLabelShowClearAction,
-                ]}
-                pointerEvents="none"
-              >
-                <Placeholder
-                  placeholder={placeholder}
-                  labelVariation={getLabelVariation(error, invalid, disabled)}
-                  miniLabelActive={miniLabelActive}
-                  styleOverride={styleOverride?.placeholderText}
-                />
-              </View>
-            )}
+            <View
+              style={[
+                !!placeholder && styles.label,
+                hasMiniLabel && styles.miniLabel,
+                disabled && styles.disabled,
+                hasMiniLabel &&
+                  showClearAction &&
+                  styles.miniLabelShowClearAction,
+              ]}
+              pointerEvents="none"
+            >
+              <Placeholder
+                placeholder={placeholder}
+                labelVariation={getLabelVariation(error, invalid, disabled)}
+                hasMiniLabel={hasMiniLabel}
+                styleOverride={styleOverride?.placeholderText}
+              />
+            </View>
             {prefix?.label && hasValue && (
               <PrefixLabel
                 disabled={disabled}
                 focused={focused}
-                miniLabelActive={miniLabelActive}
+                hasMiniLabel={hasMiniLabel}
                 inputInvalid={inputInvalid}
                 label={prefix.label}
                 styleOverride={styleOverride?.prefixLabel}
@@ -236,7 +225,7 @@ export function InputFieldWrapper({
                   <SuffixLabel
                     disabled={disabled}
                     focused={focused}
-                    miniLabelActive={miniLabelActive}
+                    hasMiniLabel={hasMiniLabel}
                     inputInvalid={inputInvalid}
                     label={suffix.label}
                     hasLeftMargin={!showClearAction}
@@ -256,6 +245,7 @@ export function InputFieldWrapper({
                   <SuffixIcon
                     disabled={disabled}
                     focused={focused}
+                    hasMiniLabel={hasMiniLabel}
                     hasLeftMargin={!!(!showClearAction || suffix?.label)}
                     inputInvalid={inputInvalid}
                     icon={suffix.icon}
@@ -342,12 +332,12 @@ function Placeholder({
   placeholder,
   styleOverride,
   labelVariation,
-  miniLabelActive,
+  hasMiniLabel,
 }: {
   readonly placeholder?: string;
   readonly styleOverride: StyleProp<TextStyle>;
   readonly labelVariation: TextVariation;
-  readonly miniLabelActive: boolean;
+  readonly hasMiniLabel: boolean;
 }) {
   const typographyStyles = useTypographyStyles();
 
@@ -358,7 +348,7 @@ function Placeholder({
           hideFromScreenReader={true}
           maxLines="single"
           variation={labelVariation}
-          level={miniLabelActive ? "textSupporting" : "text"}
+          level={hasMiniLabel ? "textSupporting" : "text"}
         >
           {placeholder}
         </Text>
@@ -371,7 +361,7 @@ function Placeholder({
           style={[
             typographyStyles[labelVariation],
             typographyStyles.baseRegularRegular,
-            miniLabelActive
+            hasMiniLabel
               ? typographyStyles.smallSize
               : typographyStyles.defaultSize,
             styleOverride,

package/src/InputFieldWrapper/components/Prefix/Prefix.test.tsx

@@ -30,7 +30,7 @@ beforeAll(() => {
 function setupLabel({
   disabled = false,
   focused = false,
-  miniLabelActive = false,
+  hasMiniLabel = false,
   inputInvalid = false,
   label = mockLabel,
   styleOverride,
@@ -39,7 +39,7 @@ function setupLabel({
     <PrefixLabel
       disabled={disabled}
       focused={focused}
-      miniLabelActive={miniLabelActive}
+      hasMiniLabel={hasMiniLabel}
       inputInvalid={inputInvalid}
       label={label}
       styleOverride={styleOverride}
@@ -50,6 +50,7 @@ function setupLabel({
 function setupIcon({
   disabled = false,
   focused = false,
+  hasMiniLabel = false,
   inputInvalid = false,
   icon = "invoice",
 }: Partial<PrefixIconProps>) {
@@ -57,6 +58,7 @@ function setupIcon({
     <PrefixIcon
       disabled={disabled}
       focused={focused}
+      hasMiniLabel={hasMiniLabel}
       inputInvalid={inputInvalid}
       icon={icon}
     />,
@@ -148,7 +150,7 @@ describe("Prefix", () => {
 
   it("updates the position of the label when a value is entered", () => {
     const tree = setupLabel({
-      miniLabelActive: true,
+      hasMiniLabel: true,
     });
     const prefixLabel = tree.getByTestId(prefixLabelTestId);
     const labelWrapper = prefixLabel.children[0] as ReactTestInstance;

package/src/InputFieldWrapper/components/Prefix/Prefix.tsx

@@ -11,7 +11,7 @@ import { useStyles } from "../../InputFieldWrapper.style";
 export interface PrefixLabelProps {
   readonly focused: boolean;
   readonly disabled?: boolean;
-  readonly miniLabelActive: boolean;
+  readonly hasMiniLabel: boolean;
   readonly inputInvalid: boolean;
   readonly label: string;
   readonly styleOverride?: StyleProp<TextStyle>;
@@ -23,7 +23,7 @@ export const prefixIconTestId = "ATL-InputFieldWrapper-PrefixIcon";
 export function PrefixLabel({
   focused,
   disabled,
-  miniLabelActive,
+  hasMiniLabel,
   inputInvalid,
   label,
   styleOverride,
@@ -41,10 +41,7 @@ export function PrefixLabel({
       testID={prefixLabelTestId}
     >
       <View
-        style={[
-          styles.prefixLabel,
-          miniLabelActive && styles.fieldAffixMiniLabel,
-        ]}
+        style={[styles.prefixLabel, hasMiniLabel && styles.fieldAffixMiniLabel]}
       >
         {!styleOverride ? (
           <Text variation={disabled ? "disabled" : "base"}>{label}</Text>
@@ -70,6 +67,7 @@ export function PrefixLabel({
 export interface PrefixIconProps {
   readonly focused: boolean;
   readonly disabled?: boolean;
+  readonly hasMiniLabel: boolean;
   readonly inputInvalid?: boolean;
   readonly icon: IconNames;
   readonly styleOverride?: StyleProp<ViewStyle>;

package/src/InputFieldWrapper/components/Suffix/Suffix.test.tsx

@@ -10,7 +10,7 @@ const mockLabel = "$";
 function setupLabel({
   disabled = false,
   focused = false,
-  miniLabelActive = false,
+  hasMiniLabel = false,
   inputInvalid = false,
   label = mockLabel,
   styleOverride,
@@ -19,7 +19,7 @@ function setupLabel({
     <SuffixLabel
       disabled={disabled}
       focused={focused}
-      miniLabelActive={miniLabelActive}
+      hasMiniLabel={hasMiniLabel}
       inputInvalid={inputInvalid}
       label={label}
       styleOverride={styleOverride}
@@ -30,6 +30,7 @@ function setupLabel({
 function setupIcon({
   disabled = false,
   focused = false,
+  hasMiniLabel = false,
   inputInvalid = false,
   icon = "invoice",
 }: Partial<SuffixIconProps>) {
@@ -37,6 +38,7 @@ function setupIcon({
     <SuffixIcon
       disabled={disabled}
       focused={focused}
+      hasMiniLabel={hasMiniLabel}
       inputInvalid={inputInvalid}
       icon={icon}
     />,

package/src/InputFieldWrapper/components/Suffix/Suffix.tsx

@@ -11,7 +11,7 @@ import { useStyles } from "../../InputFieldWrapper.style";
 export interface SuffixLabelProps {
   readonly focused: boolean;
   readonly disabled?: boolean;
-  readonly miniLabelActive: boolean;
+  readonly hasMiniLabel: boolean;
   readonly inputInvalid?: boolean;
   readonly label: string;
   readonly hasLeftMargin?: boolean;
@@ -24,7 +24,7 @@ export const suffixIconTestId = "ATL-InputFieldWrapper-SuffixIcon";
 export function SuffixLabel({
   focused,
   disabled,
-  miniLabelActive,
+  hasMiniLabel,
   inputInvalid,
   label,
   hasLeftMargin = true,
@@ -44,10 +44,7 @@ export function SuffixLabel({
       ]}
     >
       <View
-        style={[
-          styles.suffixLabel,
-          miniLabelActive && styles.fieldAffixMiniLabel,
-        ]}
+        style={[styles.suffixLabel, hasMiniLabel && styles.fieldAffixMiniLabel]}
       >
         {!styleOverride ? (
           <Text variation={disabled ? "disabled" : "base"}>{label}</Text>
@@ -73,6 +70,7 @@ export function SuffixLabel({
 export interface SuffixIconProps {
   readonly focused: boolean;
   readonly disabled?: boolean;
+  readonly hasMiniLabel: boolean;
   readonly inputInvalid?: boolean;
   readonly icon: IconNames;
   readonly hasLeftMargin?: boolean;

package/src/InputPressable/InputPressable.style.ts

@@ -28,9 +28,5 @@ export const useStyles = buildThemedStyles(tokens => {
     inputInvalid: {
       borderColor: tokens["color-critical"],
     },
-
-    withoutMiniLabel: {
-      paddingTop: tokens["space-base"] + tokens["space-smallest"],
-    },
   };
 });