@shipengine/elements 0.23.1 → 0.25.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "0.23.1",
+  "version": "0.25.0",
   "typedoc": {
     "entryPoint": "./src/index.ts",
     "readmeFile": "../../README.md",
@@ -29,10 +29,11 @@
     "@hookform/resolvers": "2.9.1",
     "@packlink/brands": "3.24.0",
     "@packlink/giger-theme": "1.3.1",
-    "@shipengine/alchemy": "0.4.13",
-    "@shipengine/js-api": "0.7.0",
+    "@shipengine/alchemy": "0.4.14",
+    "@shipengine/js-api": "0.7.1",
     "@storybook/manager-api": "7.0.0-rc.1",
     "@storybook/theming": "7.0.0-rc.1",
+    "@vitejs/plugin-react": "1.3.2",
     "axios": "0.26.1",
     "card-validator": "8.1.1",
     "copy-to-clipboard": "3.3.3",

package/src/components/add-funds-form/add-funds-form.styles.d.ts

@@ -1,6 +1,22 @@
-type GetStylesProps = {
-    isDisabled?: boolean;
-    isSelected?: boolean;
+export declare const styles: {
+    chipList: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        gap: number;
+    };
+    fundsInput: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        maxWidth: number;
+    };
+    getChip: ({ isDisabled, isSelected }: {
+        isDisabled?: boolean | undefined;
+        isSelected?: boolean | undefined;
+    }) => (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => (false | {
+        backgroundColor: string;
+        color: string;
+        cursor?: undefined;
+        pointerEvents?: undefined;
+    } | {
+        backgroundColor: string;
+        cursor: "none";
+        pointerEvents: "none";
+        color?: undefined;
+    } | undefined)[];
 };
-export declare const getStyles: ({ isDisabled, isSelected }?: GetStylesProps) => Record<"chip" | "chipList" | "fundsInput", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
-export {};

package/src/components/auto-funding-form/auto-funding-form.styles.d.ts

@@ -1,2 +1,19 @@
 import { Theme } from "@packlink/giger-theme";
-export declare const getStyles: (showForm: boolean) => Record<"edit" | "form" | "input" | "marginLeft", import("@emotion/serialize").Interpolation<Theme>>;
+export declare const styles: {
+    edit: (theme: Theme) => {
+        color: string;
+        padding: string;
+    };
+    getForm: (showForm: boolean) => (theme: Theme) => {
+        backgroundColor: string;
+        display: "flex" | "none";
+        flexDirection: "column";
+        padding: number;
+    };
+    input: (theme: Theme) => {
+        width: number;
+    };
+    marginLeft: {
+        marginLeft: string;
+    };
+};

package/src/components/carrier-balance/carrier-balance.styles.d.ts

@@ -1 +1,5 @@
-export declare const getStyles: (balance?: number) => Record<"balanceText", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    getBalanceText: (balance?: number) => (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+    };
+};

package/src/components/date-range-select/date-range-select.styles.d.ts

@@ -1 +1,7 @@
-export declare const getStyles: (fullWidth?: boolean) => Record<"dateRangeSelect", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    getDateRangeSelect: (fullWidth?: boolean) => (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        minWidth: number;
+        position: "relative";
+        width: string | number;
+    };
+};

package/src/components/disclosure/disclosure.styles.d.ts

@@ -1 +1,23 @@
-export declare const styles: Record<"container" | "content" | "icon" | "toggle", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    container: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        display: "flex";
+        gap: number;
+    };
+    content: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        [x: string]: string | number | {
+            maxWidth: string;
+        };
+        backgroundColor: string;
+        maxWidth: string;
+        padding: number;
+    };
+    icon: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+    };
+    toggle: {
+        backgroundColor: "transparent";
+        border: number;
+        cursor: "pointer";
+        padding: number;
+    };
+};

package/src/components/error-display/error-display.d.ts

@@ -0,0 +1 @@
+export declare const ErrorDisplay: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/error-display/error-display.styles.d.ts

