@shipengine/elements 0.23.1 → 0.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/index.cjs +251 -277
  2. package/index.js +255 -281
  3. package/package.json +1 -1
  4. package/src/components/add-funds-form/add-funds-form.styles.d.ts +21 -5
  5. package/src/components/auto-funding-form/auto-funding-form.styles.d.ts +18 -1
  6. package/src/components/carrier-balance/carrier-balance.styles.d.ts +5 -1
  7. package/src/components/date-range-select/date-range-select.styles.d.ts +7 -1
  8. package/src/components/disclosure/disclosure.styles.d.ts +23 -1
  9. package/src/components/field/rate-card/rate-card.d.ts +1 -2
  10. package/src/components/field/rate-card/rate-card.styles.d.ts +0 -2
  11. package/src/components/field/switch/switch.d.ts +3 -2
  12. package/src/components/fund-and-purchase/fund-and-purchase.styles.d.ts +20 -1
  13. package/src/components/history/history-card/history-card.styles.d.ts +44 -1
  14. package/src/components/inline-label/inline-label.styles.d.ts +8 -1
  15. package/src/components/items-breakdown/items-breakdown.styles.d.ts +21 -1
  16. package/src/components/label/label.styles.d.ts +8 -1
  17. package/src/components/label-layout/label-layout.styles.d.ts +106 -1
  18. package/src/components/section/section.styles.d.ts +33 -1
  19. package/src/components/settings-card/settings-card.styles.d.ts +41 -1
  20. package/src/components/templates/address-form/address-fields.styles.d.ts +27 -1
  21. package/src/components/templates/carrier-recovery-form/carrier-recovery-form.styles.d.ts +11 -1
  22. package/src/components/templates/carrier-terms-form/carrier-terms-form.styles.d.ts +56 -1
  23. package/src/components/templates/customs-items-display/customs-items-display.styles.d.ts +60 -1
  24. package/src/components/templates/edit-billing-form/edit-billing-form.styles.d.ts +16 -1
  25. package/src/components/templates/label/label.styles.d.ts +12 -1
  26. package/src/components/templates/landing-page/landing-page.styles.d.ts +14 -1
  27. package/src/components/templates/list-carriers/list-carriers.styles.d.ts +25 -1
  28. package/src/components/templates/list-carriers-row/list-carriers-row.styles.d.ts +23 -1
  29. package/src/components/templates/manage-wallet/manage-wallet.styles.d.ts +21 -1
  30. package/src/components/templates/manage-warehouses/manage-warehouse.styles.d.ts +14 -1
  31. package/src/components/templates/onboarding/onboarding.styles.d.ts +21 -1
  32. package/src/components/templates/rate-form/rate-form.d.ts +0 -1
  33. package/src/components/templates/rate-form/rate-form.styles.d.ts +16 -1
  34. package/src/components/templates/wallet-card/wallet-card.styles.d.ts +11 -1
  35. package/src/components/templates/wallet-form/wallet-form.styles.d.ts +5 -1
  36. package/src/elements/list-carriers/list-carriers.d.ts +7 -4
  37. package/src/elements/manage-warehouses/manage-warehouses.d.ts +7 -4
  38. package/src/elements/onboarding/onboarding.d.ts +7 -4
  39. package/src/elements/purchase-label/purchase-label.d.ts +7 -4
  40. package/src/elements/view-shipment/view-shipment.d.ts +7 -4
  41. package/src/elements/void-label/void-label.d.ts +7 -4
  42. package/src/features/wallet-history/wallet-history.styles.d.ts +77 -1
  43. package/src/hooks/options/use-rate-options.d.ts +1 -14
  44. package/src/locales/en/index.d.ts +7 -4
  45. package/src/public-sdk.d.ts +38 -0
  46. package/src/utilities/styles.d.ts +27 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shipengine/elements",
