@shipengine/elements 0.38.0 → 1.0.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.
- package/index.cjs +4520 -4443
- package/index.js +4519 -4446
- package/package.json +11 -14
- package/src/components/add-funds-form/add-funds-form.styles.d.ts +3 -3
- package/src/components/auto-funding-form/auto-funding-form.styles.d.ts +1 -1
- package/src/components/carrier-balance/carrier-balance.styles.d.ts +1 -1
- package/src/components/carrier-logo/carrier-logo.d.ts +11 -0
- package/src/components/carrier-logo/index.d.ts +1 -0
- package/src/components/collapsible-panel/collapsible-panel.d.ts +1 -1
- package/src/components/collapsible-panel/collapsible-panel.styles.d.ts +4 -4
- package/src/components/date-range-select/date-range-select.styles.d.ts +1 -1
- package/src/components/disclosure/disclosure.styles.d.ts +3 -3
- package/src/components/display-term/display-term.d.ts +5 -0
- package/src/components/display-term/display-term.styles.d.ts +23 -0
- package/src/components/display-term/index.d.ts +1 -0
- package/src/components/error-display/error-display.styles.d.ts +3 -3
- package/src/components/field/checkbox-input/checkbox-input.d.ts +1 -1
- package/src/components/field/credit-card-input/credit-card-input.d.ts +1 -1
- package/src/components/field/date-picker/date-picker.styles.d.ts +1 -1
- package/src/components/field/expiration-input/expiration-input.d.ts +1 -1
- package/src/components/field/field.styles.d.ts +1 -1
- package/src/components/field/money-input/money-input.d.ts +1 -1
- package/src/components/field/number-input/number-input.d.ts +1 -1
- package/src/components/field/rate-card/cost-breakdown/cost-breakdown.styles.d.ts +1 -1
- package/src/components/field/rate-card/rate-card.d.ts +1 -1
- package/src/components/field/rate-card/rate-card.styles.d.ts +1 -1
- package/src/components/field/rate-select/rate-select.styles.d.ts +1 -1
- package/src/components/field/select-auto-complete/select-auto-complete.d.ts +1 -1
- package/src/components/field/submit-button/submit-button.d.ts +1 -1
- package/src/components/field/switch/switch.d.ts +1 -1
- package/src/components/field/text-area/text-area.d.ts +1 -1
- package/src/components/field/text-input/text-input.d.ts +1 -1
- package/src/components/fund-and-purchase/fund-and-purchase.styles.d.ts +3 -3
- package/src/components/history/history-card/history-card.styles.d.ts +8 -8
- package/src/components/history/history-card-extension/history-card-extension.styles.d.ts +3 -3
- package/src/components/index.d.ts +2 -0
- package/src/components/inline-label/inline-label.d.ts +1 -1
- package/src/components/inline-label/inline-label.styles.d.ts +1 -1
- package/src/components/items-breakdown/items-breakdown.styles.d.ts +6 -6
- package/src/components/label/label.d.ts +1 -1
- package/src/components/label/label.styles.d.ts +1 -1
- package/src/components/label-layout/label-layout.styles.d.ts +12 -12
- package/src/components/link-action/link-action.d.ts +2 -2
- package/src/components/loader/loader.d.ts +1 -1
- package/src/components/loader/loader.styles.d.ts +11 -0
- package/src/components/preset-descriptor/preset-descriptor.styles.d.ts +1 -1
- package/src/components/save-status/save-status-styles.d.ts +4 -4
- package/src/components/section/section.d.ts +1 -1
- package/src/components/section/section.styles.d.ts +4 -4
- package/src/components/settings-card/settings-card.styles.d.ts +5 -5
- package/src/components/spacer/spacer.d.ts +1 -1
- package/src/components/templates/account-settings/account-settings.d.ts +0 -1
- package/src/components/templates/address-form/address-fields.styles.d.ts +1 -1
- package/src/components/templates/customs-items-display/customs-items-display.styles.d.ts +16 -16
- package/src/components/templates/display-carrier-terms/display-carrier-terms.d.ts +2 -2
- package/src/components/templates/display-carrier-terms/display-carrier-terms.styles.d.ts +25 -0
- package/src/components/templates/edit-billing-form/edit-billing-form.styles.d.ts +3 -3
- package/src/components/templates/index.d.ts +2 -6
- package/src/components/templates/label/label.styles.d.ts +2 -2
- package/src/components/templates/list-carriers/list-carriers.d.ts +2 -2
- package/src/components/templates/list-carriers/list-carriers.styles.d.ts +3 -3
- package/src/components/templates/list-carriers-row/list-carriers-row.styles.d.ts +3 -3
- package/src/components/templates/manage-warehouses/manage-warehouse.styles.d.ts +2 -2
- package/src/components/templates/rate-form/rate-form.d.ts +2 -2
- package/src/components/templates/rate-form/rate-form.styles.d.ts +1 -1
- package/src/components/templates/suspend-sales-order/suspend-sales-order.d.ts +1 -1
- package/src/components/templates/suspend-shipment/suspend-shipment.d.ts +1 -1
- package/src/components/templates/wallet-card/wallet-card.styles.d.ts +1 -1
- package/src/components/templates/wallet-form/wallet-form.styles.d.ts +1 -1
- package/src/components/templates/warehouse-form/warehouse-form.d.ts +2 -2
- package/src/elements/account-settings/account-settings.d.ts +35 -38
- package/src/elements/configure-shipment/hooks/use-rates-form.d.ts +0 -1
- package/src/elements/configure-shipment/hooks/use-request-preferred-rates.d.ts +1 -1
- package/src/elements/configure-shipment/hooks/use-request-rates.d.ts +1 -1
- package/src/elements/index.d.ts +0 -1
- package/src/elements/list-carriers/hooks/use-list-connected-carriers.d.ts +1 -1
- package/src/elements/list-carriers/list-carriers.d.ts +2 -2
- package/src/elements/purchase-label/hooks/use-load-shipment.d.ts +1 -1
- package/src/elements/purchase-label/purchase-label.d.ts +37 -10
- package/src/elements/view-shipment/view-shipment.d.ts +34 -11
- package/src/elements/void-label/void-label.d.ts +45 -36
- package/src/features/wallet-history/wallet-history.styles.d.ts +11 -11
- package/src/hooks/use-get-or-create-shipment.d.ts +1 -1
- package/src/index.d.ts +1 -0
- package/src/locales/en/index.d.ts +34 -7
- package/src/testing/extensions/queries/by-icon-name.d.ts +1 -1
- package/src/testing/extensions/queries/index.d.ts +6 -6
- package/src/testing/test-utils.d.ts +1 -2
- package/src/types/index.d.ts +1 -0
- package/src/types/patch.d.ts +13 -0
- package/src/utilities/assertions.d.ts +2 -0
- package/src/utilities/feature-flags.d.ts +1 -1
- package/src/utilities/index.d.ts +1 -0
- package/src/utilities/styles.d.ts +1 -1
- package/src/workflows/onboarding/components/account-registration-form/account-registration-form-schema.d.ts +10 -0
- package/src/workflows/onboarding/components/account-registration-form/account-registration-form.d.ts +4 -0
- package/src/workflows/onboarding/components/account-registration-form/index.d.ts +1 -0
- package/src/workflows/onboarding/components/account-registration-step/account-registration-step.d.ts +5 -0
- package/src/{components/templates/landing-page/landing-page.styles.d.ts → workflows/onboarding/components/account-registration-step/account-registration-step.styles.d.ts} +1 -1
- package/src/workflows/onboarding/components/account-registration-step/index.d.ts +2 -0
- package/src/workflows/onboarding/components/account-registration-step/use-account-registration-step.d.ts +7 -0
- package/src/workflows/onboarding/components/carrier-recovery-form/carrier-recovery-form-schema.d.ts +241 -0
- package/src/{components/templates → workflows/onboarding/components}/carrier-recovery-form/carrier-recovery-form.d.ts +4 -2
- package/src/{components/templates → workflows/onboarding/components}/carrier-recovery-form/carrier-recovery-form.styles.d.ts +1 -1
- package/src/workflows/onboarding/components/carrier-recovery-form/index.d.ts +1 -0
- package/src/workflows/onboarding/components/funding-and-carrier-connection-step/funding-and-carrier-connection-step.d.ts +9 -0
- package/src/workflows/onboarding/components/funding-and-carrier-connection-step/funding-and-carrier-connection-step.styles.d.ts +18 -0
- package/src/workflows/onboarding/components/funding-and-carrier-connection-step/index.d.ts +2 -0
- package/src/workflows/onboarding/components/funding-and-carrier-connection-step/use-funding-and-carrier-connection-step.d.ts +25 -0
- package/src/workflows/onboarding/components/onboarding-wizard/index.d.ts +1 -0
- package/src/workflows/onboarding/components/onboarding-wizard/onboarding-wizard.d.ts +27 -0
- package/src/workflows/onboarding/components/onboarding-wizard/onboarding-wizard.styles.d.ts +10 -0
- package/src/workflows/onboarding/components/ship-from-address-step/index.d.ts +2 -0
- package/src/workflows/onboarding/components/ship-from-address-step/ship-from-address-step.d.ts +7 -0
- package/src/workflows/onboarding/components/ship-from-address-step/use-ship-from-address-step.d.ts +9 -0
- package/src/workflows/onboarding/components/step-header/index.d.ts +1 -0
- package/src/workflows/onboarding/components/step-header/step-header.d.ts +5 -0
- package/src/workflows/onboarding/components/terms-agreement-form/index.d.ts +1 -0
- package/src/workflows/onboarding/components/terms-agreement-form/terms-agreement-form-schema.d.ts +10 -0
- package/src/workflows/onboarding/components/terms-agreement-form/terms-agreement-form.d.ts +7 -0
- package/src/workflows/onboarding/components/terms-agreement-form/terms-agreement-form.styles.d.ts +24 -0
- package/src/workflows/onboarding/components/terms-agreement-step/index.d.ts +1 -0
- package/src/workflows/onboarding/components/terms-agreement-step/terms-agreement-step.d.ts +8 -0
- package/src/workflows/onboarding/components/terms-agreement-step/terms-agreement-step.styles.d.ts +17 -0
- package/src/workflows/onboarding/components/terms-agreement-step/use-terms-agreement-step.d.ts +18 -0
- package/src/{elements → workflows}/onboarding/onboarding.d.ts +55 -48
- package/src/components/templates/carrier-recovery-form/carrier-recovery-form-schema.d.ts +0 -241
- package/src/components/templates/carrier-recovery-form/index.d.ts +0 -2
- package/src/components/templates/carrier-terms-form/carrier-terms-form-schema.d.ts +0 -10
- package/src/components/templates/carrier-terms-form/carrier-terms-form.d.ts +0 -6
- package/src/components/templates/carrier-terms-form/carrier-terms-form.styles.d.ts +0 -65
- package/src/components/templates/carrier-terms-form/index.d.ts +0 -1
- package/src/components/templates/landing-page/index.d.ts +0 -1
- package/src/components/templates/landing-page/landing-page-form-schema.d.ts +0 -10
- package/src/components/templates/landing-page/landing-page-form.d.ts +0 -4
- package/src/components/templates/landing-page/landing-page.d.ts +0 -5
- package/src/components/templates/onboarding/onboarding.d.ts +0 -42
- package/src/components/templates/onboarding/onboarding.styles.d.ts +0 -31
- /package/src/{components/templates/onboarding → workflows}/index.d.ts +0 -0
- /package/src/{components/templates → workflows/onboarding/components}/completion-page/completion-page.d.ts +0 -0
- /package/src/{components/templates → workflows/onboarding/components}/completion-page/index.d.ts +0 -0
- /package/src/{elements → workflows}/onboarding/index.d.ts +0 -0
package/package.json
CHANGED
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shipengine/elements",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@
|
|
6
|
-
"react
|
|
7
|
-
"i18next": "
|
|
5
|
+
"@shipengine/alchemy": "5.x.x",
|
|
6
|
+
"@emotion/react": "11.x",
|
|
7
|
+
"react-i18next": "11.x",
|
|
8
|
+
"i18next": "22.x",
|
|
9
|
+
"react": "17.x || 18.x",
|
|
10
|
+
"react-dom": "17.x || 18.x"
|
|
8
11
|
},
|
|
9
12
|
"msw": {
|
|
10
13
|
"workerDirectory": "public"
|
|
11
14
|
},
|
|
12
|
-
"publishConfig": {
|
|
13
|
-
"access": "restricted"
|
|
14
|
-
},
|
|
15
15
|
"module": "./index.js",
|
|
16
16
|
"main": "./index.cjs",
|
|
17
17
|
"type": "module",
|
|
18
18
|
"types": "./src/index.d.ts",
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@emotion/css": "11.10.5",
|
|
21
|
-
"@emotion/react": "11.10.0",
|
|
22
21
|
"@emotion/serialize": "1.1.1",
|
|
23
22
|
"@faker-js/faker": "7.6.0",
|
|
24
23
|
"@hookform/resolvers": "2.9.1",
|
|
25
24
|
"@jest/globals": "28.1.3",
|
|
26
|
-
"@
|
|
27
|
-
"@shipengine/
|
|
28
|
-
"@shipengine/js-api": "0.
|
|
25
|
+
"@shipengine/giger": "1.0.1",
|
|
26
|
+
"@shipengine/giger-theme": "1.0.1",
|
|
27
|
+
"@shipengine/js-api": "0.41.2",
|
|
29
28
|
"@storybook/addons": "6.5.16",
|
|
30
29
|
"@storybook/components": "7.0.0-rc.1",
|
|
31
30
|
"@storybook/core-events": "7.0.0-rc.1",
|
|
32
31
|
"@storybook/manager-api": "7.0.0-rc.1",
|
|
33
32
|
"@storybook/theming": "7.0.0-rc.1",
|
|
33
|
+
"@tanstack/react-query": "4.36.1",
|
|
34
34
|
"@testing-library/dom": "8.19.0",
|
|
35
35
|
"@vitejs/plugin-react": "1.3.2",
|
|
36
36
|
"axios": "0.26.1",
|
|
@@ -42,11 +42,8 @@
|
|
|
42
42
|
"js-base64": "3.7.3",
|
|
43
43
|
"libphonenumber-js": "1.10.14",
|
|
44
44
|
"lodash": "4.17.21",
|
|
45
|
-
"react": "18.2.0",
|
|
46
45
|
"react-datepicker": "4.11.0",
|
|
47
|
-
"react-dom": "18.2.0",
|
|
48
46
|
"react-hook-form": "7.40.0",
|
|
49
|
-
"react-query": "3.39.3",
|
|
50
47
|
"zod": "3.19.1"
|
|
51
48
|
}
|
|
52
49
|
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
|
-
chipList: (theme: import("@
|
|
2
|
+
chipList: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
3
3
|
gap: number;
|
|
4
4
|
};
|
|
5
|
-
fundsInput: (theme: import("@
|
|
5
|
+
fundsInput: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
6
6
|
maxWidth: number;
|
|
7
7
|
};
|
|
8
8
|
getChip: ({ isDisabled, isSelected }: {
|
|
9
9
|
isDisabled?: boolean | undefined;
|
|
10
10
|
isSelected?: boolean | undefined;
|
|
11
|
-
}) => (theme: import("@
|
|
11
|
+
}) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => (false | {
|
|
12
12
|
backgroundColor: string;
|
|
13
13
|
color: string;
|
|
14
14
|
cursor?: undefined;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
|
-
getBalanceText: (balance?: number) => (theme: import("@
|
|
2
|
+
getBalanceText: (balance?: number) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
3
3
|
color: string;
|
|
4
4
|
};
|
|
5
5
|
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
declare const sizes: {
|
|
2
|
+
md: number;
|
|
3
|
+
lg: number;
|
|
4
|
+
xl: number;
|
|
5
|
+
};
|
|
6
|
+
export type CarrierLogoProps = {
|
|
7
|
+
carrierCode: string;
|
|
8
|
+
size?: keyof typeof sizes;
|
|
9
|
+
};
|
|
10
|
+
export declare const CarrierLogo: ({ carrierCode, size }: CarrierLogoProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./carrier-logo";
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
|
-
content: (theme: import("@
|
|
2
|
+
content: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
3
3
|
padding: string;
|
|
4
4
|
};
|
|
5
|
-
header: (theme: import("@
|
|
5
|
+
header: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
6
6
|
backgroundColor: string;
|
|
7
7
|
display: "flex";
|
|
8
8
|
height: number;
|
|
9
9
|
padding: string;
|
|
10
10
|
};
|
|
11
|
-
icon: (theme: import("@
|
|
11
|
+
icon: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
12
12
|
color: "#006fbb";
|
|
13
13
|
};
|
|
14
|
-
link: (theme: import("@
|
|
14
|
+
link: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
15
15
|
":hover": {
|
|
16
16
|
color: string;
|
|
17
17
|
textDecoration: string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
|
-
getDateRangeSelect: (fullWidth?: boolean) => (theme: import("@
|
|
2
|
+
getDateRangeSelect: (fullWidth?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
3
3
|
minWidth: number;
|
|
4
4
|
position: "relative";
|
|
5
5
|
width: string | number;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
|
-
container: (theme: import("@
|
|
2
|
+
container: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
3
3
|
display: "flex";
|
|
4
4
|
gap: number;
|
|
5
5
|
};
|
|
6
|
-
content: (theme: import("@
|
|
6
|
+
content: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
7
7
|
[x: string]: string | number | {
|
|
8
8
|
maxWidth: string;
|
|
9
9
|
};
|
|
@@ -11,7 +11,7 @@ export declare const styles: {
|
|
|
11
11
|
maxWidth: string;
|
|
12
12
|
padding: number;
|
|
13
13
|
};
|
|
14
|
-
icon: (theme: import("@
|
|
14
|
+
icon: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
15
15
|
color: string;
|
|
16
16
|
};
|
|
17
17
|
toggle: {
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export declare const styles: {
|
|
2
|
+
container: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
3
|
+
display: "flex";
|
|
4
|
+
flexDirection: "column";
|
|
5
|
+
gap: number;
|
|
6
|
+
padding: string;
|
|
7
|
+
};
|
|
8
|
+
link: {
|
|
9
|
+
"&:visited": {
|
|
10
|
+
color: "#006fbb";
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
termLink: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
14
|
+
display: "flex";
|
|
15
|
+
flexDirection: "column";
|
|
16
|
+
listStyle: "none";
|
|
17
|
+
};
|
|
18
|
+
terms: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
19
|
+
display: "flex";
|
|
20
|
+
flexDirection: "column";
|
|
21
|
+
gap: number;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./display-term";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
|
-
errorContainer: (theme: import("@
|
|
2
|
+
errorContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
3
3
|
alignItems: "center";
|
|
4
4
|
backgroundColor: string;
|
|
5
5
|
display: "flex";
|
|
@@ -8,12 +8,12 @@ export declare const styles: {
|
|
|
8
8
|
paddingTop: number;
|
|
9
9
|
rowGap: number;
|
|
10
10
|
};
|
|
11
|
-
errorCTA: (theme: import("@
|
|
11
|
+
errorCTA: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
12
12
|
color: string;
|
|
13
13
|
fontSize: string;
|
|
14
14
|
lineHeight: string;
|
|
15
15
|
};
|
|
16
|
-
errorHeading: (theme: import("@
|
|
16
|
+
errorHeading: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
17
17
|
fontSize: string;
|
|
18
18
|
};
|
|
19
19
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
|
-
import { ICheckboxProps as NativeCheckboxProps } from "@
|
|
2
|
+
import { ICheckboxProps as NativeCheckboxProps } from "@shipengine/giger";
|
|
3
3
|
import { ControlledField } from "../create-field-controller";
|
|
4
4
|
export declare const CheckboxInput: ControlledField<NativeCheckboxProps & {
|
|
5
5
|
checkboxLabel: ReactNode;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { InputProps as NativeInputProps } from "@
|
|
1
|
+
import { InputProps as NativeInputProps } from "@shipengine/giger";
|
|
2
2
|
import { ControlledField } from "../create-field-controller";
|
|
3
3
|
export declare const CreditCardInput: ControlledField<NativeInputProps>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { InputProps as NativeInputProps } from "@
|
|
1
|
+
import { InputProps as NativeInputProps } from "@shipengine/giger";
|
|
2
2
|
import { ControlledField } from "../create-field-controller";
|
|
3
3
|
export declare const ExpirationInput: ControlledField<NativeInputProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { InputProps } from "@packlink/giger";
|
|
2
1
|
import { SE } from "@shipengine/alchemy";
|
|
2
|
+
import { InputProps } from "@shipengine/giger";
|
|
3
3
|
import { ControlledField } from "../create-field-controller";
|
|
4
4
|
export declare const transform: {
|
|
5
5
|
in: ({ amount, currency }?: Partial<{
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { InputProps as NativeInputProps } from "@
|
|
2
|
+
import { InputProps as NativeInputProps } from "@shipengine/giger";
|
|
3
3
|
import { ControlledField } from "../create-field-controller";
|
|
4
4
|
type NumberInputOptions = {
|
|
5
5
|
isInteger?: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SerializedStyles } from "@emotion/react";
|
|
2
|
-
import { Theme } from "@
|
|
2
|
+
import { Theme } from "@shipengine/giger-theme";
|
|
3
3
|
export declare const getAsideStyles: (theme: Theme) => SerializedStyles;
|
|
4
4
|
export declare const getPriceStyles: (theme: Theme) => SerializedStyles;
|
|
5
5
|
export declare const getTableStyles: (theme: Theme) => SerializedStyles;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SerializedStyles } from "@emotion/react";
|
|
2
|
-
import { Theme } from "@
|
|
2
|
+
import { Theme } from "@shipengine/giger-theme";
|
|
3
3
|
export declare const getRateCardFirstLineSize: (theme: Theme) => string;
|
|
4
4
|
export declare const getArticleStyles: (theme: Theme) => SerializedStyles;
|
|
5
5
|
export declare const getArticleNonSelectedStyles: (theme: Theme) => SerializedStyles;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ISelectAutocomplete as NativeSelectAutoCompleteProps } from "@
|
|
1
|
+
import { ISelectAutocomplete as NativeSelectAutoCompleteProps } from "@shipengine/giger";
|
|
2
2
|
import { ControlledField } from "../create-field-controller";
|
|
3
3
|
type SelectAutoCompleteProps = {
|
|
4
4
|
onChange?: (value?: string) => void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Control } from "react-hook-form";
|
|
3
|
-
import { IButtonProps } from "@
|
|
3
|
+
import { IButtonProps } from "@shipengine/giger";
|
|
4
4
|
export type SubmitButtonProps = {
|
|
5
5
|
alwaysRequireValidity?: boolean;
|
|
6
6
|
control: Control<any, any>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { TextareaProps as NativeTextAreaProps } from "@
|
|
1
|
+
import { TextareaProps as NativeTextAreaProps } from "@shipengine/giger";
|
|
2
2
|
import { ControlledField } from "../create-field-controller";
|
|
3
3
|
export declare const TextArea: ControlledField<NativeTextAreaProps>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
|
-
balanceText: (theme: import("@
|
|
2
|
+
balanceText: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
3
3
|
color: string;
|
|
4
4
|
};
|
|
5
|
-
container: (theme: import("@
|
|
5
|
+
container: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
6
6
|
padding: string;
|
|
7
7
|
};
|
|
8
|
-
getFormExtension: (isCustomAmount?: boolean) => (theme: import("@
|
|
8
|
+
getFormExtension: (isCustomAmount?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
9
9
|
backgroundColor: string;
|
|
10
10
|
display: "flex";
|
|
11
11
|
flexDirection: "column";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
|
-
balanceTypography: (theme: import("@
|
|
2
|
+
balanceTypography: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
3
3
|
color: string;
|
|
4
4
|
marginLeft: string;
|
|
5
5
|
};
|
|
6
|
-
cardColumn: (theme: import("@
|
|
6
|
+
cardColumn: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
7
7
|
"&:last-child": {
|
|
8
8
|
alignItems: "flex-end";
|
|
9
9
|
};
|
|
@@ -13,28 +13,28 @@ export declare const styles: {
|
|
|
13
13
|
justifyContent: "space-between";
|
|
14
14
|
rowGap: string;
|
|
15
15
|
};
|
|
16
|
-
cardContainer: (theme: import("@
|
|
16
|
+
cardContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
17
17
|
display: "flex";
|
|
18
18
|
justifyContent: "space-between";
|
|
19
19
|
};
|
|
20
|
-
carrierTypography: (theme: import("@
|
|
20
|
+
carrierTypography: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
21
21
|
color: string;
|
|
22
22
|
fontSize: string;
|
|
23
23
|
fontWeight: number;
|
|
24
24
|
};
|
|
25
|
-
dateTypography: (theme: import("@
|
|
25
|
+
dateTypography: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
26
26
|
color: string;
|
|
27
27
|
};
|
|
28
|
-
getAmountTypography: (isReload?: boolean) => (theme: import("@
|
|
28
|
+
getAmountTypography: (isReload?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
29
29
|
color: string;
|
|
30
30
|
fontSize: string;
|
|
31
31
|
marginLeft: string;
|
|
32
32
|
};
|
|
33
|
-
getTransactionTypeTypography: (transactionType?: string) => (theme: import("@
|
|
33
|
+
getTransactionTypeTypography: (transactionType?: string) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
34
34
|
color: string;
|
|
35
35
|
textTransform: "capitalize";
|
|
36
36
|
};
|
|
37
|
-
transactionDetails: (theme: import("@
|
|
37
|
+
transactionDetails: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
38
38
|
alignItems: "center";
|
|
39
39
|
columnGap: number;
|
|
40
40
|
display: "flex";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
|
-
chevronTypography: (theme: import("@
|
|
2
|
+
chevronTypography: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
3
3
|
color: string;
|
|
4
4
|
};
|
|
5
5
|
detailsBottomContainer: {
|
|
@@ -10,7 +10,7 @@ export declare const styles: {
|
|
|
10
10
|
display: "flex";
|
|
11
11
|
justifyContent: "space-between";
|
|
12
12
|
};
|
|
13
|
-
detailsTypography: (theme: import("@
|
|
13
|
+
detailsTypography: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
14
14
|
color: string;
|
|
15
15
|
};
|
|
16
16
|
headingContainer: {
|
|
@@ -18,7 +18,7 @@ export declare const styles: {
|
|
|
18
18
|
display: "flex";
|
|
19
19
|
justifyContent: "space-between";
|
|
20
20
|
};
|
|
21
|
-
loadingStateContainer: (theme: import("@
|
|
21
|
+
loadingStateContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
22
22
|
display: "flex";
|
|
23
23
|
flexDirection: "column";
|
|
24
24
|
rowGap: number;
|
|
@@ -3,10 +3,12 @@ export * from "./add-funds-form";
|
|
|
3
3
|
export * from "./auto-funding-form";
|
|
4
4
|
export * from "./button-group";
|
|
5
5
|
export * from "./carrier-balance";
|
|
6
|
+
export * from "./carrier-logo";
|
|
6
7
|
export * from "./copy";
|
|
7
8
|
export * from "./cube";
|
|
8
9
|
export * from "./date-range-combo";
|
|
9
10
|
export * from "./date-range-select";
|
|
11
|
+
export * from "./display-term";
|
|
10
12
|
export * from "./error-fallback";
|
|
11
13
|
export * from "./field";
|
|
12
14
|
export * from "./field-label";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const styles: (isLabelRight?: boolean) => {
|
|
2
|
-
inlineContainer: (theme: import("@
|
|
2
|
+
inlineContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
3
3
|
alignItems: "center";
|
|
4
4
|
display: "flex";
|
|
5
5
|
flexDirection: "row-reverse" | "row";
|
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
|
-
itemDescription: (theme: import("@
|
|
2
|
+
itemDescription: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
3
3
|
display: "flex";
|
|
4
4
|
flexDirection: "column";
|
|
5
5
|
padding: string;
|
|
6
6
|
};
|
|
7
|
-
itemDetail: (theme: import("@
|
|
7
|
+
itemDetail: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
8
8
|
padding: string;
|
|
9
9
|
verticalAlign: string;
|
|
10
10
|
};
|
|
11
|
-
itemName: (theme: import("@
|
|
12
|
-
"-webkit-box-orient": string;
|
|
13
|
-
"-webkit-line-clamp": string;
|
|
11
|
+
itemName: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
14
12
|
display: "-webkit-box";
|
|
15
13
|
lineHeight: string;
|
|
16
14
|
maxHeight: string;
|
|
17
15
|
overflow: "hidden";
|
|
18
16
|
textOverflow: "ellipsis";
|
|
17
|
+
WebkitBoxOrient: "vertical";
|
|
18
|
+
WebkitLineClamp: "3";
|
|
19
19
|
whiteSpace: "normal";
|
|
20
20
|
};
|
|
21
21
|
numericCell: () => {
|
|
22
22
|
textAlign: "right";
|
|
23
23
|
width: string;
|
|
24
24
|
};
|
|
25
|
-
tableWrapper: (theme: import("@
|
|
25
|
+
tableWrapper: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
26
26
|
"&& > div": {
|
|
27
27
|
boxShadow: "none";
|
|
28
28
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { WithConditionalCSSProp } from "@emotion/react/types/jsx-namespace";
|
|
2
|
-
import { ITypographyProps, WithChildrenCommonProps } from "@
|
|
2
|
+
import { ITypographyProps, WithChildrenCommonProps } from "@shipengine/giger";
|
|
3
3
|
export type LabelProps = WithChildrenCommonProps<{
|
|
4
4
|
spacing?: number | "spread";
|
|
5
5
|
text: string;
|
|
@@ -3,7 +3,7 @@ export declare const styles: ({ variant, spacing, }: {
|
|
|
3
3
|
spacing: LabelProps["spacing"];
|
|
4
4
|
variant: LabelProps["variant"];
|
|
5
5
|
}) => {
|
|
6
|
-
labelContainer: (theme: import("@
|
|
6
|
+
labelContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
7
7
|
alignItems: "center";
|
|
8
8
|
display: "flex";
|
|
9
9
|
flexDirection: "column" | "row" | "row-reverse";
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
|
-
button: (theme: import("@
|
|
2
|
+
button: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
3
3
|
backgroundColor: "transparent";
|
|
4
4
|
padding: number;
|
|
5
5
|
};
|
|
6
|
-
buttonContainer: (theme: import("@
|
|
6
|
+
buttonContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
7
7
|
alignItems: "center";
|
|
8
8
|
display: "flex";
|
|
9
9
|
justifyContent: "left";
|
|
10
10
|
};
|
|
11
|
-
icon: (theme: import("@
|
|
11
|
+
icon: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
12
12
|
color: string;
|
|
13
13
|
position: "absolute";
|
|
14
14
|
right: number;
|
|
15
15
|
top: number;
|
|
16
16
|
};
|
|
17
|
-
letter: (theme: import("@
|
|
17
|
+
letter: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
18
18
|
":hover": {
|
|
19
19
|
border: string;
|
|
20
20
|
};
|
|
@@ -29,7 +29,7 @@ export declare const styles: {
|
|
|
29
29
|
position: "relative";
|
|
30
30
|
width: number;
|
|
31
31
|
};
|
|
32
|
-
letterInner: (theme: import("@
|
|
32
|
+
letterInner: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
33
33
|
backgroundColor: "white";
|
|
34
34
|
border: string;
|
|
35
35
|
height: number;
|
|
@@ -37,12 +37,12 @@ export declare const styles: {
|
|
|
37
37
|
marginTop: number;
|
|
38
38
|
width: number;
|
|
39
39
|
};
|
|
40
|
-
letterLabel: (theme: import("@
|
|
40
|
+
letterLabel: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
41
41
|
backgroundColor: "#95C2E0";
|
|
42
42
|
height: number;
|
|
43
43
|
margin: number;
|
|
44
44
|
};
|
|
45
|
-
selectedLetter: (theme: import("@
|
|
45
|
+
selectedLetter: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
46
46
|
alignItems: "center";
|
|
47
47
|
backgroundColor: "#EAF6FF";
|
|
48
48
|
border: string;
|
|
@@ -57,7 +57,7 @@ export declare const styles: {
|
|
|
57
57
|
position: "relative";
|
|
58
58
|
width: number;
|
|
59
59
|
};
|
|
60
|
-
selectedThermal: (theme: import("@
|
|
60
|
+
selectedThermal: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
61
61
|
alignItems: "center";
|
|
62
62
|
backgroundColor: "#EAF6FF";
|
|
63
63
|
border: string;
|
|
@@ -70,7 +70,7 @@ export declare const styles: {
|
|
|
70
70
|
position: "relative";
|
|
71
71
|
width: number;
|
|
72
72
|
};
|
|
73
|
-
thermal: (theme: import("@
|
|
73
|
+
thermal: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
74
74
|
":hover": {
|
|
75
75
|
border: string;
|
|
76
76
|
};
|
|
@@ -84,12 +84,12 @@ export declare const styles: {
|
|
|
84
84
|
position: "relative";
|
|
85
85
|
width: number;
|
|
86
86
|
};
|
|
87
|
-
thermalIcon: (theme: import("@
|
|
87
|
+
thermalIcon: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
88
88
|
backgroundColor: "#95C2E0";
|
|
89
89
|
height: number;
|
|
90
90
|
width: number;
|
|
91
91
|
};
|
|
92
|
-
thermalInner: (theme: import("@
|
|
92
|
+
thermalInner: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
93
93
|
alignItems: "center";
|
|
94
94
|
display: "flex";
|
|
95
95
|
height: number;
|
|
@@ -98,7 +98,7 @@ export declare const styles: {
|
|
|
98
98
|
marginTop: number;
|
|
99
99
|
width: number;
|
|
100
100
|
};
|
|
101
|
-
thermalLabel: (theme: import("@
|
|
101
|
+
thermalLabel: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
|
|
102
102
|
backgroundColor: "#95C2E0";
|
|
103
103
|
height: number;
|
|
104
104
|
width: number;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ILinkProps } from "@
|
|
2
|
-
import { IconNames } from "@
|
|
1
|
+
import { ILinkProps } from "@shipengine/giger";
|
|
2
|
+
import { IconNames } from "@shipengine/giger-theme";
|
|
3
3
|
declare const icons: {
|
|
4
4
|
readonly add: IconNames.ADD;
|
|
5
5
|
readonly checkFilled: IconNames.CHECK_FILLED;
|