@@ -0,0 +1,19 @@
+export declare const styles: {
+    errorContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        backgroundColor: string;
+        display: "flex";
+        flexDirection: "column";
+        paddingBottom: number;
+        paddingTop: number;
+        rowGap: number;
+    };
+    errorCTA: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        fontSize: string;
+        lineHeight: string;
+    };
+    errorHeading: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        fontSize: string;
+    };
+};

package/src/components/error-display/index.d.ts

@@ -0,0 +1 @@
+export * from "./error-display";

package/src/components/field/rate-card/rate-card.d.ts

@@ -4,9 +4,8 @@ export type RateCardProps = Partial<RateOption> & WithCommonProps<{
     isAcknowledged?: boolean;
     onClick?: (rateId: string) => void;
     onClickAcknowledgement?: (isAcknowledged: boolean) => void;
-    recommended?: boolean;
     selected?: boolean;
     voided?: boolean;
     voidedAt?: string;
 }>;
-export declare const RateCard: ({ carrierCode, carrierFriendlyName, carrierNickname, children, className, confirmationAmount, deliveryDays, insuranceAmount, isAcknowledged, messages, onClick, onClickAcknowledgement, otherAmount, rateId, recommended, requiresAcknowledgement, selected, serviceCode, serviceType, shippingAmount, taxAmount, voided, voidedAt, }: RateCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RateCard: ({ carrierCode, carrierFriendlyName, carrierNickname, children, className, confirmationAmount, deliveryDays, insuranceAmount, isAcknowledged, messages, onClick, onClickAcknowledgement, otherAmount, rateId, requiresAcknowledgement, selected, serviceCode, packageType, serviceType, shippingAmount, taxAmount, voided, voidedAt, }: RateCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/field/rate-card/rate-card.styles.d.ts

@@ -5,11 +5,9 @@ export declare const getArticleStyles: (theme: Theme) => SerializedStyles;
 export declare const getArticleNonSelectedStyles: (theme: Theme) => SerializedStyles;
 export declare const getArticleSelectedStyles: (theme: Theme) => SerializedStyles;
 export declare const getArticleVoidedStyles: () => SerializedStyles;
-export declare const getArticleRecommendedStyles: (theme: Theme) => SerializedStyles;
 export declare const getSectionStyles: (theme: Theme) => SerializedStyles;
 export declare const getRateImageStyles: (theme: Theme) => SerializedStyles;
 export declare const getRateInfoStyles: (theme: Theme) => SerializedStyles;
-export declare const getRateRecommendedStyles: (theme: Theme) => SerializedStyles;
 export declare const getServiceTypeStyles: (theme: Theme) => SerializedStyles;
 export declare const getCarrierNameStyles: (theme: Theme) => SerializedStyles;
 export declare const getDividerStyles: (theme: Theme) => SerializedStyles;

package/src/components/field/switch/switch.d.ts

@@ -5,5 +5,6 @@ export type SwitchProps = {
     defaultChecked?: boolean;
     label?: React.ReactNode;
     shouldUnmount?: boolean;
-} & Omit<ISwitchProps, "children">;
-export declare const Switch: ({ defaultChecked, children, shouldUnmount, label, onChange, ...props }: SwitchProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    value?: boolean;
+} & Omit<ISwitchProps, "children" | "value">;
+export declare const Switch: ({ defaultChecked, children, shouldUnmount, label, onChange, value, ...props }: SwitchProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/fund-and-purchase/fund-and-purchase.styles.d.ts

@@ -1 +1,20 @@
-export declare const getStyles: (isCustomAmount?: boolean) => Record<"balanceText" | "container" | "formExtension" | "saveRateButton", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    balanceText: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+    };
+    container: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        padding: string;
+    };
+    getFormExtension: (isCustomAmount?: boolean) => (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
+        display: "flex";
+        flexDirection: "column";
+        gap: number;
+        marginTop: number;
+        padding: number;
+        paddingTop: number;
+    };
+    saveRateButton: {
+        whiteSpace: "nowrap";
+    };
+};