3
- "version": "0.23.1",
3
+ "version": "0.24.0",
4
4
  "typedoc": {
5
5
  "entryPoint": "./src/index.ts",
6
6
  "readmeFile": "../../README.md",
@@ -1,6 +1,22 @@
1
- type GetStylesProps = {
2
- isDisabled?: boolean;
3
- isSelected?: boolean;
1
+ export declare const styles: {
2
+ chipList: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
3
+ gap: number;
4
+ };
5
+ fundsInput: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
6
+ maxWidth: number;
7
+ };
8
+ getChip: ({ isDisabled, isSelected }: {
9
+ isDisabled?: boolean | undefined;
10
+ isSelected?: boolean | undefined;
11
+ }) => (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => (false | {
12
+ backgroundColor: string;
13
+ color: string;
14
+ cursor?: undefined;
15
+ pointerEvents?: undefined;
16
+ } | {
17
+ backgroundColor: string;
18
+ cursor: "none";
19
+ pointerEvents: "none";
20
+ color?: undefined;
21
+ } | undefined)[];
4
22
  };
5
- export declare const getStyles: ({ isDisabled, isSelected }?: GetStylesProps) => Record<"chip" | "chipList" | "fundsInput", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
6
- export {};
@@ -1,2 +1,19 @@
1
1
  import { Theme } from "@packlink/giger-theme";
2
- export declare const getStyles: (showForm: boolean) => Record<"edit" | "form" | "input" | "marginLeft", import("@emotion/serialize").Interpolation<Theme>>;
2
+ export declare const styles: {
3
+ edit: (theme: Theme) => {
4
+ color: string;
5
+ padding: string;
6
+ };
7
+ getForm: (showForm: boolean) => (theme: Theme) => {
8
+ backgroundColor: string;
9
+ display: "flex" | "none";
10
+ flexDirection: "column";
11
+ padding: number;
12
+ };
13
+ input: (theme: Theme) => {
14
+ width: number;
15
+ };
16
+ marginLeft: {
17
+ marginLeft: string;
18
+ };
19
+ };
@@ -1 +1,5 @@
1
- export declare const getStyles: (balance?: number) => Record<"balanceText", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
1
+ export declare const styles: {
2
+ getBalanceText: (balance?: number) => (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
3
+ color: string;
4
+ };
5
+ };
@@ -1 +1,7 @@
1
- export declare const getStyles: (fullWidth?: boolean) => Record<"dateRangeSelect", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
1
+ export declare const styles: {
2
+ getDateRangeSelect: (fullWidth?: boolean) => (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
3
+ minWidth: number;
4
+ position: "relative";
5
+ width: string | number;
6
+ };
7
+ };
@@ -1 +1,23 @@
1
- export declare const styles: Record<"container" | "content" | "icon" | "toggle", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
1
+ export declare const styles: {
2
+ container: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
3
+ display: "flex";
4
+ gap: number;
5
+ };
6
+ content: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
7
+ [x: string]: string | number | {
8
+ maxWidth: string;
9
+ };
10
+ backgroundColor: string;
11
+ maxWidth: string;
12
+ padding: number;
13
+ };
14
+ icon: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
15
+ color: string;
16
+ };
17
+ toggle: {
18
+ backgroundColor: "transparent";
19
+ border: number;
20
+ cursor: "pointer";
21
+ padding: number;
22
+ };
23
+ };
@@ -4,9 +4,8 @@ export type RateCardProps = Partial<RateOption> & WithCommonProps<{
4
4
  isAcknowledged?: boolean;
5
5
  onClick?: (rateId: string) => void;
6
6
  onClickAcknowledgement?: (isAcknowledged: boolean) => void;
7
- recommended?: boolean;
8
7
  selected?: boolean;
9
8
  voided?: boolean;
10
9
  voidedAt?: string;
11
10
  }>;
