@superblocksteam/library 2.0.0-next.4 → 2.0.0-next.41

package/dist-types/lib/user-facing/components/date-picker/index.d.ts

@@ -4,7 +4,7 @@ export declare const SbDatePicker: React.FC<import("../../properties-panel/props
         label: import("../../properties-panel/props-builder.js").Prop<string, true>;
         defaultDate: import("../../properties-panel/props-builder.js").Prop<string, false>;
         dateFormat: import("../../properties-panel/props-builder.js").Prop<string, true>;
-        displayDateFormat: import("../../properties-panel/props-builder.js").Prop<string, false>;
+        displayDateFormat: import("../../properties-panel/props-builder.js").Prop<string, true>;
     } & (Omit<{
         manageTimezone: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }, "manageTimezone" | "displayTimezone" | "valueTimezone"> & ({
@@ -29,12 +29,11 @@ export declare const SbDatePicker: React.FC<import("../../properties-panel/props
         margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         labelPosition: import("../../properties-panel/props-builder.js").Prop<"left" | "top", true>;
         labelStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        showIcon: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        icon: import("../../properties-panel/props-builder.js").Prop<string, true>;
     }>;
     interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         customValidationRule: import("../../properties-panel/props-builder.js").Prop<string, true>;

package/dist-types/lib/user-facing/components/date-picker/props.d.ts

@@ -6,7 +6,7 @@ export declare const propertiesDefinition: {
         label: Prop<string, true>;
         defaultDate: Prop<string, false>;
         dateFormat: Prop<string, true>;
-        displayDateFormat: Prop<string, false>;
+        displayDateFormat: Prop<string, true>;
     } & (Omit<{
         manageTimezone: Prop<boolean, true>;
     }, "manageTimezone" | "displayTimezone" | "valueTimezone"> & ({
@@ -31,12 +31,11 @@ export declare const propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         labelPosition: Prop<"left" | "top", true>;
         labelStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        showIcon: Prop<boolean, true>;
+        icon: Prop<string, true>;
     }>;
     interaction: Section<Record<string, Prop<any, any>> & {
         customValidationRule: Prop<string, true>;

package/dist-types/lib/user-facing/components/date-picker/types.d.ts

@@ -19,8 +19,8 @@ export interface DatePickerComponentProps {
     timezone?: string;
     isRequired?: boolean;
     showTimezone?: boolean;
-    showCalendarIcon?: boolean;
     forceOpen?: boolean;
+    icon?: string;
     iconSize?: number;
     inputClassName?: string;
     inputStyleOverride?: React.CSSProperties;
@@ -35,6 +35,6 @@ export interface DatePickerComponentProps {
     errorMessages?: string[];
     isFitContentHeight?: boolean;
     onInputClick?: (e: React.MouseEvent) => void;
-    onDateSelected: (selectedDate: string) => void;
+    onDateSelected: (selectedDate?: string) => void;
     onDatePickerClosed?: () => void;
 }

package/dist-types/lib/user-facing/components/date-picker/utils.d.ts

@@ -16,6 +16,17 @@ export declare function normalizeDateFormat(dateFormat: string): string;
  * @returns {string} - The formatted date string in "MM/DD/YYYY HH:mm:ss" format.
  */
 export declare function stripTimezoneFromString(dateString: string, format: string): string;
+/**
+ * Because the datepicker UI component works with JavaScript dates (which use the system TZ),
+ * we want to "strip" the timezone when passing it to this copmonent.
+ *
+ * For example:
+ * If the selected date is 01/01/2001 01:00PM EST and the system time is PST, we want to create a JS Date that has the value
+ * 01/01/2001 01:00PM PST and pass that to the blueprint datepicker.
+ *
+ * Then, when the user selects a date, we receive a date object with a value of 01/01/2001 02:00PM PST
+ * which we then convert to 01/01/2001 2:00PM EST to store as the selectedDate
+ */
 export declare const stripTimezoneFromDate: (date: Date, dateFormat: string, timezone?: string) => string;
 export declare const convertDateStringTimezone: (dateStr: string, dateFormat: string, originalTimezone?: string, newTimezone?: string) => string;
 export declare const formatIncludesTimezone: (dateFormat: string) => boolean;

package/dist-types/lib/user-facing/components/dropdown/index.d.ts

@@ -32,12 +32,11 @@ export declare const SbDropdown: React.FC<import("../../properties-panel/props-b
         margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         customValidationRule: import("../../properties-panel/props-builder.js").Prop<string, true>;
         customErrorMessage: import("../../properties-panel/props-builder.js").Prop<string, true>;
-        isMultiple: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        multiselect: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         allowSelectAll: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         allowClearing: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         clientSideFiltering: import("../../properties-panel/props-builder.js").Prop<boolean, true>;

package/dist-types/lib/user-facing/components/dropdown/props.d.ts

@@ -34,12 +34,11 @@ export declare const propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     interaction: Section<Record<string, Prop<any, any>> & {
         customValidationRule: Prop<string, true>;
         customErrorMessage: Prop<string, true>;
-        isMultiple: Prop<boolean, true>;
+        multiselect: Prop<boolean, true>;
         allowSelectAll: Prop<boolean, true>;
         allowClearing: Prop<boolean, true>;
         clientSideFiltering: Prop<boolean, true>;

package/dist-types/lib/user-facing/components/dropdown/types.d.ts

@@ -57,7 +57,7 @@ export interface DropdownComponentState {
 }
 export interface BaseProps {
     defaultOptionValue?: string | string[];
-    isMultiple?: boolean;
+    multiselect?: boolean;
     isRequired?: boolean;
     clientSideFiltering?: boolean;
     isVertical?: boolean;

package/dist-types/lib/user-facing/components/grid/index.d.ts

@@ -28,7 +28,6 @@ declare const _propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
 };
 export type GridProps = InternalProps<typeof _propertiesDefinition>;

package/dist-types/lib/user-facing/components/icon/index.d.ts

@@ -10,7 +10,6 @@ export declare const SbIcon: import("react").FC<import("../../properties-panel/p
         margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         color: import("../../properties-panel/props-builder.js").Prop<string, false>;

package/dist-types/lib/user-facing/components/icon/props.d.ts

@@ -12,7 +12,6 @@ export declare const propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         color: Prop<string, false>;

package/dist-types/lib/user-facing/components/image/index.d.ts

@@ -4,7 +4,7 @@ export declare const SbImage: import("react").FC<import("../../properties-panel/
     }>;
     appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
-        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
         borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
         fillContainer: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         align: import("../../properties-panel/props-builder.js").Prop<import("./props.js").ImageAlign, true>;
@@ -21,7 +21,6 @@ export declare const SbImage: import("react").FC<import("../../properties-panel/
         margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         onClick: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;

package/dist-types/lib/user-facing/components/image/props.d.ts

@@ -14,7 +14,7 @@ export declare const propertiesDefinition: {
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         backgroundColor: Prop<string, false>;
-        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
         borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
         fillContainer: Prop<boolean, true>;
         align: Prop<ImageAlign, true>;
@@ -31,7 +31,6 @@ export declare const propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     events: Section<Record<string, Prop<any, any>> & {
         onClick: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;

package/dist-types/lib/user-facing/components/input/derived-properties.d.ts

@@ -1,5 +1,4 @@
 import type { InputWidgetProps } from "./types.js";
 export declare function getValue(this: InputWidgetProps): string | number | null | undefined;
-export declare function getValidationErrors(this: InputWidgetProps): Record<"number" | "url" | "required" | "email" | "minMax" | "customRule", string | undefined>;
 export declare function getShowError(this: InputWidgetProps): boolean;
 export declare function getIsValid(this: InputWidgetProps): boolean;

package/dist-types/lib/user-facing/components/input/index.d.ts

@@ -54,7 +54,6 @@ export declare const SbInput: import("react").FC<import("../../properties-panel/
         labelWidth?: undefined;
     }))))) & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & Omit<{
         inputType: import("../../properties-panel/props-builder.js").Prop<string, false>;

package/dist-types/lib/user-facing/components/input/props.d.ts

@@ -1,7 +1,6 @@
 import { Section, Prop } from "../../properties-panel/props-builder.js";
 import type { CurrencyCodeDisplayType } from "./types.js";
 import type { IconPosition } from "../../icons/constants.js";
-import type { TextStyleWithVariant } from "@superblocksteam/library-shared/types";
 export declare const propertiesDefinition: {
     general: Section<(Record<string, Prop<any, any>> & ({
         label: Prop<string, true>;
@@ -22,9 +21,9 @@ export declare const propertiesDefinition: {
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         labelPosition: Prop<"left" | "top", true>;
-        labelStyle: Prop<TextStyleWithVariant, true>;
+        labelStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
         placeholderText: Prop<string, true>;
-        textStyle: Prop<TextStyleWithVariant, true>;
+        textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
         backgroundColor: Prop<string, true>;
         border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
         borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
@@ -58,7 +57,6 @@ export declare const propertiesDefinition: {
         labelWidth?: undefined;
     }))))) & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     interaction: Section<Record<string, Prop<any, any>> & Omit<{
         inputType: Prop<string, false>;

package/dist-types/lib/user-facing/components/key-value/props.d.ts

@@ -21,7 +21,6 @@ export declare const propertiesDefinition: {
     }>;
     layout: Section<Record<string, Prop<any, any>> & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
         keyProps: Prop<any, true>;
         "keyProps.width": Prop<any, false>;
         "valueProps.position": Prop<"left" | "right", true>;

package/dist-types/lib/user-facing/components/modal/index.d.ts

@@ -15,14 +15,14 @@ export declare const SbModal: import("react").FC<import("../../properties-panel/
     }) | (Omit<{
         layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").VerticalAlignment, true>;
-        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").HorizontalAlignment, true>;
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
         readonly layout: import("../../properties-panel/props-builder.js").Prop<"vertical", true>;
     }) | (Omit<{
         layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").VerticalAlignment, true>;
-        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").HorizontalAlignment, true>;
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
         readonly layout: import("../../properties-panel/props-builder.js").Prop<"horizontal", true>;
     }))) & {
         spacing: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;

package/dist-types/lib/user-facing/components/modal/props.d.ts

@@ -12,14 +12,14 @@ export declare const propertiesDefinition: {
     }) | (Omit<{
         layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: Prop<import("../../component-base/constants.js").VerticalAlignment, true>;
-        readonly horizontalAlign: Prop<import("../../component-base/constants.js").HorizontalAlignment, true>;
+        readonly verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
+        readonly horizontalAlign: Prop<"center" | "left" | "right", true>;
         readonly layout: Prop<"vertical", true>;
     }) | (Omit<{
         layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: Prop<import("../../component-base/constants.js").VerticalAlignment, true>;
-        readonly horizontalAlign: Prop<import("../../component-base/constants.js").HorizontalAlignment, true>;
+        readonly verticalAlign: Prop<"center" | "bottom" | "top", true>;
+        readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
         readonly layout: Prop<"horizontal", true>;
     }))) & {
         spacing: Prop<import("@superblocksteam/library-shared").Dim<"px">, true>;

package/dist-types/lib/user-facing/components/section/index.d.ts

@@ -3,6 +3,8 @@ export declare const SbSection: import("react").FC<import("../../properties-pane
         columns: import("../../properties-panel/props-builder.js").Prop<string[], false>;
     }>;
     layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
+    } & {
         maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
         minHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
         maxWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
@@ -13,10 +15,9 @@ export declare const SbSection: import("react").FC<import("../../properties-pane
         sticky: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
-        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
     }>;
 }>>;

package/dist-types/lib/user-facing/components/section/props.d.ts

@@ -6,6 +6,8 @@ export declare const propertiesDefinition: {
         columns: Prop<string[], false>;
     }>;
     layout: Section<Record<string, Prop<any, any>> & {
+        padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
+    } & {
         maxHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
         minHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
         maxWidth?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
@@ -16,10 +18,9 @@ export declare const propertiesDefinition: {
         sticky: Prop<boolean, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
-        backgroundColor: Prop<string, false>;
-        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        backgroundColor: Prop<string, true>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
     }>;
 };

package/dist-types/lib/user-facing/components/slideout/props.d.ts

@@ -10,6 +10,5 @@ export declare const propertiesDefinition: {
         margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
 };

package/dist-types/lib/user-facing/components/stack/index.d.ts

@@ -1,13 +1,11 @@
 import { Dim } from "@superblocksteam/library-shared";
 import React from "react";
 import { Prop, Section } from "../../properties-panel/props-builder.js";
-import type { HorizontalAlignment, VerticalAlignment } from "../../component-base/constants.js";
 import type { InternalPropsWithOptional } from "../../properties-panel/props-builder.js";
 import type { DimModes } from "@superblocksteam/library-shared";
 declare const _propertiesDefinitionVStack: {
     layout: Section<Record<string, Prop<any, any>> & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
         shouldScrollContents: Prop<boolean, true>;
         margin: Prop<unknown, true>;
         maxHeight?: Prop<Dim<DimModes>, false> | undefined;
@@ -18,19 +16,18 @@ declare const _propertiesDefinitionVStack: {
         height: Prop<Dim<DimModes>, false>;
         padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
         spacing: Prop<Dim<"px">, true>;
-        verticalAlign: Prop<VerticalAlignment, true>;
-        horizontalAlign: Prop<HorizontalAlignment, true>;
+        verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
+        horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         backgroundColor: Prop<string, false>;
-        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
         borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
     }>;
 };
 declare const _propertiesDefinitionHStack: {
     layout: Section<Record<string, Prop<any, any>> & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
         shouldScrollContents: Prop<boolean, true>;
         margin: Prop<unknown, true>;
         maxHeight?: Prop<Dim<DimModes>, false> | undefined;
@@ -41,12 +38,12 @@ declare const _propertiesDefinitionHStack: {
         height: Prop<Dim<DimModes>, false>;
         padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
         spacing: Prop<Dim<"px">, true>;
-        verticalAlign: Prop<VerticalAlignment, true>;
-        horizontalAlign: Prop<HorizontalAlignment, true>;
+        verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
+        horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         backgroundColor: Prop<string, false>;
-        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
         borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
     }>;
 };

package/dist-types/lib/user-facing/components/switch/index.d.ts

@@ -19,7 +19,6 @@ export declare const SbSwitch: import("react").FC<import("../../properties-panel
         margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         customValidationRule: import("../../properties-panel/props-builder.js").Prop<string, true>;

package/dist-types/lib/user-facing/components/switch/props.d.ts

@@ -20,7 +20,6 @@ export declare const propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     interaction: Section<Record<string, Prop<any, any>> & {
         customValidationRule: Prop<string, true>;

package/dist-types/lib/user-facing/components/table/column-properties-panel.d.ts

@@ -9,24 +9,23 @@ export declare const columnPanelConfig: {
     } & (Omit<{
         columnType: Prop<ColumnType, true>;
     }, "columnType"> & ({
-        computedValue: Prop<string, false>;
+        displayedValue: Prop<string, false>;
+        columnType: Prop<undefined, false>;
+    } | {
         displayedValue: Prop<string, false>;
         columnType: Prop<"text", true>;
     } | {
-        computedValue: Prop<string, false>;
         notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
         minimumFractionDigits: Prop<number, false>;
         maximumFractionDigits: Prop<number, false>;
         columnType: Prop<"number", true>;
     } | {
-        computedValue: Prop<string, false>;
         notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
         minimumFractionDigits: Prop<number, false>;
         maximumFractionDigits: Prop<number, false>;
         currency: Prop<string, false>;
         columnType: Prop<"currency", true>;
     } | {
-        computedValue: Prop<string, false>;
         minimumFractionDigits: Prop<number, false>;
         maximumFractionDigits: Prop<number, false>;
         columnType: Prop<"percentage", true>;
@@ -34,11 +33,10 @@ export declare const columnPanelConfig: {
         openImageUrl: Prop<boolean, false>;
         columnType: Prop<"image", true>;
     } | {
-        computedValue: Prop<string, false>;
         columnType: Prop<"video", true>;
     } | {
-        valueFormat: Prop<string, false>;
-        displayFormat: Prop<string, false>;
+        inputFormat: Prop<string, false>;
+        outputFormat: Prop<string, false>;
         manageTimezone: Prop<boolean, false>;
         valueTimezone: Prop<string, false>;
         displayTimezone: Prop<string, false>;
@@ -53,13 +51,11 @@ export declare const columnPanelConfig: {
         openInNewTab: Prop<boolean, false>;
         columnType: Prop<"link", true>;
     } | {
-        computedValue: Prop<string, false>;
         columnType: Prop<"boolean", true>;
     } | {
         computedValue: Prop<string, false>;
         columnType: Prop<"tags", true>;
     } | {
-        computedValue: Prop<string, false>;
         displayedValue: Prop<string, false>;
         columnType: Prop<"email", true>;
     })))) & {
@@ -71,6 +67,15 @@ export declare const columnPanelConfig: {
     } & (Omit<{
         columnType: Prop<ColumnType, false>;
     }, "columnType"> & ({
+        horizontalAlign: Prop<"center" | "left" | "right", false>;
+        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        "cellProps.textStyle": Prop<any, false>;
+        cellBackground: Prop<string, false>;
+        textWrap: Prop<boolean, false>;
+        cellIcon: Prop<string, false>;
+        cellIconPosition: Prop<IconPosition, false>;
+        columnType: Prop<undefined, false>;
+    } | {
         horizontalAlign: Prop<"center" | "left" | "right", false>;
         verticalAlign: Prop<"center" | "bottom" | "top", false>;
         "cellProps.textStyle": Prop<any, false>;

package/dist-types/lib/user-facing/components/table/components/table-data-download.d.ts

@@ -8,8 +8,8 @@ interface TableDataDownloadProps {
     columns: ReactTableColumnProps[];
     tableSizes: TableSizes;
     widgetName: string;
-    tableHeader: string;
+    header: string;
     tableCellTextStyle?: TextStyleWithVariant;
 }
-declare const TableDataDownload: ({ data, filteredOrderMap, columns, tableSizes, widgetName, tableHeader, tableCellTextStyle, }: TableDataDownloadProps) => React.JSX.Element;
+declare const TableDataDownload: ({ data, filteredOrderMap, columns, tableSizes, widgetName, header, tableCellTextStyle, }: TableDataDownloadProps) => React.JSX.Element;
 export default TableDataDownload;

package/dist-types/lib/user-facing/components/table/components/table-footer.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { InsertRowOptions, TableSizes } from "../constants.js";
-import type { Pagination, ReactTableColumnProps } from "../types.js";
+import type { PaginationType, ReactTableColumnProps } from "../types.js";
 import type { TextStyleWithVariant, UserAccessibleTheme } from "@superblocksteam/library-shared/types";
 interface TableFooterProps {
     columns: ReactTableColumnProps[];
@@ -10,11 +10,11 @@ interface TableFooterProps {
     prevPageClick: () => void;
     pageNo: number;
     pageCount: number;
-    pageType: Pagination;
+    paginationType: PaginationType;
     tableColumns: ReactTableColumnProps[];
     tableData: Array<Record<string, unknown>>;
     filteredOrderMap: number[] | undefined;
-    tableHeader: string;
+    header: string;
     tableSizes: TableSizes;
     updatePageNo: (pageNo: number) => void;
     isDownloadable: boolean;
@@ -36,5 +36,5 @@ interface TableFooterProps {
     borderColor: string;
     theme: UserAccessibleTheme;
 }
-declare const TableFooter: ({ count, currentPageIndex, nextPageClick, prevPageClick, pageNo, pageCount, pageType, tableColumns, tableData, filteredOrderMap, tableHeader, tableSizes, borderColor, updatePageNo, isDownloadable, multiRowSelection, selectedRowIndices, widgetName, numEdits, numEditErrors, validationMessages, onEditSave, onEditCancel, onRowInsertion, onRowDeletion, isInsertionEnabled, isDeletionEnabled, isSaving, selectedRowIndex, tableCellTextStyle, theme, }: TableFooterProps) => React.JSX.Element;
+declare const TableFooter: ({ count, currentPageIndex, nextPageClick, prevPageClick, pageNo, pageCount, paginationType, tableColumns, tableData, filteredOrderMap, header, tableSizes, borderColor, updatePageNo, isDownloadable, multiRowSelection, selectedRowIndices, widgetName, numEdits, numEditErrors, validationMessages, onEditSave, onEditCancel, onRowInsertion, onRowDeletion, isInsertionEnabled, isDeletionEnabled, isSaving, selectedRowIndex, tableCellTextStyle, theme, }: TableFooterProps) => React.JSX.Element;
 export default TableFooter;

package/dist-types/lib/user-facing/components/table/components/table-pagination.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { TableSizes } from "../constants.js";
-import type { Pagination } from "../types.js";
+import type { PaginationType } from "../types.js";
 import type { UserAccessibleTheme } from "@superblocksteam/library-shared/types";
 interface TablePaginationProps {
     updatePageNo: (pageNo: number) => void;
@@ -9,10 +9,10 @@ interface TablePaginationProps {
     count: number;
     pageNo: number;
     pageCount: number;
-    pageType: Pagination;
+    paginationType: PaginationType;
     currentPageIndex: number;
     tableSizes: TableSizes;
     theme: UserAccessibleTheme;
 }
-declare const TablePagination: ({ currentPageIndex, nextPageClick, prevPageClick, pageCount, pageNo, pageType, updatePageNo, tableSizes, theme, }: TablePaginationProps) => React.JSX.Element | null;
+declare const TablePagination: ({ currentPageIndex, nextPageClick, prevPageClick, pageCount, pageNo, paginationType, updatePageNo, tableSizes, theme, }: TablePaginationProps) => React.JSX.Element | null;
 export default TablePagination;

package/dist-types/lib/user-facing/components/table/derived-properties.d.ts

@@ -10,7 +10,6 @@ export declare function getEditedRows(props: any): {
     originalRows: any[];
 };
 export declare function getAllEdits(props: any): any;
-export declare function getPageSize(props: any): any;
 export declare function getFilteredTableData(props: any): any[];
 export declare function getEditedRowIndices(props: any): {
     deletedRows: {