package/src/components/history/history-card/history-card.styles.d.ts

@@ -1 +1,42 @@
-export declare const styles: (isReload?: boolean) => Record<"amountTypography" | "balanceTypography" | "cardColumn" | "cardContainer" | "carrierRow" | "carrierTypography" | "dateTypography" | "providerTypography" | "tagText", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    balanceTypography: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        marginLeft: string;
+    };
+    cardColumn: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        "&:last-child": {
+            alignItems: "flex-end";
+        };
+        alignItems: "flex-start";
+        display: "flex";
+        flexDirection: "column";
+        justifyContent: "space-between";
+        rowGap: string;
+    };
+    cardContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        display: "flex";
+        justifyContent: "space-between";
+    };
+    carrierTypography: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        fontSize: string;
+        fontWeight: number;
+    };
+    dateTypography: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+    };
+    getAmountTypography: (isReload?: boolean) => (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        fontSize: string;
+        marginLeft: string;
+    };
+    getTransactionTypeTypography: (transactionType?: string) => (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        textTransform: "capitalize";
+    };
+    transactionDetails: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        columnGap: number;
+        display: "flex";
+    };
+};

package/src/components/history/history-card-extension/history-card-extension.d.ts

@@ -0,0 +1 @@
+export declare const HistoryCardExtension: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/history/history-card-extension/history-card-extension.styles.d.ts

@@ -0,0 +1,26 @@
+export declare const styles: {
+    chevronTypography: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+    };
+    detailsBottomContainer: {
+        backgroundColor: "#f4f6f8";
+        padding: string;
+    };
+    detailsRow: {
+        display: "flex";
+        justifyContent: "space-between";
+    };
+    detailsTypography: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+    };
+    headingContainer: {
+        alignItems: "center";
+        display: "flex";
+        justifyContent: "space-between";
+    };
+    loadingStateContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        display: "flex";
+        flexDirection: "column";
+        rowGap: number;
+    };
+};

package/src/components/history/history-card-extension/index.d.ts

@@ -0,0 +1 @@
+export * from "./history-card-extension";

package/src/components/history/index.d.ts

@@ -1 +1,2 @@
 export * from "./history-card";
+export * from "./history-card-extension";

package/src/components/inline-label/inline-label.styles.d.ts

@@ -1 +1,8 @@
-export declare const styles: (isLabelRight?: boolean) => Record<"inlineContainer", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: (isLabelRight?: boolean) => {
+    inlineContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        display: "flex";
+        flexDirection: "row-reverse" | "row";
+        gap: number;
+    };
+};

package/src/components/items-breakdown/items-breakdown.styles.d.ts

@@ -1 +1,21 @@
-export declare const styles: Record<"itemDetail" | "itemName" | "numericCell" | "tableWrapper", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    itemDetail: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        padding: string;
+    };
+    itemName: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        padding: string;
+    };
+    numericCell: () => {
+        textAlign: "right";
+        width: string;
+    };
+    tableWrapper: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        "&& > div": {
+            boxShadow: "none";
+        };
+        "&& > div table thead th": {
+            fontStyle: "italic";
+            fontWeight: number;
+        };
+    };
+};

package/src/components/label/label.d.ts

@@ -1,7 +1,7 @@
 import { WithConditionalCSSProp } from "@emotion/react/types/jsx-namespace";
 import { ITypographyProps, WithChildrenCommonProps } from "@packlink/giger";
 export type LabelProps = WithChildrenCommonProps<{
-    spacing?: number;
+    spacing?: number | "spread";
     text: string;
     textProps?: WithConditionalCSSProp<ITypographyProps<"span">>;
     variant?: LabelVariant;

package/src/components/label/label.styles.d.ts

@@ -1,2 +1,13 @@
 import { LabelProps } from "./label";
-export declare const styles: (variant?: LabelProps["variant"], spacing?: number) => Record<"labelContainer", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: ({ variant, spacing, }: {
+    spacing: LabelProps["spacing"];
+    variant: LabelProps["variant"];
+}) => {
+    labelContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        display: "flex";
+        flexDirection: "column" | "row" | "row-reverse";
+        gap: number;
+        justifyContent: "flex-start" | "space-between;";
+    };
+};