12
- 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;
11
+ export declare const RateCard: ({ carrierCode, carrierFriendlyName, carrierNickname, children, className, confirmationAmount, deliveryDays, insuranceAmount, isAcknowledged, messages, onClick, onClickAcknowledgement, otherAmount, rateId, requiresAcknowledgement, selected, serviceCode, serviceType, shippingAmount, taxAmount, voided, voidedAt, }: RateCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -5,11 +5,9 @@ export declare const getArticleStyles: (theme: Theme) => SerializedStyles;
5
5
  export declare const getArticleNonSelectedStyles: (theme: Theme) => SerializedStyles;
6
6
  export declare const getArticleSelectedStyles: (theme: Theme) => SerializedStyles;
7
7
  export declare const getArticleVoidedStyles: () => SerializedStyles;
8
- export declare const getArticleRecommendedStyles: (theme: Theme) => SerializedStyles;
9
8
  export declare const getSectionStyles: (theme: Theme) => SerializedStyles;
10
9
  export declare const getRateImageStyles: (theme: Theme) => SerializedStyles;
11
10
  export declare const getRateInfoStyles: (theme: Theme) => SerializedStyles;
12
- export declare const getRateRecommendedStyles: (theme: Theme) => SerializedStyles;
13
11
  export declare const getServiceTypeStyles: (theme: Theme) => SerializedStyles;
14
12
  export declare const getCarrierNameStyles: (theme: Theme) => SerializedStyles;
15
13
  export declare const getDividerStyles: (theme: Theme) => SerializedStyles;
@@ -5,5 +5,6 @@ export type SwitchProps = {
5
5
  defaultChecked?: boolean;
6
6
  label?: React.ReactNode;
7
7
  shouldUnmount?: boolean;
8
- } & Omit<ISwitchProps, "children">;
9
- export declare const Switch: ({ defaultChecked, children, shouldUnmount, label, onChange, ...props }: SwitchProps) => import("@emotion/react/jsx-runtime").JSX.Element;
8
+ value?: boolean;
9
+ } & Omit<ISwitchProps, "children" | "value">;
10
+ export declare const Switch: ({ defaultChecked, children, shouldUnmount, label, onChange, value, ...props }: SwitchProps) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -1 +1,20 @@
1
- export declare const getStyles: (isCustomAmount?: boolean) => Record<"balanceText" | "container" | "formExtension" | "saveRateButton", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
1
+ export declare const styles: {
2
+ balanceText: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
3
+ color: string;
4
+ };
5
+ container: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
6
+ padding: string;
7
+ };
8
+ getFormExtension: (isCustomAmount?: boolean) => (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
9
+ backgroundColor: string;
10
+ display: "flex";
11
+ flexDirection: "column";
12
+ gap: number;
13
+ marginTop: number;
14
+ padding: number;
15
+ paddingTop: number;
16
+ };
17
+ saveRateButton: {
18
+ whiteSpace: "nowrap";
19
+ };
20
+ };
@@ -1 +1,44 @@
1
- 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>>;
1
+ export declare const styles: (isReload?: boolean) => {
2
+ amountTypography: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
3
+ color: string;
4
+ fontSize: string;
5
+ marginLeft: string;
6
+ };
7
+ balanceTypography: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
8
+ color: string;
9
+ marginLeft: string;
10
+ };
11
+ cardColumn: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
12
+ "&:last-child": {
13
+ alignItems: "flex-end";
14
+ };
15
+ display: "flex";
16
+ flexDirection: "column";
17
+ justifyContent: "space-between";
18
+ rowGap: string;
19
+ };
20
+ cardContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
21
+ display: "flex";
22
+ justifyContent: "space-between";
23
+ padding: string;
24
+ };
25
+ carrierRow: {
26
+ display: "flex";
27
+ };
28
+ carrierTypography: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
29
+ color: string;
30
+ fontSize: string;
31
+ fontWeight: number;
32
+ };
33
+ dateTypography: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
34
+ color: string;
35
+ };
36
+ providerTypography: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
37
+ color: string;
38
+ fontWeight: number;
39
+ };
40
+ tagText: {
41
+ textAlign: "center";
42
+ textTransform: "capitalize";
43
+ };
44
+ };
@@ -1 +1,8 @@
1
- export declare const styles: (isLabelRight?: boolean) => Record<"inlineContainer", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
1
+ export declare const styles: (isLabelRight?: boolean) => {
2
+ inlineContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
3
+ alignItems: "center";
4
+ display: "flex";
5
+ flexDirection: "row-reverse" | "row";
6
+ gap: number;
7
+ };
8
+ };
@@ -1 +1,21 @@
1
- export declare const styles: Record<"itemDetail" | "itemName" | "numericCell" | "tableWrapper", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
1
+ export declare const styles: {
2
+ itemDetail: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
3
+ padding: string;
4
+ };
5
+ itemName: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
6
+ padding: string;
7
+ };
8
+ numericCell: () => {
9
+ textAlign: "right";
10
+ width: string;
11
+ };
12
+ tableWrapper: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
13
+ "&& > div": {
14
+ boxShadow: "none";
15
+ };
16
+ "&& > div table thead th": {
17
+ fontStyle: "italic";
18
+ fontWeight: number;
19
+ };
20
+ };
21
+ };
@@ -1,2 +1,9 @@
1
1
  import { LabelProps } from "./label";
