@koobiq/react-components 0.7.1 → 0.8.0

package/dist/components/Select/types.js

@@ -1,7 +1,12 @@
+import { formControlPropLabelPlacement, formControlPropLabelAlign } from "../FormControl/types.js";
 const selectPropSelectedTagsOverflow = [
   "multiline",
   "responsive"
 ];
+const selectPropLabelPlacement = formControlPropLabelPlacement;
+const selectPropLabelAlign = formControlPropLabelAlign;
 export {
+  selectPropLabelAlign,
+  selectPropLabelPlacement,
   selectPropSelectedTagsOverflow
 };

package/dist/components/Textarea/Textarea.d.ts

@@ -4,20 +4,22 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<{
     required?: boolean;
     hiddenLabel?: boolean;
     readonly?: boolean;
-} & Omit<import("@koobiq/react-primitives").TextFieldProps<HTMLTextAreaElement>, "children" | "style" | "className" | "validationState" | "validationBehavior" | "validate" | "description" | "inputElementType">, "caption" | "style" | "className" | "cols" | "rows" | "variant" | "slotProps" | "fullWidth" | "data-testid" | "errorMessage" | "isLabelHidden" | "expand"> & {
+} & Omit<import("@koobiq/react-primitives").TextFieldProps<HTMLTextAreaElement>, "children" | "style" | "className" | "validationState" | "validationBehavior" | "validate" | "description" | "inputElementType">, "caption" | "style" | "className" | "cols" | "rows" | "labelPlacement" | "labelAlign" | "fullWidth" | "variant" | "slotProps" | "data-testid" | "errorMessage" | "isLabelHidden" | "expand"> & {
     className?: string;
     style?: import("react").CSSProperties;
     variant?: import("./types").TextareaPropVariant;
     errorMessage?: import("react").ReactNode;
     fullWidth?: boolean;
     isLabelHidden?: boolean;
+    labelPlacement?: import("./types").TextareaPropLabelPlacement;
+    labelAlign?: import("./types").TextareaPropLabelAlign;
     caption?: import("react").ReactNode;
     rows?: number;
     cols?: number;
     expand?: import("./types").TextareaPropExpand;
     'data-testid'?: string | number;
     slotProps?: {
-        label?: import("../FieldComponents").FieldLabelProps;
+        label?: import("..").FormControlLabelProps;
         caption?: import("../FieldComponents").FieldCaptionProps;
         textarea?: import("../FieldComponents").FieldInputProps<"textarea">;
         errorMessage?: import("../FieldComponents").FieldErrorProps;

package/dist/components/Textarea/Textarea.js

@@ -5,7 +5,7 @@ import { deprecate } from "@koobiq/logger";
 import { mergeProps } from "@koobiq/react-core";
 import { TextField } from "@koobiq/react-primitives";
 import { TextareaContextConsumer } from "./components/TextareaContextConsumer/TextareaContextConsumer.js";
-import { FieldControl } from "../FieldComponents/FieldControl/FieldControl.js";
+import { FormControl } from "../FormControl/FormControl.js";
 const Textarea = forwardRef((props, ref) => {
   const {
     variant = "filled",
@@ -20,6 +20,8 @@ const Textarea = forwardRef((props, ref) => {
     isRequired: isRequiredProp,
     readonly,
     isReadOnly: isReadOnlyProp,
+    labelPlacement,
+    labelAlign,
     rows,
     cols,
     expand,
@@ -68,12 +70,13 @@ const Textarea = forwardRef((props, ref) => {
       isReadOnly,
       isInvalid,
       errorMessage,
-      "data-variant": variant,
-      "data-fullwidth": fullWidth
+      labelPlacement,
+      labelAlign,
+      "data-variant": variant
     },
     other
   );
-  return /* @__PURE__ */ jsx(FieldControl, { as: TextField, inputElementType: "textarea", ...rootProps, children: (values) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(FormControl, { as: TextField, inputElementType: "textarea", ...rootProps, children: (values) => /* @__PURE__ */ jsx(
     TextareaContextConsumer,
     {
       ...values,

package/dist/components/Textarea/components/TextareaContextConsumer/TextareaContextConsumer.d.ts

@@ -3,4 +3,4 @@ export declare const TextareaContextConsumer: import("react").ForwardRefExoticCo
     isRequired?: boolean;
     isInvalid?: boolean;
     isDisabled?: boolean;
-} & Pick<TextareaProps, "caption" | "label" | "cols" | "rows" | "variant" | "slotProps" | "errorMessage" | "isLabelHidden" | "expand"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+} & Pick<TextareaProps, "caption" | "label" | "cols" | "rows" | "labelPlacement" | "variant" | "slotProps" | "errorMessage" | "isLabelHidden" | "expand"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/components/Textarea/components/TextareaContextConsumer/TextareaContextConsumer.js

@@ -4,7 +4,8 @@ import { useDOMRef, mergeProps } from "@koobiq/react-core";
 import { useTextareaContext } from "@koobiq/react-primitives";
 import s from "../../Textarea.module.css.js";
 import { useTextareaAutosize } from "../../utils/useTextareaAutosize.js";
-import { FieldLabel } from "../../../FieldComponents/FieldLabel/FieldLabel.js";
+import { FormControlLabel } from "../../../FormControlLabel/FormControlLabel.js";
+import { Field } from "../../../FieldComponents/Field/Field.js";
 import { FieldContentGroup } from "../../../FieldComponents/FieldContentGroup/FieldContentGroup.js";
 import { FieldInput } from "../../../FieldComponents/FieldInput/FieldInput.js";
 import { FieldCaption } from "../../../FieldComponents/FieldCaption/FieldCaption.js";
@@ -50,15 +51,14 @@ const TextareaContextConsumer = forwardRef((props, ref) => {
     isInvalid,
     isDisabled
   };
-  const labelProps = mergeProps(
-    { isHidden: isLabelHidden, children: label, isRequired },
-    slotProps?.label
-  );
+  const labelProps = mergeProps({ isHidden: isLabelHidden, children: label, isRequired }, slotProps?.label);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(FieldLabel, { ...labelProps }),
-    /* @__PURE__ */ jsx(FieldContentGroup, { ...groupProps, children: /* @__PURE__ */ jsx(FieldInput, { as: "textarea", ...textareaProps }) }),
-    /* @__PURE__ */ jsx(FieldCaption, { ...captionProps }),
-    /* @__PURE__ */ jsx(FieldError, { ...errorProps })
+    /* @__PURE__ */ jsx(FormControlLabel, { ...labelProps }),
+    /* @__PURE__ */ jsxs(Field, { children: [
+      /* @__PURE__ */ jsx(FieldContentGroup, { ...groupProps, children: /* @__PURE__ */ jsx(FieldInput, { as: "textarea", ...textareaProps }) }),
+      /* @__PURE__ */ jsx(FieldCaption, { ...captionProps }),
+      /* @__PURE__ */ jsx(FieldError, { ...errorProps })
+    ] })
   ] });
 });
 TextareaContextConsumer.displayName = "TextareaContextConsumer";

package/dist/components/Textarea/types.d.ts

@@ -1,11 +1,17 @@
 import type { ComponentRef, CSSProperties, ReactNode } from 'react';
 import type { ExtendableProps } from '@koobiq/react-core';
 import type { TextFieldProps } from '@koobiq/react-primitives';
-import { type FieldCaptionProps, type FieldContentGroupPropVariant, type FieldErrorProps, type FieldInputProps, type FieldLabelProps } from '../FieldComponents';
+import { type FieldCaptionProps, type FieldContentGroupPropVariant, type FieldErrorProps, type FieldInputProps } from '../FieldComponents';
+import { type FormControlPropLabelAlign, type FormControlPropLabelPlacement } from '../FormControl';
+import type { FormControlLabelProps } from '../FormControlLabel';
 export declare const textareaPropVariant: readonly ["filled", "transparent"];
 export type TextareaPropVariant = FieldContentGroupPropVariant;
 export declare const textareaPropExpand: readonly ["auto-size", "vertical-resize"];
 export type TextareaPropExpand = (typeof textareaPropExpand)[number];
+export declare const textareaPropLabelPlacement: readonly ["top", "side"];
+export type TextareaPropLabelPlacement = FormControlPropLabelPlacement;
+export declare const textareaPropLabelAlign: readonly ["start", "end"];
+export type TextareaPropLabelAlign = FormControlPropLabelAlign;
 type TextareaDeprecatedProps = {
     /**
      * If `true`, the component is disabled.
@@ -65,6 +71,16 @@ export type TextareaProps = ExtendableProps<{
      * @default false
      */
     isLabelHidden?: boolean;
+    /**
+     * The label's overall position relative to the element it is labeling.
+     * @default 'top'
+     */
+    labelPlacement?: TextareaPropLabelPlacement;
+    /**
+     * The label's horizontal alignment relative to the element it is labeling.
+     * @default 'start'
+     */
+    labelAlign?: TextareaPropLabelAlign;
     /** The helper text content. */
     caption?: ReactNode;
     /** The rows property specifies the visible height of a text area, in lines. */
@@ -82,7 +98,7 @@ export type TextareaProps = ExtendableProps<{
     'data-testid'?: string | number;
     /** The props used for each slot inside. */
     slotProps?: {
-        label?: FieldLabelProps;
+        label?: FormControlLabelProps;
         caption?: FieldCaptionProps;
         textarea?: FieldInputProps<'textarea'>;
         errorMessage?: FieldErrorProps;

package/dist/components/Textarea/types.js

@@ -1,7 +1,12 @@
 import { fieldContentGroupPropVariant } from "../FieldComponents/FieldContentGroup/types.js";
+import { formControlPropLabelPlacement, formControlPropLabelAlign } from "../FormControl/types.js";
 const textareaPropVariant = fieldContentGroupPropVariant;
 const textareaPropExpand = ["auto-size", "vertical-resize"];
+const textareaPropLabelPlacement = formControlPropLabelPlacement;
+const textareaPropLabelAlign = formControlPropLabelAlign;
 export {
   textareaPropExpand,
+  textareaPropLabelAlign,
+  textareaPropLabelPlacement,
   textareaPropVariant
 };

package/dist/components/TimePicker/TimePicker.js

@@ -4,8 +4,9 @@ import { useLocale, useDOMRef, mergeProps, clsx } from "@koobiq/react-core";
 import { IconClock16 } from "@koobiq/react-icons";
 import { useTimeFieldState, removeDataAttributes, useTimeField } from "@koobiq/react-primitives";
 import s from "./TimePicker.module.css.js";
-import { FieldControl } from "../FieldComponents/FieldControl/FieldControl.js";
-import { FieldLabel } from "../FieldComponents/FieldLabel/FieldLabel.js";
+import { FormControl } from "../FormControl/FormControl.js";
+import { FormControlLabel } from "../FormControlLabel/FormControlLabel.js";
+import { Field } from "../FieldComponents/Field/Field.js";
 import { FieldContentGroup } from "../FieldComponents/FieldContentGroup/FieldContentGroup.js";
 import { FieldInputDate } from "../FieldComponents/FieldInputDate/FieldInputDate.js";
 import { DateSegment } from "../DateSegment/DateSegment.js";
@@ -16,6 +17,8 @@ function TimePickerRender(props, ref) {
   const domRef = useDOMRef(ref);
   const {
     isLabelHidden,
+    labelPlacement,
+    labelAlign,
     caption,
     label,
     slotProps,
@@ -44,11 +47,12 @@ function TimePickerRender(props, ref) {
     {
       style,
       fullWidth,
+      labelPlacement,
+      labelAlign,
       "data-testid": testId,
       "data-variant": variant,
       "data-invalid": isInvalid,
       "data-disabled": isDisabled,
-      "data-fullwidth": fullWidth,
       "data-required": isRequired,
       "data-readonly": isReadOnly,
       className: clsx(s.base, className)
@@ -92,18 +96,20 @@ function TimePickerRender(props, ref) {
     slotProps?.errorMessage,
     errorMessageProps
   );
-  return /* @__PURE__ */ jsxs(FieldControl, { ...rootProps, children: [
-    /* @__PURE__ */ jsx(FieldLabel, { ...labelProps }),
-    /* @__PURE__ */ jsx(
-      FieldContentGroup,
-      {
-        ...groupProps,
-        slotProps: { startAddon: { className: s.startAddon } },
-        children: /* @__PURE__ */ jsx(FieldInputDate, { ...controlProps, children: state.segments.map((segment, i) => /* @__PURE__ */ jsx(DateSegment, { segment, state }, i)) })
-      }
-    ),
-    /* @__PURE__ */ jsx(FieldCaption, { ...captionProps }),
-    /* @__PURE__ */ jsx(FieldError, { ...errorProps })
+  return /* @__PURE__ */ jsxs(FormControl, { ...rootProps, children: [
+    /* @__PURE__ */ jsx(FormControlLabel, { ...labelProps }),
+    /* @__PURE__ */ jsxs(Field, { children: [
+      /* @__PURE__ */ jsx(
+        FieldContentGroup,
+        {
+          ...groupProps,
+          slotProps: { startAddon: { className: s.startAddon } },
+          children: /* @__PURE__ */ jsx(FieldInputDate, { ...controlProps, children: state.segments.map((segment, i) => /* @__PURE__ */ jsx(DateSegment, { segment, state }, i)) })
+        }
+      ),
+      /* @__PURE__ */ jsx(FieldCaption, { ...captionProps }),
+      /* @__PURE__ */ jsx(FieldError, { ...errorProps })
+    ] })
   ] });
 }
 const TimePicker = forwardRef(TimePickerRender);

package/dist/components/TimePicker/types.d.ts

@@ -1,7 +1,13 @@
 import type { ComponentRef, CSSProperties, ReactElement, ReactNode, Ref } from 'react';
 import type { AriaTimeFieldProps, TimeValue } from '@koobiq/react-primitives';
 import type { DateInputPropVariant } from '../DateInput';
-import type { FieldCaptionProps, FieldControlProps, FieldErrorProps, FieldInputDateProps, FieldContentGroupProps, FieldLabelProps } from '../FieldComponents';
+import { type FieldCaptionProps, type FieldErrorProps, type FieldInputDateProps, type FieldContentGroupProps } from '../FieldComponents';
+import { type FormControlProps, type FormControlPropLabelAlign, type FormControlPropLabelPlacement } from '../FormControl';
+import type { FormControlLabelProps } from '../FormControlLabel';
+export declare const timePickerPropLabelPlacement: readonly ["top", "side"];
+export type TimePickerPropLabelPlacement = FormControlPropLabelPlacement;
+export declare const timePickerPropLabelAlign: readonly ["start", "end"];
+export type TimePickerPropLabelAlign = FormControlPropLabelAlign;
 export type TimePickerProps<T extends TimeValue> = {
     /** Inline styles. */
     style?: CSSProperties;
@@ -23,8 +29,8 @@ export type TimePickerProps<T extends TimeValue> = {
     fullWidth?: boolean;
     /** The props used for each slot inside. */
     slotProps?: {
-        root?: FieldControlProps;
-        label?: FieldLabelProps;
+        root?: FormControlProps;
+        label?: FormControlLabelProps;
         group?: FieldContentGroupProps;
         caption?: FieldCaptionProps;
         inputDate?: FieldInputDateProps;
@@ -37,6 +43,16 @@ export type TimePickerProps<T extends TimeValue> = {
      * @default false
      */
     isLabelHidden?: boolean;
+    /**
+     * The label's overall position relative to the element it is labeling.
+     * @default 'top'
+     */
+    labelPlacement?: TimePickerPropLabelPlacement;
+    /**
+     * The label's horizontal alignment relative to the element it is labeling.
+     * @default 'start'
+     */
+    labelAlign?: TimePickerPropLabelAlign;
     /** Addon placed before the children. */
     startAddon?: ReactNode;
     /** Addon placed after the children. */

package/dist/components/TimePicker/types.js

@@ -0,0 +1,7 @@
+import { formControlPropLabelPlacement, formControlPropLabelAlign } from "../FormControl/types.js";
+const timePickerPropLabelPlacement = formControlPropLabelPlacement;
+const timePickerPropLabelAlign = formControlPropLabelAlign;
+export {
+  timePickerPropLabelAlign,
+  timePickerPropLabelPlacement
+};

package/dist/components/Toggle/Toggle.d.ts

@@ -1,5 +1,5 @@
 import { type SwitchProps } from '@koobiq/react-primitives';
-export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<Omit<SwitchProps, "inputRef">, "children" | "style" | "className" | "size" | "slotProps" | "labelPlacement" | keyof {
+export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<Omit<SwitchProps, "inputRef">, "children" | "style" | "className" | "size" | "labelPlacement" | "slotProps" | keyof {
     disabled?: boolean;
     error?: boolean;
     checked?: boolean;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<import("@react-types/tooltip").TooltipTriggerProps, "children" | "className" | "id" | "offset" | "variant" | `data-${string}` | "placement" | "control" | "portalContainer" | "anchorRef" | "hideArrow" | "arrowBoundaryOffset" | "crossOffset" | "delay" | "closeDelay" | keyof {
+export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<import("@react-types/tooltip").TooltipTriggerProps, "children" | "className" | "id" | "offset" | `data-${string}` | "variant" | "placement" | "control" | "portalContainer" | "anchorRef" | "hideArrow" | "arrowBoundaryOffset" | "crossOffset" | "delay" | "closeDelay" | keyof {
     open?: boolean;
     disabled?: boolean;
 }> & {

package/dist/components/index.d.ts

@@ -1,6 +1,8 @@
 export * from './Provider';
 export * from './FlexBox';
 export * from './Container';
+export * from './FormControl';
+export * from './FormControlLabel';
 export * from './Alert';
 export * from './Button';
 export * from './IconButton';

package/dist/index.js

@@ -8,6 +8,9 @@ import { BreakpointsContext, useBreakpoints, useMatchedBreakpoints } from "./com
 import { FlexBox } from "./components/FlexBox/FlexBox.js";
 import { Container } from "./components/Container/Container.js";
 import { containerMarginsProp, containerPositionProp } from "./components/Container/types.js";
+import { FormControl } from "./components/FormControl/FormControl.js";
+import { formControlPropLabelAlign, formControlPropLabelPlacement } from "./components/FormControl/types.js";
+import { FormControlLabel } from "./components/FormControlLabel/FormControlLabel.js";
 import { Alert } from "./components/Alert/Alert.js";
 import { alertPropStatus } from "./components/Alert/types.js";
 import { Button } from "./components/Button/Button.js";
@@ -22,18 +25,16 @@ import { Link } from "./components/Link/Link.js";
 import { Badge } from "./components/Badge/Badge.js";
 import { badgePropSize, badgePropVariant } from "./components/Badge/types.js";
 import { Input } from "./components/Input/Input.js";
-import { inputPropVariant } from "./components/Input/types.js";
+import { inputPropLabelAlign, inputPropLabelPlacement, inputPropVariant } from "./components/Input/types.js";
 import { Textarea } from "./components/Textarea/Textarea.js";
-import { textareaPropExpand, textareaPropVariant } from "./components/Textarea/types.js";
+import { textareaPropExpand, textareaPropLabelAlign, textareaPropLabelPlacement, textareaPropVariant } from "./components/Textarea/types.js";
 import { InputNumber } from "./components/InputNumber/InputNumber.js";
-import { inputNumberPropVariant } from "./components/InputNumber/types.js";
+import { inputNumberPropLabelAlign, inputNumberPropLabelPlacement, inputNumberPropVariant } from "./components/InputNumber/types.js";
 import { RadioGroup } from "./components/RadioGroup/RadioGroup.js";
 import { RadioGroupContext, useRadioGroupState } from "./components/RadioGroup/RadioContext.js";
 import { Radio } from "./components/RadioGroup/components/Radio/Radio.js";
 import { radioPropLabelPlacement, radioPropSize } from "./components/RadioGroup/components/Radio/types.js";
-import { RadioGroupLabel } from "./components/RadioGroup/components/RadioGroupLabel/RadioGroupLabel.js";
-import { RadioGroupDescription } from "./components/RadioGroup/components/RadioGroupDescription/RadioGroupDescription.js";
-import { radioGroupPropOrientation, radioGroupPropSize } from "./components/RadioGroup/types.js";
+import { radioGroupPropLabelAlign, radioGroupPropLabelPlacement, radioGroupPropOrientation, radioGroupPropSize } from "./components/RadioGroup/types.js";
 import { Toggle } from "./components/Toggle/Toggle.js";
 import { togglePropLabelPlacement, togglePropSize } from "./components/Toggle/types.js";
 import { ProgressBar } from "./components/ProgressBar/ProgressBar.js";
@@ -62,7 +63,7 @@ import { List, ListInner } from "./components/List/List.js";
 import { ListItemText } from "./components/List/components/ListItemText/ListItemText.js";
 import { AnimatedIcon } from "./components/AnimatedIcon/AnimatedIcon.js";
 import { Select } from "./components/Select/Select.js";
-import { selectPropSelectedTagsOverflow } from "./components/Select/types.js";
+import { selectPropLabelAlign, selectPropLabelPlacement, selectPropSelectedTagsOverflow } from "./components/Select/types.js";
 import { Divider } from "./components/Divider/Divider.js";
 import { dividerPropDisplay } from "./components/Divider/types.js";
 import { Menu } from "./components/Menu/Menu.js";
@@ -75,11 +76,12 @@ import { Table } from "./components/Table/Table.js";
 import { TableContainer } from "./components/Table/components/TableContainer/TableContainer.js";
 import { Calendar } from "./components/Calendar/Calendar.js";
 import { DateInput, DateInputRender } from "./components/DateInput/DateInput.js";
-import { dateInputPropVariant } from "./components/DateInput/types.js";
+import { dateInputPropLabelAlign, dateInputPropLabelPlacement, dateInputPropVariant } from "./components/DateInput/types.js";
 import { DatePicker, DatePickerRender } from "./components/DatePicker/DatePicker.js";
 import { TimePicker, TimePickerRender } from "./components/TimePicker/TimePicker.js";
+import { timePickerPropLabelAlign, timePickerPropLabelPlacement } from "./components/TimePicker/types.js";
 import { SearchInput } from "./components/SearchInput/SearchInput.js";
-import { searchInputPropVariant } from "./components/SearchInput/types.js";
+import { searchInputPropLabelAlign, searchInputPropLabelPlacement, searchInputPropVariant } from "./components/SearchInput/types.js";
 import { flex, flexPropAlignItems, flexPropDirection, flexPropFlex, flexPropGap, flexPropJustifyContent, flexPropOrder, flexPropWrap } from "./components/layout/flex/flex.js";
 import { spacing, spacingGap } from "./components/layout/spacing/spacing.js";
 export {
@@ -100,6 +102,8 @@ export {
   DatePickerRender,
   Divider,
   FlexBox,
+  FormControl,
+  FormControlLabel,
   Grid,
   GridItem,
   IconButton,
@@ -127,8 +131,6 @@ export {
   Radio,
   RadioGroup,
   RadioGroupContext,
-  RadioGroupDescription,
-  RadioGroupLabel,
   RouterProvider,
   SearchInput,
   Select,
@@ -156,6 +158,8 @@ export {
   checkboxPropSize,
   containerMarginsProp,
   containerPositionProp,
+  dateInputPropLabelAlign,
+  dateInputPropLabelPlacement,
   dateInputPropVariant,
   defaultBreakpoints,
   dividerPropDisplay,
@@ -167,10 +171,16 @@ export {
   flexPropJustifyContent,
   flexPropOrder,
   flexPropWrap,
+  formControlPropLabelAlign,
+  formControlPropLabelPlacement,
   gridPropGap,
   iconButtonPropSize,
   iconButtonPropVariant,
+  inputNumberPropLabelAlign,
+  inputNumberPropLabelPlacement,
   inputNumberPropVariant,
+  inputPropLabelAlign,
+  inputPropLabelPlacement,
   inputPropVariant,
   modalPropSize,
   popoverPropPlacement,
@@ -179,11 +189,17 @@ export {
   progressBarPropVariant,
   progressSpinnerPropSize,
   progressSpinnerPropVariant,
+  radioGroupPropLabelAlign,
+  radioGroupPropLabelPlacement,
   radioGroupPropOrientation,
   radioGroupPropSize,
   radioPropLabelPlacement,
   radioPropSize,
+  searchInputPropLabelAlign,
+  searchInputPropLabelPlacement,
   searchInputPropVariant,
+  selectPropLabelAlign,
+  selectPropLabelPlacement,
   selectPropSelectedTagsOverflow,
   sidePanelPropPlacement,
   sidePanelPropPosition,
@@ -192,7 +208,11 @@ export {
   spacingGap,
   tagGroupPropVariant,
   textareaPropExpand,
+  textareaPropLabelAlign,
+  textareaPropLabelPlacement,
   textareaPropVariant,
+  timePickerPropLabelAlign,
+  timePickerPropLabelPlacement,
   togglePropLabelPlacement,
   togglePropSize,
   tooltipPropPlacement,