package/src/components/label-layout/label-layout.styles.d.ts

@@ -1 +1,106 @@
-export declare const styles: Record<"button" | "icon" | "letter" | "buttonContainer" | "letterInner" | "letterLabel" | "selectedLetter" | "selectedThermal" | "thermal" | "thermalIcon" | "thermalInner" | "thermalLabel", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    button: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: "transparent";
+        padding: number;
+    };
+    buttonContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        display: "flex";
+        justifyContent: "left";
+    };
+    icon: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        position: "absolute";
+        right: number;
+        top: number;
+    };
+    letter: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        ":hover": {
+            border: string;
+        };
+        alignItems: "center";
+        border: string;
+        borderRadius: string;
+        cursor: "pointer";
+        display: "flex";
+        flexDirection: "column";
+        height: number;
+        marginRight: number;
+        position: "relative";
+        width: number;
+    };
+    letterInner: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: "white";
+        border: string;
+        height: number;
+        marginBottom: number;
+        marginTop: number;
+        width: number;
+    };
+    letterLabel: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: "#95C2E0";
+        height: number;
+        margin: number;
+    };
+    selectedLetter: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        backgroundColor: "#EAF6FF";
+        border: string;
+        borderRadius: string;
+        boxShadow: `0 0 0 3px ${string}`;
+        boxSizing: "border-box";
+        cursor: "pointer";
+        display: "flex";
+        flexDirection: "column";
+        height: number;
+        marginRight: number;
+        position: "relative";
+        width: number;
+    };
+    selectedThermal: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        backgroundColor: "#EAF6FF";
+        border: string;
+        borderRadius: string;
+        boxShadow: `0 0 0 3px ${string}`;
+        cursor: "pointer";
+        display: "flex";
+        flexDirection: "column";
+        height: number;
+        position: "relative";
+        width: number;
+    };
+    thermal: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        ":hover": {
+            border: string;
+        };
+        alignItems: "center";
+        border: string;
+        borderRadius: string;
+        cursor: "pointer";
+        display: "flex";
+        flexDirection: "column";
+        height: number;
+        position: "relative";
+        width: number;
+    };
+    thermalIcon: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: "#95C2E0";
+        height: number;
+        width: number;
+    };
+    thermalInner: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        display: "flex";
+        height: number;
+        justifyContent: "center";
+        marginBottom: number;
+        marginTop: number;
+        width: number;
+    };
+    thermalLabel: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: "#95C2E0";
+        height: number;
+        width: number;
+    };
+};

package/src/components/link-action/link-action.d.ts

@@ -5,10 +5,12 @@ declare const icons: {
     readonly checkFilled: IconNames.CHECK_FILLED;
     readonly copy: IconNames.COPY;
     readonly download: IconNames.DOWNLOAD;
+    readonly retry: IconNames.CIRCULAR_ARROW;
 };
 export type LinkActionProps = {
     icon?: keyof typeof icons;
+    isBold?: boolean;
     title: string;
 } & ILinkProps;
-export declare const LinkAction: ({ css, icon, isDisabled, isLoading, title, ...props }: LinkActionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const LinkAction: ({ css, icon, isDisabled, isLoading, title, isBold, ...props }: LinkActionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/src/components/section/section.styles.d.ts

@@ -1 +1,33 @@
-export declare const styles: Record<"icon" | "rightContentWrapper" | "section" | "summary" | "summaryWrapper", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    icon: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        marginRight: number;
+    };
+    rightContentWrapper: {
+        marginLeft: string;
+    };
+    section: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        boxSizing: "border-box";
+        padding: string;
+        width: string;
+    };
+    summary: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        "&::-webkit-details-marker": {
+            display: "none";
+        };
+        "&::marker": {
+            content: "\"\"";
+        };
+        backgroundColor: string;
+        boxSizing: "border-box";
+        listStyle: "none";
+        padding: string;
+        width: string;
+    };
+    summaryWrapper: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        color: string;
+        display: "flex";
+        width: string;
+    };
+};