2
- export declare const styles: (variant?: LabelProps["variant"], spacing?: number) => Record<"labelContainer", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
2
+ export declare const styles: (variant?: LabelProps["variant"], spacing?: number) => {
3
+ labelContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
4
+ alignItems: "center";
5
+ display: "flex";
6
+ flexDirection: "column" | "row" | "row-reverse";
7
+ gap: number;
8
+ };
9
+ };
@@ -1 +1,106 @@
1
- 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>>;
1
+ export declare const styles: {
2
+ button: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
3
+ backgroundColor: "transparent";
4
+ padding: number;
5
+ };
6
+ buttonContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
7
+ alignItems: "center";
8
+ display: "flex";
9
+ justifyContent: "left";
10
+ };
11
+ icon: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
12
+ color: string;
13
+ position: "absolute";
14
+ right: number;
15
+ top: number;
16
+ };
17
+ letter: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
18
+ ":hover": {
19
+ border: string;
20
+ };
21
+ alignItems: "center";
22
+ border: string;
23
+ borderRadius: string;
24
+ cursor: "pointer";
25
+ display: "flex";
26
+ flexDirection: "column";
27
+ height: number;
28
+ marginRight: number;
29
+ position: "relative";
30
+ width: number;
31
+ };
32
+ letterInner: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
33
+ backgroundColor: "white";
34
+ border: string;
35
+ height: number;
36
+ marginBottom: number;
37
+ marginTop: number;
38
+ width: number;
39
+ };
40
+ letterLabel: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
41
+ backgroundColor: "#95C2E0";
42
+ height: number;
43
+ margin: number;
44
+ };
45
+ selectedLetter: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
46
+ alignItems: "center";
47
+ backgroundColor: "#EAF6FF";
48
+ border: string;
49
+ borderRadius: string;
50
+ boxShadow: `0 0 0 3px ${string}`;
51
+ boxSizing: "border-box";
52
+ cursor: "pointer";
53
+ display: "flex";
54
+ flexDirection: "column";
55
+ height: number;
56
+ marginRight: number;
57
+ position: "relative";
58
+ width: number;
59
+ };
60
+ selectedThermal: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
61
+ alignItems: "center";
62
+ backgroundColor: "#EAF6FF";
63
+ border: string;
64
+ borderRadius: string;
65
+ boxShadow: `0 0 0 3px ${string}`;
66
+ cursor: "pointer";
67
+ display: "flex";
68
+ flexDirection: "column";
69
+ height: number;
70
+ position: "relative";
71
+ width: number;
72
+ };
73
+ thermal: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
74
+ ":hover": {
75
+ border: string;
76
+ };
77
+ alignItems: "center";
78
+ border: string;
79
+ borderRadius: string;
80
+ cursor: "pointer";
81
+ display: "flex";
82
+ flexDirection: "column";
83
+ height: number;
84
+ position: "relative";
85
+ width: number;
86
+ };
87
+ thermalIcon: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
88
+ backgroundColor: "#95C2E0";
89
+ height: number;
90
+ width: number;
91
+ };
92
+ thermalInner: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
93
+ alignItems: "center";
94
+ display: "flex";
95
+ height: number;
96
+ justifyContent: "center";
97
+ marginBottom: number;
98
+ marginTop: number;
99
+ width: number;
100
+ };
101
+ thermalLabel: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
102
+ backgroundColor: "#95C2E0";
103
+ height: number;
104
+ width: number;
105
+ };
106
+ };
@@ -1 +1,33 @@
1
- export declare const styles: Record<"icon" | "rightContentWrapper" | "section" | "summary" | "summaryWrapper", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
1
+ export declare const styles: {
2
+ icon: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
3
+ color: string;
4
+ marginRight: number;
5
+ };
6
+ rightContentWrapper: {
7
+ marginLeft: string;
8
+ };
9
+ section: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
10
+ boxSizing: "border-box";
11
+ padding: string;
12
+ width: string;
13
+ };
14
+ summary: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
15
+ "&::-webkit-details-marker": {
16
+ display: "none";
17
+ };
18
+ "&::marker": {
19
+ content: "\"\"";
20
+ };
21
+ backgroundColor: string;
22
+ boxSizing: "border-box";
23
+ listStyle: "none";
24
+ padding: string;
25
+ width: string;
26
+ };
27
+ summaryWrapper: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
28
+ alignItems: "center";
29
+ color: string;
30
+ display: "flex";
31
+ width: string;
32
+ };
33
+ };
@@ -1 +1,41 @@
1
- export declare const styles: Record<"body" | "container" | "header" | "title" | "verticalContainer", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
1
+ export declare const styles: {
2
+ body: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
3
+ borderTop: string;
4
+ color: string;
5
+ lineHeight: number;
6
+ marginRight: number;
7
+ padding: number;
8
+ textTransform: "uppercase";
9
+ width: string;
10
+ };
11
+ container: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
12
+ border: string;
13
+ borderRadius: string;
14
+ boxSizing: "border-box";
15
+ width: string;
16
+ };
17
+ header: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
18
+ alignItems: "center";
19
+ borderRadius: number;
20
+ color: string;
21
+ display: "flex";
22
+ justifyContent: "space-between";
23
+ padding: number;
24
+ width: string;
25
+ };
26
+ title: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
27
+ alignItems: "center";
28
+ display: "flex";
29
+ gap: number;
30
+ justifyContent: "space-between";
31
+ };
32
+ verticalContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
33
+ alignItems: "center";
34
+ border: string;
35
+ borderRadius: string;
36
+ boxSizing: "border-box";
37
+ display: "flex";
38
+ height: string;
39
+ width: string;
40
+ };
41
+ };
@@ -1 +1,27 @@
1
- export declare const styles: Record<"grow" | "stateWrapper" | "stateZipWrapper" | "zipWrapper", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
1
+ export declare const styles: {
2
+ grow: {
3
+ flexGrow: number;
4
+ };
5
+ stateWrapper: {
6
+ "@media (max-width: 375px)": {
7
+ flex: string;
8
+ };
9
+ display: "flex";
10
+ flex: string;
11
+ width: string;
12
+ };
13
+ stateZipWrapper: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
14
+ "@media (max-width: 375px)": {
15
+ flexDirection: "column";
16
+ gap: number;
17
+ };
18
+ display: "flex";
19
+ flexDirection: "row";
20
+ gap: number;
21
+ width: string;
22
+ };
23
+ zipWrapper: {
24
+ display: "flex";
25
+ width: string;
26
+ };
27
+ };
@@ -1 +1,11 @@
1
- export declare const styles: Record<"grid" | "heading" | "subtitle", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
1
+ export declare const styles: {
2
+ grid: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
3
+ margin: number;
4
+ };
5
+ heading: {
6
+ textAlign: "center";
7
+ };
8
+ subtitle: {
9
+ textAlign: "center";
10
+ };
11
+ };
@@ -1 +1,56 @@
1
- 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>>;
1
+ export declare const styles: {
2
+ agreement: {
3
+ alignItems: "center";
4
+ display: "flex";
5
+ flexDirection: "column";
6
+ justifyContent: "center";
7
+ };
8
+ carrierLogos: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
9
+ display: "flex";
10
+ flexDirection: "row";
11
+ gap: number;
12
+ justifyContent: "space-between";
13
+ paddingBottom: number;
14
+ paddingTop: number;
15
+ };
16
+ close: {
17
+ alignItems: "end";
18
+ display: "flex";
19
+ flexDirection: "column";
20
+ };
21
+ link: {
22
+ border: string;
23
+ };
24
+ links: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
25
+ border: string;
26
+ display: "flex";
27
+ flexDirection: "column";
28
+ gap: number;
29
+ paddingBottom: number;
30
+ paddingTop: number;
31
+ };
32
+ listItems: {
33
+ border: string;
34
+ listStyle: "none";
35
+ };
36
+ terms: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
37
+ display: "flex";
38
+ flexDirection: "column";
39
+ gap: number;
40
+ };
41
+ termsForm: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
42
+ alignItems: "center";
43
+ display: "flex";
44
+ flexDirection: "column";
45
+ paddingBottom: number;
46
+ paddingTop: number;
47
+ };
48
+ termsList: {
49
+ listStyle: "none";
50
+ };
51
+ well: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
52
+ backgroundColor: string;
53
+ marginBottom: number;
54
+ padding: number;
55
+ };
56
+ };
@@ -1 +1,60 @@
1
- export declare const styles: Record<"actions" | "actionsButton" | "actionsColumn" | "headerDescription" | "headerEach" | "headerQty" | "headerTotal" | "hsCode" | "itemEach" | "itemInfoLeft" | "itemQty" | "itemTotal", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
1
+ export declare const styles: {
2
+ actions: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
3
+ background: string;
4
+ display: "flex";
5
+ flexDirection: "column";
6
+ };
7
+ actionsButton: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
8
+ padding: string;
9
+ verticalAlign: string;
10
+ };
11
+ actionsColumn: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
12
+ padding: string;
13
+ width: number;
14
+ };
15
+ headerDescription: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
16
+ overflow: "visible";
17
+ padding: string;
18
+ };
19
+ headerEach: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
20
+ padding: string;
21
+ textAlign: "right";
22
+ width: number;
23
+ };
24
+ headerQty: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
25
+ padding: number;
26
+ textAlign: "right";
27
+ width: number;
28
+ };
29
+ headerTotal: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
30
+ padding: string;
31
+ textAlign: "right";
32
+ width: number;
33
+ };
34
+ hsCode: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
35
+ padding: string;
36
+ whiteSpace: "normal";
37
+ wordBreak: "break-word";
38
+ };
39
+ itemEach: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
40
+ padding: string;
41
+ textAlign: "right";
42
+ width: number;
43
+ };
44
+ itemInfoLeft: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
45
+ overflow: "hidden";
46
+ padding: string;
47
+ };
48
+ itemQty: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
49
+ overflow: "visible";
50
+ padding: string;
51
+ textAlign: "center";
52
+ width: number;
53
+ };
54
+ itemTotal: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
55
+ overflow: "visible";
56
+ padding: string;
57
+ textAlign: "right";
58
+ width: number;
59
+ };
60
+ };
@@ -1 +1,16 @@
1
- export declare const styles: Record<"heading" | "subtitle" | "boldLink" | "container", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
1
+ export declare const styles: {
2
+ boldLink: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
3
+ fontWeight: number;
4
+ };
5
+ container: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
6
+ backgroundColor: string;
7
+ rowGap: string;
8
+ };
9
+ heading: {
10
+ textAlign: "center";
11
+ };
12
+ subtitle: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
13
+ paddingBottom: number;
14
+ textAlign: "left";
15
+ };
16
+ };
@@ -1 +1,12 @@
1
- export declare const styles: Record<"trackingNumber" | "truncatedTrackingNumber", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
1
+ export declare const styles: {
2
+ trackingNumber: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
3
+ alignItems: "center";
4
+ display: "flex";
5
+ };
6
+ truncatedTrackingNumber: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
7
+ overflow: "hidden";
8
+ textOverflow: "ellipsis";
9
+ whiteSpace: "nowrap";
10
+ width: number;
11
+ };
12
+ };
@@ -1 +1,14 @@
1
- export declare const styles: Record<"container" | "description" | "header", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
1
+ export declare const styles: {
2
+ container: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
3
+ padding: number;
4
+ };
5
+ description: {
6
+ textAlign: "center";
7
+ };
8
+ header: {
9
+ alignItems: "center";
10
+ display: "flex";
11
+ flexDirection: "column";
12
+ textAlign: "center";
13
+ };
14
+ };