@landtrustinc/design-system 1.1.0-beta.0 → 1.1.1
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/dist/index.css +3 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +39 -22
- package/dist/index.js +474 -265
- package/dist/index.js.map +1 -1
- package/dist/variables.css +3 -0
- package/package.json +2 -7
- package/variables.css +3 -0
package/dist/index.css
CHANGED
|
@@ -145,8 +145,11 @@
|
|
|
145
145
|
--spacing-7: 28px;
|
|
146
146
|
--spacing-8: 32px;
|
|
147
147
|
--spacing-10: 40px;
|
|
148
|
+
--spacing-11: 44px;
|
|
148
149
|
--spacing-12: 48px;
|
|
149
150
|
--spacing-14: 56px;
|
|
151
|
+
--spacing-16: 64px;
|
|
152
|
+
--spacing-20: 80px;
|
|
150
153
|
--spacing-24: 96px;
|
|
151
154
|
--spacing-32: 128px;
|
|
152
155
|
--spacing-64: 256px;
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/shared/variables.css"],"sourcesContent":[":root {\n --color-base-white: #ffffff;\n --color-base-black: #000000;\n --color-primary-900: #0c160f;\n --color-primary-800: #192d1e;\n --color-primary-700: #25432d;\n --color-primary-600: #325a3c;\n --color-primary-500: #3e704b;\n --color-primary-400: #638b6d;\n --color-primary-300: #87a58f;\n --color-primary-200: #acc0b1;\n --color-primary-100: #d0dad3;\n\n --color-hunter-900: #0f100f;\n --color-hunter-800: #1e201f;\n --color-hunter-700: #2d312e;\n --color-hunter-600: #3c413e;\n --color-hunter-500: #4b514d;\n --color-hunter-400: #6d726f;\n --color-hunter-300: #8f9390;\n --color-hunter-200: #b1b3b2;\n --color-hunter-100: #d3d4d3;\n\n --color-brown-900: #2a241e;\n --color-brown-800: #54483d;\n --color-brown-700: #7d6b5b;\n --color-brown-600: #a78f7a;\n --color-brown-500: #d1b398;\n --color-brown-400: #d8c0ab;\n --color-brown-300: #dfcdbd;\n --color-brown-200: #e7dbd0;\n --color-brown-100: #f5f2ed;\n --color-brown-50: #fffdf7;\n\n --color-neutral-900: #202327;\n --color-neutral-800: #40464d;\n --color-neutral-700: #606874;\n --color-neutral-600: #808b9a;\n --color-neutral-500: #a0aec1;\n --color-neutral-400: #b1bccb;\n --color-neutral-300: #c2cad6;\n --color-neutral-200: #d3d9e0;\n --color-neutral-100: #e4e7eb;\n --color-neutral-50: #f8fafc;\n\n --color-yellow-900: #64551f;\n --color-yellow-800: #967f2f;\n --color-yellow-700: #e4bc29;\n --color-yellow-600: #edc94a;\n --color-yellow-500: #fad44e;\n --color-yellow-400: #fbdd71;\n --color-yellow-300: #fce595;\n --color-yellow-200: #fdeeb8;\n --color-yellow-100: #fef6dc;\n --color-yellow-50: #fefbed;\n\n --color-gold-900: #332510;\n --color-gold-800: #664b21;\n --color-gold-700: #997031;\n --color-gold-600: #cc9642;\n --color-gold-500: #ffbb52;\n --color-gold-400: #ffc975;\n --color-gold-300: #ffd697;\n --color-gold-200: #ffe4ba;\n --color-gold-100: #fff1dc;\n --color-gold-50: #fff8ed;\n\n --color-accent-900: #2d0d02;\n --color-accent-800: #5a1b05;\n --color-accent-700: #882807;\n --color-accent-600: #b5360a;\n --color-accent-500: #e2430c;\n --color-accent-400: #e8693d;\n --color-accent-300: #ee8e6d;\n --color-accent-200: #f3b49e;\n --color-accent-100: #f9d9ce;\n --color-accent-50: #fcece6;\n\n --color-success-900: #0f2204;\n --color-success-800: #1f4309;\n --color-success-700: #2e650d;\n --color-success-600: #3e8612;\n --color-success-500: #4da816;\n --color-success-400: #71b945;\n --color-success-300: #94cb73;\n --color-success-200: #b8dca2;\n --color-success-100: #dbeed0;\n --color-success-50: #edf6e8;\n\n --color-error-900: #2c0808;\n --color-error-800: #580f0f;\n --color-error-700: #841717;\n --color-error-600: #b01e1e;\n --color-error-500: #dc2626;\n --color-error-400: #e35151;\n --color-error-300: #ea7d7d;\n --color-error-200: #f1a8a8;\n --color-error-100: #f8d4d4;\n --color-error-50: #fbe9e9;\n\n --text-primary: var(--color-neutral-900);\n --text-secondary: var(--color-neutral-600);\n --text-headings: var(--color-neutral-900);\n --text-action: var(--color-neutral-900);\n --text-action-hover: var(--color-neutral-600);\n --text-on-disabled: var(--color-neutral-300);\n --text-disabled: var(--color-neutral-300);\n --text-success: var(--color-success-500);\n --text-error: var(--color-error-500);\n --text-warning: var(--color-yellow-500);\n --text-on-action: var(--color-base-white);\n\n --surface-page: var(--color-base-white);\n --surface-subtle: var(--color-brown-50);\n --surface-neutral: var(--color-neutral-50);\n --surface-success: var(--color-success-50);\n --surface-warning: var(--color-yellow-200);\n --surface-error: var(--color-error-100);\n --surface-disabled: var(--color-primary-200);\n --surface-disabled-2: var(--color-neutral-50);\n --surface-action: var(--color-primary-500);\n --surface-action-2: var(--color-yellow-500);\n --surface-action-hover: var(--color-primary-700);\n --surface-action-2-hover: var(--color-yellow-600);\n --surface-action-hover-outline: var(--color-primary-500);\n --surface-action-3: var(--surface-page);\n --surface-action-3-hover: var(--color-neutral-50);\n\n --border-primary: var(--color-neutral-200);\n --border-secondary: var(--color-base-black);\n --border-success: var(--color-success-50);\n --border-warning: var(--color-yellow-200);\n --border-error: var(--color-error-300);\n --border-disabled: var(--color-neutral-300);\n --border-disabled-2: var(--color-neutral-100);\n --border-action: var(--color-primary-500);\n --border-action-hover: var(--color-primary-700);\n --border-focus: var(--color-primary-500);\n\n --icon-primary: var(--color-neutral-900);\n --icon-secondary: var(--color-neutral-600);\n --icon-success: var(--color-success-500);\n --icon-warning: var(--color-yellow-500);\n --icon-error: var(--color-error-500);\n --icon-action: var(--color-primary-500);\n --icon-action-hover: var(--color-primary-700);\n --icon-on-action: var(--color-base-white);\n --icon-on-disabled: var(--color-neutral-300);\n\n --spacing-0: 0;\n --spacing-1: 4px;\n --spacing-2: 8px;\n --spacing-3: 12px;\n --spacing-4: 16px;\n --spacing-5: 20px;\n --spacing-6: 24px;\n --spacing-7: 28px;\n --spacing-8: 32px;\n --spacing-10: 40px;\n --spacing-12: 48px;\n --spacing-14: 56px;\n --spacing-24: 96px;\n --spacing-32: 128px;\n --spacing-64: 256px;\n\n --shadow-blur-2xs: 4px;\n --shadow-blur-xs: 8px;\n --shadow-blur-sm: 12px;\n --shadow-blur-md: 16px;\n --shadow-blur-lg: 24px;\n --shadow-blur-xl: 48px;\n --shadow-blur-2xl: 64px;\n\n --shadow-spread-xs: -4px;\n --shadow-spread-sm: -8px;\n --shadow-spread-md: -12px;\n --shadow-spread-lg: -16px;\n --shadow-spread-xl: -24px;\n --shadow-spread-2xl: -32px;\n\n --shadow-xs: 0px var(--spacing-1) var(--shadow-blur-2xs) 0px\n rgba(0, 0, 0, 0.05);\n --shadow-sm: 0px var(--spacing-1) var(--shadow-blur-2xs) 0px\n rgba(17, 17, 17, 0.1);\n --shadow-md: 0px var(--spacing-1) var(--shadow-blur-xs) 0px\n rgba(17, 17, 17, 0.1);\n --shadow-lg: 0px var(--spacing-3) var(--shadow-blur-md)\n var(--shadow-spread-xs) var(--color-brown-100);\n --shadow-xl: 0px var(--spacing-5) var(--shadow-blur-lg)\n var(--shadow-spread-xs) rgba(17, 17, 17, 0.1);\n --shadow-2xl: 0px var(--spacing-6) var(--shadow-blur-xl)\n var(--shadow-spread-md) var(--color-brown-200);\n --shadow-3xl: 0px var(--spacing-8) var(--shadow-blur-2xl)\n var(--shadow-spread-md) rgba(17, 17, 17, 0.1);\n\n --widths-none: var(--spacing-1);\n --widths-xs: var(--spacing-1);\n --widths-sm: var(--spacing-2);\n --widths-md: var(--spacing-1);\n --widths-lg: var(--spacing-2);\n --widths-xlg: var(--spacing-3);\n\n --radius-none: var(--spacing-1);\n --radius-xs: var(--spacing-2);\n --radius-sm: var(--spacing-1);\n --radius-md: var(--spacing-2);\n --radius-lg: var(--spacing-3);\n --radius-round: var(--spacing-10);\n}\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/shared/variables.css"],"sourcesContent":[":root {\n --color-base-white: #ffffff;\n --color-base-black: #000000;\n --color-primary-900: #0c160f;\n --color-primary-800: #192d1e;\n --color-primary-700: #25432d;\n --color-primary-600: #325a3c;\n --color-primary-500: #3e704b;\n --color-primary-400: #638b6d;\n --color-primary-300: #87a58f;\n --color-primary-200: #acc0b1;\n --color-primary-100: #d0dad3;\n\n --color-hunter-900: #0f100f;\n --color-hunter-800: #1e201f;\n --color-hunter-700: #2d312e;\n --color-hunter-600: #3c413e;\n --color-hunter-500: #4b514d;\n --color-hunter-400: #6d726f;\n --color-hunter-300: #8f9390;\n --color-hunter-200: #b1b3b2;\n --color-hunter-100: #d3d4d3;\n\n --color-brown-900: #2a241e;\n --color-brown-800: #54483d;\n --color-brown-700: #7d6b5b;\n --color-brown-600: #a78f7a;\n --color-brown-500: #d1b398;\n --color-brown-400: #d8c0ab;\n --color-brown-300: #dfcdbd;\n --color-brown-200: #e7dbd0;\n --color-brown-100: #f5f2ed;\n --color-brown-50: #fffdf7;\n\n --color-neutral-900: #202327;\n --color-neutral-800: #40464d;\n --color-neutral-700: #606874;\n --color-neutral-600: #808b9a;\n --color-neutral-500: #a0aec1;\n --color-neutral-400: #b1bccb;\n --color-neutral-300: #c2cad6;\n --color-neutral-200: #d3d9e0;\n --color-neutral-100: #e4e7eb;\n --color-neutral-50: #f8fafc;\n\n --color-yellow-900: #64551f;\n --color-yellow-800: #967f2f;\n --color-yellow-700: #e4bc29;\n --color-yellow-600: #edc94a;\n --color-yellow-500: #fad44e;\n --color-yellow-400: #fbdd71;\n --color-yellow-300: #fce595;\n --color-yellow-200: #fdeeb8;\n --color-yellow-100: #fef6dc;\n --color-yellow-50: #fefbed;\n\n --color-gold-900: #332510;\n --color-gold-800: #664b21;\n --color-gold-700: #997031;\n --color-gold-600: #cc9642;\n --color-gold-500: #ffbb52;\n --color-gold-400: #ffc975;\n --color-gold-300: #ffd697;\n --color-gold-200: #ffe4ba;\n --color-gold-100: #fff1dc;\n --color-gold-50: #fff8ed;\n\n --color-accent-900: #2d0d02;\n --color-accent-800: #5a1b05;\n --color-accent-700: #882807;\n --color-accent-600: #b5360a;\n --color-accent-500: #e2430c;\n --color-accent-400: #e8693d;\n --color-accent-300: #ee8e6d;\n --color-accent-200: #f3b49e;\n --color-accent-100: #f9d9ce;\n --color-accent-50: #fcece6;\n\n --color-success-900: #0f2204;\n --color-success-800: #1f4309;\n --color-success-700: #2e650d;\n --color-success-600: #3e8612;\n --color-success-500: #4da816;\n --color-success-400: #71b945;\n --color-success-300: #94cb73;\n --color-success-200: #b8dca2;\n --color-success-100: #dbeed0;\n --color-success-50: #edf6e8;\n\n --color-error-900: #2c0808;\n --color-error-800: #580f0f;\n --color-error-700: #841717;\n --color-error-600: #b01e1e;\n --color-error-500: #dc2626;\n --color-error-400: #e35151;\n --color-error-300: #ea7d7d;\n --color-error-200: #f1a8a8;\n --color-error-100: #f8d4d4;\n --color-error-50: #fbe9e9;\n\n --text-primary: var(--color-neutral-900);\n --text-secondary: var(--color-neutral-600);\n --text-headings: var(--color-neutral-900);\n --text-action: var(--color-neutral-900);\n --text-action-hover: var(--color-neutral-600);\n --text-on-disabled: var(--color-neutral-300);\n --text-disabled: var(--color-neutral-300);\n --text-success: var(--color-success-500);\n --text-error: var(--color-error-500);\n --text-warning: var(--color-yellow-500);\n --text-on-action: var(--color-base-white);\n\n --surface-page: var(--color-base-white);\n --surface-subtle: var(--color-brown-50);\n --surface-neutral: var(--color-neutral-50);\n --surface-success: var(--color-success-50);\n --surface-warning: var(--color-yellow-200);\n --surface-error: var(--color-error-100);\n --surface-disabled: var(--color-primary-200);\n --surface-disabled-2: var(--color-neutral-50);\n --surface-action: var(--color-primary-500);\n --surface-action-2: var(--color-yellow-500);\n --surface-action-hover: var(--color-primary-700);\n --surface-action-2-hover: var(--color-yellow-600);\n --surface-action-hover-outline: var(--color-primary-500);\n --surface-action-3: var(--surface-page);\n --surface-action-3-hover: var(--color-neutral-50);\n\n --border-primary: var(--color-neutral-200);\n --border-secondary: var(--color-base-black);\n --border-success: var(--color-success-50);\n --border-warning: var(--color-yellow-200);\n --border-error: var(--color-error-300);\n --border-disabled: var(--color-neutral-300);\n --border-disabled-2: var(--color-neutral-100);\n --border-action: var(--color-primary-500);\n --border-action-hover: var(--color-primary-700);\n --border-focus: var(--color-primary-500);\n\n --icon-primary: var(--color-neutral-900);\n --icon-secondary: var(--color-neutral-600);\n --icon-success: var(--color-success-500);\n --icon-warning: var(--color-yellow-500);\n --icon-error: var(--color-error-500);\n --icon-action: var(--color-primary-500);\n --icon-action-hover: var(--color-primary-700);\n --icon-on-action: var(--color-base-white);\n --icon-on-disabled: var(--color-neutral-300);\n\n --spacing-0: 0;\n --spacing-1: 4px;\n --spacing-2: 8px;\n --spacing-3: 12px;\n --spacing-4: 16px;\n --spacing-5: 20px;\n --spacing-6: 24px;\n --spacing-7: 28px;\n --spacing-8: 32px;\n --spacing-10: 40px;\n --spacing-11: 44px;\n --spacing-12: 48px;\n --spacing-14: 56px;\n --spacing-16: 64px;\n --spacing-20: 80px;\n --spacing-24: 96px;\n --spacing-32: 128px;\n --spacing-64: 256px;\n\n --shadow-blur-2xs: 4px;\n --shadow-blur-xs: 8px;\n --shadow-blur-sm: 12px;\n --shadow-blur-md: 16px;\n --shadow-blur-lg: 24px;\n --shadow-blur-xl: 48px;\n --shadow-blur-2xl: 64px;\n\n --shadow-spread-xs: -4px;\n --shadow-spread-sm: -8px;\n --shadow-spread-md: -12px;\n --shadow-spread-lg: -16px;\n --shadow-spread-xl: -24px;\n --shadow-spread-2xl: -32px;\n\n --shadow-xs: 0px var(--spacing-1) var(--shadow-blur-2xs) 0px\n rgba(0, 0, 0, 0.05);\n --shadow-sm: 0px var(--spacing-1) var(--shadow-blur-2xs) 0px\n rgba(17, 17, 17, 0.1);\n --shadow-md: 0px var(--spacing-1) var(--shadow-blur-xs) 0px\n rgba(17, 17, 17, 0.1);\n --shadow-lg: 0px var(--spacing-3) var(--shadow-blur-md)\n var(--shadow-spread-xs) var(--color-brown-100);\n --shadow-xl: 0px var(--spacing-5) var(--shadow-blur-lg)\n var(--shadow-spread-xs) rgba(17, 17, 17, 0.1);\n --shadow-2xl: 0px var(--spacing-6) var(--shadow-blur-xl)\n var(--shadow-spread-md) var(--color-brown-200);\n --shadow-3xl: 0px var(--spacing-8) var(--shadow-blur-2xl)\n var(--shadow-spread-md) rgba(17, 17, 17, 0.1);\n\n --widths-none: var(--spacing-1);\n --widths-xs: var(--spacing-1);\n --widths-sm: var(--spacing-2);\n --widths-md: var(--spacing-1);\n --widths-lg: var(--spacing-2);\n --widths-xlg: var(--spacing-3);\n\n --radius-none: var(--spacing-1);\n --radius-xs: var(--spacing-2);\n --radius-sm: var(--spacing-1);\n --radius-md: var(--spacing-2);\n --radius-lg: var(--spacing-3);\n --radius-round: var(--spacing-10);\n}\n"],"mappings":"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","names":[]}
|
package/dist/index.d.ts
CHANGED
|
@@ -524,7 +524,7 @@ declare namespace styles {
|
|
|
524
524
|
export { styles_ThemeTokens as ThemeTokens, styles_borderRadius as borderRadius, styles_boxShadow as boxShadow, styles_colors as colors, styles_fontSizes as fontSizes, styles_fontWeights as fontWeights, styles_fonts as fonts, styles_headingSizes as headingSizes, styles_lineHeights as lineHeights, styles_media as media, styles_opacity as opacity, styles_screens as screens, styles_sizes as sizes, styles_space as space, styles_textShadow as textShadow, styles_transition as transition, styles_zIndex as zIndex };
|
|
525
525
|
}
|
|
526
526
|
|
|
527
|
-
type Props$
|
|
527
|
+
type Props$d = {
|
|
528
528
|
title?: string;
|
|
529
529
|
showDisclaimer?: boolean;
|
|
530
530
|
showHelpfulQuestion?: boolean;
|
|
@@ -534,8 +534,10 @@ type Props$c = {
|
|
|
534
534
|
onHelpfulNo?: () => void;
|
|
535
535
|
variant?: 'default' | 'error';
|
|
536
536
|
onErrorRetry?: () => void;
|
|
537
|
+
/** Debounce window for helpful button callbacks (ms). UI updates immediately. */
|
|
538
|
+
helpfulDebounceMs?: number;
|
|
537
539
|
};
|
|
538
|
-
declare const AIResponse: ({ title, showDisclaimer, showHelpfulQuestion, className, children, onHelpfulYes, onHelpfulNo, variant, onErrorRetry, }: Props$
|
|
540
|
+
declare const AIResponse: ({ title, showDisclaimer, showHelpfulQuestion, className, children, onHelpfulYes, onHelpfulNo, variant, onErrorRetry, helpfulDebounceMs, }: Props$d) => _emotion_react_jsx_runtime.JSX.Element;
|
|
539
541
|
|
|
540
542
|
type AvailabilityChipVariant = 'primary' | 'error' | 'action' | 'warning';
|
|
541
543
|
type AvailabilityChipProps$1 = HTMLAttributes<HTMLSpanElement> & {
|
|
@@ -567,10 +569,10 @@ declare const Box: _emotion_styled.StyledComponent<{
|
|
|
567
569
|
className?: string | undefined;
|
|
568
570
|
}, React$1.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
569
571
|
|
|
570
|
-
type Props$
|
|
572
|
+
type Props$c = BoxProps & {
|
|
571
573
|
isFullWidth?: boolean;
|
|
572
574
|
};
|
|
573
|
-
declare const Container: ({ children, className, isFullWidth, ...props }: Props$
|
|
575
|
+
declare const Container: ({ children, className, isFullWidth, ...props }: Props$c) => _emotion_react_jsx_runtime.JSX.Element;
|
|
574
576
|
|
|
575
577
|
declare const SvgAiMagic: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
576
578
|
|
|
@@ -961,7 +963,7 @@ declare namespace Icons {
|
|
|
961
963
|
}
|
|
962
964
|
|
|
963
965
|
type IconVariantTypes$1 = keyof typeof Icons;
|
|
964
|
-
type Props$
|
|
966
|
+
type Props$b = {
|
|
965
967
|
variant: IconVariantTypes$1;
|
|
966
968
|
size?: keyof typeof space;
|
|
967
969
|
className?: string;
|
|
@@ -969,12 +971,12 @@ type Props$a = {
|
|
|
969
971
|
onClick?: () => void;
|
|
970
972
|
fill?: string;
|
|
971
973
|
};
|
|
972
|
-
declare const Icon: ({ variant, size, className, setAutoHeight, fill, ...rest }: Props$
|
|
974
|
+
declare const Icon: ({ variant, size, className, setAutoHeight, fill, ...rest }: Props$b) => _emotion_react_jsx_runtime.JSX.Element;
|
|
973
975
|
|
|
974
976
|
type ButtonVariants = 'primary' | 'secondary' | 'tertiary' | 'plus' | 'simple' | 'text' | 'text-underline' | 'topo';
|
|
975
977
|
|
|
976
978
|
type ButtonAndAnchorProps = React__default.HTMLProps<HTMLButtonElement> & React__default.HTMLProps<HTMLAnchorElement>;
|
|
977
|
-
type Props$
|
|
979
|
+
type Props$a = Omit<ButtonAndAnchorProps, 'size' | 'as' | 'onClick'> & {
|
|
978
980
|
as?: React__default.ElementType;
|
|
979
981
|
variant?: ButtonVariants;
|
|
980
982
|
fullWidth?: boolean;
|
|
@@ -988,21 +990,21 @@ type Props$9 = Omit<ButtonAndAnchorProps, 'size' | 'as' | 'onClick'> & {
|
|
|
988
990
|
onClick?: React__default.MouseEventHandler<HTMLElement>;
|
|
989
991
|
icon?: React__default.ReactElement<React__default.ComponentProps<typeof Icon>>;
|
|
990
992
|
};
|
|
991
|
-
declare const Button: React__default.ForwardRefExoticComponent<Omit<Props$
|
|
993
|
+
declare const Button: React__default.ForwardRefExoticComponent<Omit<Props$a, "ref"> & React__default.RefAttributes<HTMLElement>>;
|
|
992
994
|
|
|
993
995
|
type DividerProps = {
|
|
994
996
|
className?: string;
|
|
995
997
|
};
|
|
996
998
|
declare const Divider: React__default.FC<DividerProps>;
|
|
997
999
|
|
|
998
|
-
type Props$
|
|
1000
|
+
type Props$9 = {
|
|
999
1001
|
backgroundImage: string;
|
|
1000
1002
|
title: string;
|
|
1001
1003
|
buttonLabel: string;
|
|
1002
1004
|
onClick?: () => void;
|
|
1003
1005
|
className?: string;
|
|
1004
1006
|
};
|
|
1005
|
-
declare const FieldNoteCard: ({ backgroundImage, title, buttonLabel, onClick, className, ...rest }: Props$
|
|
1007
|
+
declare const FieldNoteCard: ({ backgroundImage, title, buttonLabel, onClick, className, ...rest }: Props$9) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1006
1008
|
|
|
1007
1009
|
type InputSize = 'sm' | 'md' | 'lg';
|
|
1008
1010
|
type InputVariant = 'default' | 'error' | 'success';
|
|
@@ -1174,22 +1176,38 @@ declare const LayoutTokens: {
|
|
|
1174
1176
|
};
|
|
1175
1177
|
};
|
|
1176
1178
|
|
|
1177
|
-
type Props$
|
|
1179
|
+
type Props$8 = {
|
|
1178
1180
|
backgroundImage: string;
|
|
1179
1181
|
title: string;
|
|
1180
1182
|
buttonLabel: string;
|
|
1181
1183
|
onClick?: () => void;
|
|
1182
1184
|
className?: string;
|
|
1183
1185
|
};
|
|
1184
|
-
declare const HuntCard: ({ backgroundImage, title, buttonLabel, onClick, className, ...rest }: Props$
|
|
1186
|
+
declare const HuntCard: ({ backgroundImage, title, buttonLabel, onClick, className, ...rest }: Props$8) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1185
1187
|
|
|
1186
|
-
type Props$
|
|
1188
|
+
type Props$7 = {
|
|
1187
1189
|
variant: IconVariantTypes$1;
|
|
1188
1190
|
label: string;
|
|
1189
1191
|
iconSize?: keyof typeof space;
|
|
1190
1192
|
className?: string;
|
|
1191
1193
|
};
|
|
1192
|
-
declare const IconLabel: ({ variant, label, iconSize, className, ...rest }: Props$
|
|
1194
|
+
declare const IconLabel: ({ variant, label, iconSize, className, ...rest }: Props$7) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1195
|
+
|
|
1196
|
+
type Props$6 = {
|
|
1197
|
+
/** Called when the user submits text. Receives the submitted string. */
|
|
1198
|
+
onSubmit: (value: string) => void;
|
|
1199
|
+
/** Placeholder text for the input area */
|
|
1200
|
+
placeholder?: string;
|
|
1201
|
+
/** Optional className */
|
|
1202
|
+
className?: string;
|
|
1203
|
+
/** Optional label next to the AIMagic icon */
|
|
1204
|
+
title?: string;
|
|
1205
|
+
/** Suggested tags the user can click to submit quickly */
|
|
1206
|
+
tags?: string[];
|
|
1207
|
+
/** Disable the input and submit button */
|
|
1208
|
+
disabled?: boolean;
|
|
1209
|
+
};
|
|
1210
|
+
declare const ListingChat: ({ onSubmit, placeholder, className, title, tags, disabled, ...rest }: Props$6) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1193
1211
|
|
|
1194
1212
|
type LogoVariant = 'standard' | 'plus';
|
|
1195
1213
|
type LogoTheme = 'light' | 'dark';
|
|
@@ -1242,11 +1260,15 @@ type Props$2 = {
|
|
|
1242
1260
|
};
|
|
1243
1261
|
declare const PackageCard: ({ images, title, subtitle, startingPrice, tripsLeft, isFavorited, onFavoriteClick, onClick, className, days, guests, hasLodging, ...rest }: Props$2) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1244
1262
|
|
|
1245
|
-
type
|
|
1263
|
+
type TagChipVariant = 'primary' | 'success' | 'warning' | 'error';
|
|
1264
|
+
type TagChipProps = HTMLAttributes<HTMLSpanElement> & {
|
|
1265
|
+
/** The visual variant of the chip */
|
|
1266
|
+
variant?: TagChipVariant;
|
|
1246
1267
|
/** Optional custom className */
|
|
1247
1268
|
className?: string;
|
|
1248
1269
|
};
|
|
1249
|
-
|
|
1270
|
+
|
|
1271
|
+
declare const TagChip: FC<PropsWithChildren<TagChipProps>>;
|
|
1250
1272
|
|
|
1251
1273
|
type THeadingSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs';
|
|
1252
1274
|
type TTextSize = 'md' | 'sm' | 'xs' | '2xs';
|
|
@@ -1325,9 +1347,4 @@ declare const Widget: React__default.FC<WidgetProps> & {
|
|
|
1325
1347
|
}>;
|
|
1326
1348
|
};
|
|
1327
1349
|
|
|
1328
|
-
type TagChipProps
|
|
1329
|
-
/** Optional custom className */
|
|
1330
|
-
className?: string;
|
|
1331
|
-
};
|
|
1332
|
-
|
|
1333
|
-
export { AIResponse, AvailabilityChip, type AvailabilityChipProps$1 as AvailabilityChipProps, type AvailabilityChipVariant, type BaseInputProps, Box, type BoxProps, Button, type ButtonVariants, Column, type ColumnProps, Container, Divider, FieldNoteCard, FormField, type FormFieldProps, GlobalStyle, Grid, type GridBreakpoint, GridContainer, type GridContainerProps, type GridProps, Heading, HuntCard, Icon, IconLabel, type IconVariantTypes$1 as IconVariantTypes, Input, type InputProps, type InputSize, type InputVariant, LayoutTokens, Logo, type LogoTheme, type LogoVariant, MessageBubble, Navigation, PackageCard, type ResponsiveValue, Select, type SelectOption, type SelectProps, TagChip, type TagChipProps, Text, TextArea, type TextareaProps, ThemeTokens, Widget, WidgetPanel, WidgetTrigger, globalStyles, styles };
|
|
1350
|
+
export { AIResponse, AvailabilityChip, type AvailabilityChipProps$1 as AvailabilityChipProps, type AvailabilityChipVariant, type BaseInputProps, Box, type BoxProps, Button, type ButtonVariants, Column, type ColumnProps, Container, Divider, FieldNoteCard, FormField, type FormFieldProps, GlobalStyle, Grid, type GridBreakpoint, GridContainer, type GridContainerProps, type GridProps, Heading, HuntCard, Icon, IconLabel, type IconVariantTypes$1 as IconVariantTypes, Input, type InputProps, type InputSize, type InputVariant, LayoutTokens, ListingChat, Logo, type LogoTheme, type LogoVariant, MessageBubble, Navigation, PackageCard, type ResponsiveValue, Select, type SelectOption, type SelectProps, TagChip, type TagChipProps, Text, TextArea, type TextareaProps, ThemeTokens, Widget, WidgetPanel, WidgetTrigger, globalStyles, styles };
|