package/src/components/settings-card/settings-card.styles.d.ts

@@ -1 +1,41 @@
-export declare const styles: Record<"body" | "container" | "header" | "title" | "verticalContainer", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    body: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        borderTop: string;
+        color: string;
+        lineHeight: number;
+        marginRight: number;
+        padding: number;
+        textTransform: "uppercase";
+        width: string;
+    };
+    container: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        border: string;
+        borderRadius: string;
+        boxSizing: "border-box";
+        width: string;
+    };
+    header: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        borderRadius: number;
+        color: string;
+        display: "flex";
+        justifyContent: "space-between";
+        padding: number;
+        width: string;
+    };
+    title: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        display: "flex";
+        gap: number;
+        justifyContent: "space-between";
+    };
+    verticalContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        border: string;
+        borderRadius: string;
+        boxSizing: "border-box";
+        display: "flex";
+        height: string;
+        width: string;
+    };
+};

package/src/components/templates/address-form/address-fields.styles.d.ts

@@ -1 +1,27 @@
-export declare const styles: Record<"grow" | "stateWrapper" | "stateZipWrapper" | "zipWrapper", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    grow: {
+        flexGrow: number;
+    };
+    stateWrapper: {
+        "@media (max-width: 375px)": {
+            flex: string;
+        };
+        display: "flex";
+        flex: string;
+        width: string;
+    };
+    stateZipWrapper: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        "@media (max-width: 375px)": {
+            flexDirection: "column";
+            gap: number;
+        };
+        display: "flex";
+        flexDirection: "row";
+        gap: number;
+        width: string;
+    };
+    zipWrapper: {
+        display: "flex";
+        width: string;
+    };
+};

package/src/components/templates/carrier-recovery-form/carrier-recovery-form.styles.d.ts

@@ -1 +1,11 @@
-export declare const styles: Record<"grid" | "heading" | "subtitle", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    grid: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        margin: number;
+    };
+    heading: {
+        textAlign: "center";
+    };
+    subtitle: {
+        textAlign: "center";
+    };
+};

package/src/components/templates/carrier-terms-form/carrier-terms-form.styles.d.ts

@@ -1 +1,56 @@
-export declare const styles: Record<"agreement" | "carrierLogos" | "close" | "link" | "links" | "listItems" | "terms" | "termsForm" | "termsList" | "well", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    agreement: {
+        alignItems: "center";
+        display: "flex";
+        flexDirection: "column";
+        justifyContent: "center";
+    };
+    carrierLogos: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        display: "flex";
+        flexDirection: "row";
+        gap: number;
+        justifyContent: "space-between";
+        paddingBottom: number;
+        paddingTop: number;
+    };
+    close: {
+        alignItems: "end";
+        display: "flex";
+        flexDirection: "column";
+    };
+    link: {
+        border: string;
+    };
+    links: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        border: string;
+        display: "flex";
+        flexDirection: "column";
+        gap: number;
+        paddingBottom: number;
+        paddingTop: number;
+    };
+    listItems: {
+        border: string;
+        listStyle: "none";
+    };
+    terms: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        display: "flex";
+        flexDirection: "column";
+        gap: number;
+    };
+    termsForm: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        display: "flex";
+        flexDirection: "column";
+        paddingBottom: number;
+        paddingTop: number;
+    };
+    termsList: {
+        listStyle: "none";
+    };
+    well: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
+        marginBottom: number;
+        padding: number;
+    };
+};