@homebound/beam 2.397.0 → 2.399.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/dist/index.cjs +77 -9
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +15 -2
- package/dist/index.d.ts +15 -2
- package/dist/index.js +77 -9
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -4656,6 +4656,12 @@ declare const Icons: {
|
|
|
4656
4656
|
lockOpen: _emotion_react_jsx_runtime.JSX.Element;
|
|
4657
4657
|
map: _emotion_react_jsx_runtime.JSX.Element;
|
|
4658
4658
|
pin: _emotion_react_jsx_runtime.JSX.Element;
|
|
4659
|
+
mapGlobe: _emotion_react_jsx_runtime.JSX.Element;
|
|
4660
|
+
buildings: _emotion_react_jsx_runtime.JSX.Element;
|
|
4661
|
+
community: _emotion_react_jsx_runtime.JSX.Element;
|
|
4662
|
+
subdivision: _emotion_react_jsx_runtime.JSX.Element;
|
|
4663
|
+
lot: _emotion_react_jsx_runtime.JSX.Element;
|
|
4664
|
+
houseFilled: _emotion_react_jsx_runtime.JSX.Element;
|
|
4659
4665
|
};
|
|
4660
4666
|
type IconKey = keyof typeof Icons;
|
|
4661
4667
|
|
|
@@ -6533,14 +6539,20 @@ interface CheckboxProps {
|
|
|
6533
6539
|
withLabelElement?: boolean;
|
|
6534
6540
|
checkboxOnly?: boolean;
|
|
6535
6541
|
selected: boolean | "indeterminate";
|
|
6536
|
-
/** Handler that is called when the element's selection state changes. */
|
|
6537
|
-
onChange: (selected: boolean) => void;
|
|
6538
6542
|
/** Additional text displayed below label */
|
|
6539
6543
|
description?: string;
|
|
6540
6544
|
/** Whether the field is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
|
|
6541
6545
|
disabled?: boolean | ReactNode;
|
|
6542
6546
|
errorMsg?: string;
|
|
6543
6547
|
helperText?: string | ReactNode;
|
|
6548
|
+
/**
|
|
6549
|
+
* Removes maxwidth restrictions on the checkbox container
|
|
6550
|
+
* label, helperText, errorMsg, description props extend full width of the checkbox container as necessary
|
|
6551
|
+
* @default false
|
|
6552
|
+
*/
|
|
6553
|
+
fullWidth?: boolean;
|
|
6554
|
+
/** Handler that is called when the element's selection state changes. */
|
|
6555
|
+
onChange: (selected: boolean) => void;
|
|
6544
6556
|
/** Callback fired when focus removes from the component */
|
|
6545
6557
|
onBlur?: () => void;
|
|
6546
6558
|
/** Callback fired when focus is set to the component */
|
|
@@ -6957,6 +6969,7 @@ declare const switchSelectedHoverStyles: {
|
|
|
6957
6969
|
interface TextAreaFieldProps<X> extends BeamTextFieldProps<X> {
|
|
6958
6970
|
preventNewLines?: boolean;
|
|
6959
6971
|
onEnter?: VoidFunction;
|
|
6972
|
+
maxLines?: number;
|
|
6960
6973
|
}
|
|
6961
6974
|
/** Returns a <textarea /> element that auto-adjusts height based on the field's value */
|
|
6962
6975
|
declare function TextAreaField<X extends Only<TextFieldXss, X>>(props: TextAreaFieldProps<X>): _emotion_react_jsx_runtime.JSX.Element;
|
package/dist/index.d.ts
CHANGED
|
@@ -4656,6 +4656,12 @@ declare const Icons: {
|
|
|
4656
4656
|
lockOpen: _emotion_react_jsx_runtime.JSX.Element;
|
|
4657
4657
|
map: _emotion_react_jsx_runtime.JSX.Element;
|
|
4658
4658
|
pin: _emotion_react_jsx_runtime.JSX.Element;
|
|
4659
|
+
mapGlobe: _emotion_react_jsx_runtime.JSX.Element;
|
|
4660
|
+
buildings: _emotion_react_jsx_runtime.JSX.Element;
|
|
4661
|
+
community: _emotion_react_jsx_runtime.JSX.Element;
|
|
4662
|
+
subdivision: _emotion_react_jsx_runtime.JSX.Element;
|
|
4663
|
+
lot: _emotion_react_jsx_runtime.JSX.Element;
|
|
4664
|
+
houseFilled: _emotion_react_jsx_runtime.JSX.Element;
|
|
4659
4665
|
};
|
|
4660
4666
|
type IconKey = keyof typeof Icons;
|
|
4661
4667
|
|
|
@@ -6533,14 +6539,20 @@ interface CheckboxProps {
|
|
|
6533
6539
|
withLabelElement?: boolean;
|
|
6534
6540
|
checkboxOnly?: boolean;
|
|
6535
6541
|
selected: boolean | "indeterminate";
|
|
6536
|
-
/** Handler that is called when the element's selection state changes. */
|
|
6537
|
-
onChange: (selected: boolean) => void;
|
|
6538
6542
|
/** Additional text displayed below label */
|
|
6539
6543
|
description?: string;
|
|
6540
6544
|
/** Whether the field is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
|
|
6541
6545
|
disabled?: boolean | ReactNode;
|
|
6542
6546
|
errorMsg?: string;
|
|
6543
6547
|
helperText?: string | ReactNode;
|
|
6548
|
+
/**
|
|
6549
|
+
* Removes maxwidth restrictions on the checkbox container
|
|
6550
|
+
* label, helperText, errorMsg, description props extend full width of the checkbox container as necessary
|
|
6551
|
+
* @default false
|
|
6552
|
+
*/
|
|
6553
|
+
fullWidth?: boolean;
|
|
6554
|
+
/** Handler that is called when the element's selection state changes. */
|
|
6555
|
+
onChange: (selected: boolean) => void;
|
|
6544
6556
|
/** Callback fired when focus removes from the component */
|
|
6545
6557
|
onBlur?: () => void;
|
|
6546
6558
|
/** Callback fired when focus is set to the component */
|
|
@@ -6957,6 +6969,7 @@ declare const switchSelectedHoverStyles: {
|
|
|
6957
6969
|
interface TextAreaFieldProps<X> extends BeamTextFieldProps<X> {
|
|
6958
6970
|
preventNewLines?: boolean;
|
|
6959
6971
|
onEnter?: VoidFunction;
|
|
6972
|
+
maxLines?: number;
|
|
6960
6973
|
}
|
|
6961
6974
|
/** Returns a <textarea /> element that auto-adjusts height based on the field's value */
|
|
6962
6975
|
declare function TextAreaField<X extends Only<TextFieldXss, X>>(props: TextAreaFieldProps<X>): _emotion_react_jsx_runtime.JSX.Element;
|
package/dist/index.js
CHANGED
|
@@ -4839,7 +4839,45 @@ var Icons = {
|
|
|
4839
4839
|
/* @__PURE__ */ jsx3("path", { d: "M12 14C14.206 14 16 12.206 16 10C16 7.794 14.206 6 12 6C9.794 6 8 7.794 8 10C8 12.206 9.794 14 12 14ZM12 8C13.103 8 14 8.897 14 10C14 11.103 13.103 12 12 12C10.897 12 10 11.103 10 10C10 8.897 10.897 8 12 8Z" }),
|
|
4840
4840
|
/* @__PURE__ */ jsx3("path", { d: "M11.42 21.814C11.594 21.938 11.797 22 12 22C12.203 22 12.406 21.938 12.58 21.814C12.884 21.599 20.029 16.44 20 10C20 5.589 16.411 2 12 2C7.58897 2 3.99997 5.589 3.99997 9.995C3.97097 16.44 11.116 21.599 11.42 21.814ZM12 4C15.309 4 18 6.691 18 10.005C18.021 14.443 13.612 18.428 12 19.735C10.389 18.427 5.97897 14.441 5.99997 10C5.99997 6.691 8.69097 4 12 4Z" })
|
|
4841
4841
|
] }),
|
|
4842
|
-
pin: /* @__PURE__ */ jsx3("path", { d: "M12 22L13 20V17H18C18.553 17 19 16.553 19 16V14.414C19 13.888 18.786 13.372 18.414 13L17 11.586V8C17.553 8 18 7.553 18 7V4C18 2.897 17.103 2 16 2H8C6.897 2 6 2.897 6 4V7C6 7.553 6.448 8 7 8V11.586L5.586 13C5.213 13.372 5 13.888 5 14.414V16C5 16.553 5.448 17 6 17H11V20L12 22ZM8 4H16V6H8V4ZM7 14.414L8.707 12.707C8.895 12.52 9 12.266 9 12V8H15V12C15 12.266 15.105 12.52 15.293 12.707L17 14.414V15H7V14.414Z" })
|
|
4842
|
+
pin: /* @__PURE__ */ jsx3("path", { d: "M12 22L13 20V17H18C18.553 17 19 16.553 19 16V14.414C19 13.888 18.786 13.372 18.414 13L17 11.586V8C17.553 8 18 7.553 18 7V4C18 2.897 17.103 2 16 2H8C6.897 2 6 2.897 6 4V7C6 7.553 6.448 8 7 8V11.586L5.586 13C5.213 13.372 5 13.888 5 14.414V16C5 16.553 5.448 17 6 17H11V20L12 22ZM8 4H16V6H8V4ZM7 14.414L8.707 12.707C8.895 12.52 9 12.266 9 12V8H15V12C15 12.266 15.105 12.52 15.293 12.707L17 14.414V15H7V14.414Z" }),
|
|
4843
|
+
mapGlobe: /* @__PURE__ */ jsxs2(Fragment2, { children: [
|
|
4844
|
+
/* @__PURE__ */ jsx3("path", { d: "M11.2129 4.40332C15.9783 5.07921 19.6435 9.17389 19.6436 14.126C19.6431 19.5499 15.2462 23.947 9.82227 23.9473C4.3981 23.9472 0.000449837 19.5501 0 14.126C3.26246e-05 10.6909 1.76449 7.66868 4.43555 5.91309C4.97787 6.78284 5.68212 7.68751 6.30469 8.51758C6.57225 8.87427 6.99356 9.08496 7.43945 9.08496C7.88503 9.08471 8.30486 8.87402 8.57227 8.51758C9.21495 7.66068 9.94538 6.72456 10.4941 5.8291C10.7611 5.39343 11.0192 4.91418 11.2129 4.40332ZM14.3027 7.0166C13.8528 7.73139 12.83 9.0382 11.0723 9.63965C10.8471 9.7169 10.7432 9.97543 10.8604 10.1826C11.0865 10.5819 11.305 11.189 10.8447 11.5693C10.2541 12.0571 9.37351 11.5528 8.76953 11.0879C8.51057 10.8886 8.1518 10.8734 7.88672 11.0645C7.86681 11.0788 7.84593 11.0932 7.82617 11.1084C7.49446 11.3634 7.44111 11.8425 7.70996 12.1631C8.1235 12.6557 8.87333 13.4496 9.50391 13.5801C10.4292 13.7711 10.7487 12.7181 11.6104 12.8457C12.4723 12.9735 14.0048 14.4739 14.1963 15.1123C14.3826 15.7368 13.1573 19.0388 10.3711 20.9766C10.2286 21.0755 10.0473 21.1088 9.87988 21.0635C9.63936 20.9981 9.29646 20.8479 9.04688 20.5068C8.94232 20.3639 8.91805 20.1754 8.96582 20.0049L9.25195 18.9863C9.35297 18.6262 9.25585 18.2408 8.99414 17.9736C8.65757 17.6303 8.09552 17.1051 7.23633 16.4385C6.88701 16.1675 6.71436 15.7269 6.79395 15.292L6.92969 14.5488C6.98123 14.267 6.87985 13.9801 6.66211 13.7939C5.81469 13.07 3.69178 11.2062 3.18359 10.292C3.0117 9.98259 2.96659 9.60824 2.99316 9.22656C2.00188 10.606 1.41701 12.2977 1.41699 14.126C1.41744 18.7676 5.18055 22.5302 9.82227 22.5303C14.4638 22.53 18.2261 18.7674 18.2266 14.126C18.2265 11.132 16.6597 8.50549 14.3027 7.0166ZM9.71387 4.30566C9.21389 5.35966 8.32771 6.48364 7.43945 7.66797C6.80362 6.82019 6.1675 6.00374 5.67383 5.22168C6.90351 4.64774 8.27105 4.32127 9.71387 4.30566Z" }),
|
|
4845
|
+
/* @__PURE__ */ jsx3("path", { d: "M7.43848 0.0527344C8.92278 0.0527344 10.1259 1.25595 10.126 2.74023C10.126 4.22459 8.78231 5.87619 7.43848 7.66797C6.09464 5.87619 4.75098 4.22459 4.75098 2.74023C4.75107 1.25601 5.95425 0.0528239 7.43848 0.0527344ZM7.4375 1.84473C6.94279 1.84478 6.54203 2.24552 6.54199 2.74023C6.54199 3.23499 6.94276 3.63569 7.4375 3.63574C7.93229 3.63574 8.33301 3.23502 8.33301 2.74023C8.33296 2.24549 7.93226 1.84473 7.4375 1.84473Z" })
|
|
4846
|
+
] }),
|
|
4847
|
+
buildings: /* @__PURE__ */ jsxs2(Fragment2, { children: [
|
|
4848
|
+
/* @__PURE__ */ jsx3(
|
|
4849
|
+
"path",
|
|
4850
|
+
{
|
|
4851
|
+
d: "M14.1787 3.58594V23.6494H0V3.60449L7.08887 0.347656L14.1787 3.58594ZM3.42285 20.2275H5.86719V17.7832H3.42285V20.2275ZM8.31348 17.7832V20.2275H10.7578V17.7832H8.31348ZM3.42285 16.3174H5.86719V13.873H3.42285V16.3174ZM8.31348 16.3174H10.7578V13.873H8.31348V16.3174ZM3.42285 12.4062H5.86719V9.96191H3.42285V12.4062ZM8.31348 12.4062H10.7578V9.96191H8.31348V12.4062ZM3.42285 8.49414H5.86719V6.0498H3.42285V8.49414ZM8.31348 8.49414H10.7578V6.0498H8.31348V8.49414Z",
|
|
4852
|
+
fill: "#8D8D8D"
|
|
4853
|
+
}
|
|
4854
|
+
),
|
|
4855
|
+
/* @__PURE__ */ jsx3(
|
|
4856
|
+
"path",
|
|
4857
|
+
{
|
|
4858
|
+
d: "M22 23.6523H15.6445V8.00684H22V23.6523ZM17.5996 18.7617V21.2061H20.0439V18.7617H17.5996ZM17.5996 17.2959H20.0439V14.8516H17.5996V17.2959ZM17.5996 13.3828H20.0439V10.9385H17.5996V13.3828Z",
|
|
4859
|
+
fill: "#8D8D8D"
|
|
4860
|
+
}
|
|
4861
|
+
)
|
|
4862
|
+
] }),
|
|
4863
|
+
community: /* @__PURE__ */ jsxs2(Fragment2, { children: [
|
|
4864
|
+
/* @__PURE__ */ jsx3("path", { d: "M6.41018 0.520509C6.61589 0.334405 6.93017 0.334214 7.13576 0.520509L11.1797 4.20899C11.1553 4.22924 11.1302 4.24904 11.1065 4.27051L11.1016 4.27539L7.85549 7.23535V6.22266H5.69045V8.96289C5.69045 9.2644 5.44619 9.51172 5.14846 9.51172H3.52444C3.22683 9.51157 2.98342 9.26431 2.98342 8.96289V5.12598H2.0635C1.81449 5.12598 1.70074 4.8129 1.88479 4.64844L6.41018 0.520509ZM10.5615 8.96289C10.5615 9.2644 10.3183 9.51172 10.0205 9.51172H8.39651C8.24437 9.51169 8.10738 9.44603 8.00881 9.34277L10.5615 7.01465V8.96289Z" }),
|
|
4865
|
+
/* @__PURE__ */ jsx3("path", { d: "M17.1572 9.34291C17.0587 9.44563 16.9212 9.5099 16.7695 9.5099H15.1465C14.8488 9.5099 14.6045 9.26356 14.6045 8.96205V7.01283L17.1572 9.34291ZM18.0312 0.519664C18.237 0.333296 18.5511 0.333282 18.7568 0.519664L23.2822 4.64759C23.4717 4.81205 23.3525 5.12509 23.1035 5.12513H22.1836V8.96205C22.1836 9.26356 21.9393 9.5099 21.6416 9.5099H20.0176C19.72 9.5097 19.4766 9.26344 19.4766 8.96205V6.22084H17.3115V7.23451L14.0654 4.27455L14.0615 4.26966L13.9873 4.20814L18.0312 0.519664Z" }),
|
|
4866
|
+
/* @__PURE__ */ jsx3("path", { d: "M11.4999 23.0724V20.3314H13.6652V23.0724C13.6652 23.3739 13.9087 23.6206 14.2065 23.6206H15.8304C16.1282 23.6206 16.3718 23.3739 16.3718 23.0724V19.235H17.292C17.541 19.235 17.6601 18.9225 17.4706 18.758L12.9452 14.63C12.7395 14.4436 12.4255 14.4436 12.2198 14.63L7.69438 18.758C7.51033 18.9225 7.62401 19.235 7.87301 19.235H8.79326V23.0724C8.79326 23.3739 9.03685 23.6206 9.33458 23.6206H10.9585C11.2563 23.6206 11.4999 23.3739 11.4999 23.0724Z" }),
|
|
4867
|
+
/* @__PURE__ */ jsx3("path", { d: "M5.58006 11.3107C5.78576 11.1243 6.09994 11.1243 6.30564 11.3107L9.85057 14.5441L7.02537 17.1232V17.0119H4.86033V19.7531C4.86025 20.0544 4.6168 20.3007 4.31932 20.3009H2.69529C2.39761 20.3009 2.15338 20.0545 2.1533 19.7531V15.9152H1.23338C0.984396 15.9152 0.870698 15.6031 1.05467 15.4386L5.58006 11.3107ZM9.7324 19.7531C9.73232 20.0545 9.48809 20.3009 9.19041 20.3009H8.79393V19.2355H7.87303L7.78709 19.2208C7.6013 19.1588 7.53481 18.9029 7.69529 18.7589L9.7324 16.9005V19.7531Z" }),
|
|
4868
|
+
/* @__PURE__ */ jsx3("path", { d: "M19.6914 11.3107C19.8971 11.1243 20.2113 11.1243 20.417 11.3107L24.9424 15.4386C25.1317 15.6031 25.0126 15.9151 24.7637 15.9152H23.8438V19.7531C23.8437 20.0546 23.5995 20.3009 23.3018 20.3009H21.6777C21.3802 20.3008 21.1367 20.0545 21.1367 19.7531V17.0119H18.9717V17.9953C18.8742 17.8308 18.7485 17.6744 18.5908 17.5324L15.7305 14.924L19.6914 11.3107ZM17.4707 18.7599C17.6361 18.9038 17.5666 19.1596 17.3799 19.2218L17.292 19.2365H16.373V20.0773C16.3062 19.9861 16.2647 19.8747 16.2646 19.7531V17.6583L17.4707 18.7599Z" }),
|
|
4869
|
+
/* @__PURE__ */ jsx3("path", { d: "M9.79104 14.4903H9.33498C9.03726 14.4903 8.79299 14.244 8.79299 13.9425V13.5792L9.79104 14.4903ZM12.2197 5.50009C12.4254 5.31377 12.7397 5.31377 12.9453 5.50009L17.4707 9.62802C17.6602 9.79248 17.541 10.1046 17.292 10.1046H16.3721V12.0899L14.0469 14.212C13.9882 14.2653 13.934 14.3213 13.8838 14.379C13.7522 14.2788 13.6651 14.1211 13.6651 13.9425V11.2013H11.5V13.8009L8.79299 11.3321V10.1046H7.87307C7.62406 10.1046 7.51031 9.79248 7.69436 9.62802L12.2197 5.50009Z" })
|
|
4870
|
+
] }),
|
|
4871
|
+
subdivision: /* @__PURE__ */ jsxs2(Fragment2, { children: [
|
|
4872
|
+
/* @__PURE__ */ jsx3("path", { d: "M11.6839 19.3029V16.1255H14.3134V19.3029C14.3134 19.6524 14.6092 19.9384 14.9708 19.9384H16.9429C17.3045 19.9384 17.6003 19.6524 17.6003 19.3029V14.8546H18.7178C19.0202 14.8546 19.1648 14.4923 18.9348 14.3017L13.4391 9.51654C13.1893 9.30048 12.808 9.30048 12.5582 9.51654L7.06249 14.3017C6.83898 14.4923 6.97703 14.8546 7.27943 14.8546H8.39697V19.3029C8.39697 19.6524 8.69279 19.9384 9.05435 19.9384H11.0265C11.388 19.9384 11.6839 19.6524 11.6839 19.3029Z" }),
|
|
4873
|
+
/* @__PURE__ */ jsx3("path", { d: "M18.1924 13.6522V14.0096C18.1924 14.3591 17.9151 14.6454 17.5762 14.6454H15.7275C15.3886 14.6453 15.1113 14.3591 15.1113 14.0096V10.9705L18.1924 13.6522ZM19.0127 4.22348C19.2468 4.00753 19.6037 4.00755 19.8379 4.22348L24.9902 9.00863C25.2059 9.19927 25.0706 9.56134 24.7871 9.56137H23.7393V14.0096C23.7393 14.3591 23.462 14.6454 23.123 14.6454H21.2744C20.9355 14.6454 20.6582 14.3591 20.6582 14.0096V10.8319H18.1924V11.6473L14.4893 8.42367L19.0127 4.22348Z" }),
|
|
4874
|
+
/* @__PURE__ */ jsx3("path", { d: "M6.51074 4.22342C6.76055 4.00765 7.14191 4.00746 7.3916 4.22342L11.8965 8.14628C11.7871 8.21111 11.6819 8.28632 11.583 8.37186L11.5791 8.37479L8.26562 11.2586V10.8328H5.63574V13.7146C5.5094 13.9545 5.44783 14.2082 5.4414 14.4598C5.32235 14.5742 5.15865 14.6453 4.97851 14.6453H3.00683C2.64527 14.6453 2.34863 14.3591 2.34863 14.0096V9.56131H1.23144C0.929131 9.56122 0.791165 9.1992 1.01464 9.00858L6.51074 4.22342ZM11.5527 14.0096C11.5527 14.3589 11.2568 14.6451 10.8955 14.6453H8.92285C8.56131 14.6453 8.26562 14.3591 8.26562 14.0096V13.2644L11.5527 10.4031V14.0096ZM12.9775 9.35624C12.9324 9.47072 12.8212 9.56131 12.6699 9.56131H12.5205L12.5723 9.51639C12.6879 9.41638 12.8318 9.36363 12.9775 9.35624Z" })
|
|
4875
|
+
] }),
|
|
4876
|
+
lot: /* @__PURE__ */ jsxs2(Fragment2, { children: [
|
|
4877
|
+
/* @__PURE__ */ jsx3("path", { d: "M1.28481 17.9291C1.68761 18.0252 1.93583 18.4306 1.83991 18.8335L1.68148 19.4996H2.36957C2.78374 19.4997 3.11896 19.836 3.11896 20.2501C3.11871 20.6641 2.78359 20.9995 2.36957 20.9995H1.68148C0.712759 20.9995 -0.00204962 20.095 0.222017 19.1527L0.381609 18.4854C0.47768 18.0826 0.881956 17.8332 1.28481 17.9291ZM6.49699 19.4996L6.64849 19.5146C6.99008 19.5847 7.24638 19.8878 7.24638 20.2501C7.24616 20.6122 6.98991 20.9144 6.64849 20.9845L6.49699 20.9995H5.1208C4.70687 20.9994 4.37166 20.664 4.37141 20.2501C4.37141 19.836 4.70672 19.4997 5.1208 19.4996H6.49699ZM10.6244 19.4996C11.0386 19.4996 11.3738 19.8359 11.3738 20.2501C11.3736 20.6641 11.0384 20.9995 10.6244 20.9995H9.24822C8.8343 20.9994 8.49909 20.664 8.49883 20.2501C8.49883 19.836 8.83415 19.4998 9.24822 19.4996H10.6244ZM14.7518 19.4996C15.166 19.4996 15.5012 19.8359 15.5012 20.2501C15.501 20.6641 15.1659 20.9995 14.7518 20.9995H13.3756C12.9617 20.9994 12.6265 20.664 12.6263 20.2501C12.6263 19.836 12.9616 19.4998 13.3756 19.4996H14.7518ZM18.8793 19.4996C19.2935 19.4996 19.6298 19.8359 19.6298 20.2501C19.6296 20.6641 19.2933 20.9995 18.8793 20.9995H17.5031C17.0892 20.9993 16.7539 20.664 16.7537 20.2501C16.7537 19.836 17.089 19.4998 17.5031 19.4996H18.8793ZM22.7765 17.9511C23.1826 17.8707 23.5771 18.1348 23.6578 18.5409L23.7896 19.2082C23.9734 20.1356 23.2641 20.9995 22.3186 20.9995H21.6305C21.2166 20.9993 20.8814 20.664 20.8811 20.2501C20.8811 19.836 21.2164 19.4998 21.6305 19.4996H22.3186L22.1868 18.8335L22.1717 18.682C22.1737 18.333 22.421 18.0216 22.7765 17.9511ZM23.1293 15.8741C23.2099 16.2803 22.9456 16.6757 22.5395 16.7565C22.1333 16.8371 21.7378 16.5728 21.6571 16.1667L21.3923 14.8333L22.1289 14.6875L22.8644 14.5407L23.1293 15.8741ZM2.47481 16.1667C2.37869 16.5694 1.97442 16.8177 1.57161 16.7218C1.16887 16.6257 0.920596 16.2214 1.01651 15.8186L2.47481 16.1667ZM2.23658 13.9301C2.63953 14.026 2.88878 14.4303 2.79284 14.8333L2.47481 16.1667L1.74508 15.992L1.01651 15.8186L1.33338 14.4852C1.42946 14.0824 1.83377 13.8342 2.23658 13.9301ZM21.9821 13.9509C22.3883 13.8703 22.7837 14.1345 22.8644 14.5407L21.3923 14.8333C21.3117 14.4271 21.576 14.0317 21.9821 13.9509ZM22.3348 11.8739C22.4154 12.2802 22.1513 12.6756 21.745 12.7562C21.3894 12.8266 21.0426 12.6329 20.9077 12.311L20.8638 12.1664L20.5989 10.833L21.3344 10.6873L22.0699 10.5405L22.3348 11.8739ZM3.18951 9.92985C3.59224 10.0259 3.84052 10.4302 3.74461 10.833L3.42774 12.1664L3.37801 12.3099C3.23088 12.626 2.87702 12.8065 2.52454 12.7227C2.12159 12.6268 1.87234 12.2213 1.96828 11.8184L2.28631 10.485C2.38252 10.0824 2.78676 9.83396 3.18951 9.92985ZM21.1887 9.95182C21.5948 9.87125 21.9891 10.1345 22.0699 10.5405L20.5989 10.833C20.5183 10.4268 20.7826 10.0325 21.1887 9.95182ZM19.9374 5.99902C20.6533 5.99902 21.2703 6.50534 21.4096 7.20753L21.5414 7.87481L21.5553 8.02515C21.5534 8.37415 21.3073 8.68547 20.9516 8.75604C20.5963 8.82651 20.2496 8.63336 20.1144 8.31195L20.0704 8.16624L19.9374 7.50011H19.0828C18.6686 7.50011 18.3323 7.16379 18.3323 6.74957C18.3323 6.33535 18.6686 5.99902 19.0828 5.99902H19.9374ZM5.39373 5.99902C5.80794 5.99902 6.14427 6.33535 6.14427 6.74957C6.14427 7.16379 5.80794 7.50011 5.39373 7.50011H4.5391L4.37951 8.16624C4.28352 8.56913 3.87923 8.81843 3.47631 8.7225C3.07363 8.62647 2.82552 8.22204 2.92121 7.8193L3.07964 7.15202C3.24058 6.47639 3.84455 5.99902 4.5391 5.99902H5.39373ZM10.5273 5.99902C10.9415 5.99904 11.2778 6.33536 11.2778 6.74957C11.2778 7.16378 10.9415 7.5001 10.5273 7.50011H8.81571C8.40174 7.49982 8.06632 7.16361 8.06632 6.74957C8.06632 6.33553 8.40174 5.99931 8.81571 5.99902H10.5273ZM15.6608 5.99902C16.0748 5.99932 16.4102 6.33554 16.4102 6.74957C16.4102 7.1636 16.0748 7.49982 15.6608 7.50011H13.9493C13.535 7.50011 13.1987 7.16378 13.1987 6.74957C13.1987 6.33536 13.535 5.99903 13.9493 5.99902H15.6608Z" }),
|
|
4878
|
+
/* @__PURE__ */ jsx3("path", { d: "M10.6309 14.7413V10.9913H13.6309V14.7413C13.6309 15.1538 13.9684 15.4913 14.3809 15.4913H16.6309C17.0434 15.4913 17.3809 15.1538 17.3809 14.7413V9.4913H18.6559C19.0009 9.4913 19.1659 9.0638 18.9034 8.8388L12.6334 3.19125C12.3484 2.93625 11.9134 2.93625 11.6284 3.19125L5.35831 8.8388C5.10331 9.0638 5.26081 9.4913 5.60581 9.4913H6.88082V14.7413C6.88082 15.1538 7.21833 15.4913 7.63083 15.4913H9.88085C10.2934 15.4913 10.6309 15.1538 10.6309 14.7413Z" })
|
|
4879
|
+
] }),
|
|
4880
|
+
houseFilled: /* @__PURE__ */ jsx3(Fragment2, { children: /* @__PURE__ */ jsx3("path", { d: "M9.82369 19.9192V14.5155H14.1715V19.9192C14.1715 20.5137 14.6606 21 15.2584 21H18.5193C19.1171 21 19.6062 20.5137 19.6062 19.9192V12.3539H21.454C21.954 12.3539 22.1932 11.7379 21.8127 11.4137L12.7258 3.27559C12.3128 2.90814 11.6824 2.90814 11.2693 3.27559L2.18245 11.4137C1.81288 11.7379 2.04114 12.3539 2.54114 12.3539H4.38895V19.9192C4.38895 20.5137 4.87808 21 5.4759 21H8.73674C9.33456 21 9.82369 20.5137 9.82369 19.9192Z" }) })
|
|
4843
4881
|
};
|
|
4844
4882
|
|
|
4845
4883
|
// src/components/PresentationContext.tsx
|
|
@@ -8152,7 +8190,7 @@ function TextFieldBase(props) {
|
|
|
8152
8190
|
const fieldStyles = {
|
|
8153
8191
|
container: Css.df.fdc.w100.maxw(fieldMaxWidth).relative.if(labelStyle === "left").maxw100.fdr.gap2.jcsb.aic.$,
|
|
8154
8192
|
inputWrapper: {
|
|
8155
|
-
...Css[typeScale].df.aic.br4.
|
|
8193
|
+
...Css[typeScale].df.aic.br4.pxPx(textFieldBasePadding).w100.bgColor(bgColor).gray900.if(contrast && !inputStylePalette).white.if(labelStyle === "left").w(labelLeftFieldWidth).$,
|
|
8156
8194
|
// When borderless then perceived vertical alignments are misaligned. As there is no longer a border, then the field looks oddly indented.
|
|
8157
8195
|
// This typically happens in tables when a column has a mix of static text (i.e. "roll up" rows and table headers) and input fields.
|
|
8158
8196
|
// To remedy this perceived misalignment then we increase the width by the horizontal padding applied (16px), and set a negative margin left margin to re-center the field.
|
|
@@ -8182,7 +8220,7 @@ function TextFieldBase(props) {
|
|
|
8182
8220
|
// Make the background transparent when highlighting the field on hover
|
|
8183
8221
|
...borderOnHover && Css.bgTransparent.$,
|
|
8184
8222
|
// For "multiline" fields we add top and bottom padding of 7px for compact, or 11px for non-compact, to properly match the height of the single line fields
|
|
8185
|
-
...multiline ? Css.br4.pyPx(compact ? 7 :
|
|
8223
|
+
...multiline ? Css.br4.pyPx(compact ? 7 : textFieldBaseMultilineTopPadding).add("resize", "none").$ : Css.truncate.$
|
|
8186
8224
|
},
|
|
8187
8225
|
hover: Css.bgColor(hoverBgColor).if(contrast).bcGray600.$,
|
|
8188
8226
|
focus: Css.bcBlue700.if(contrast).bcBlue500.if(borderOnHover).bgColor(hoverBgColor).bcBlue500.$,
|
|
@@ -8342,6 +8380,8 @@ function getInputStylePalette(inputStylePalette) {
|
|
|
8342
8380
|
return ["rgba(255,255,255,1)" /* White */, "rgba(247, 245, 245, 1)" /* Gray100 */, "rgba(247, 245, 245, 1)" /* Gray100 */];
|
|
8343
8381
|
}
|
|
8344
8382
|
}
|
|
8383
|
+
var textFieldBasePadding = increment(1);
|
|
8384
|
+
var textFieldBaseMultilineTopPadding = 11;
|
|
8345
8385
|
|
|
8346
8386
|
// src/inputs/internal/MenuSearchField.tsx
|
|
8347
8387
|
import { jsx as jsx35 } from "@emotion/react/jsx-runtime";
|
|
@@ -8660,7 +8700,16 @@ import { mergeProps as mergeProps7 } from "react-aria";
|
|
|
8660
8700
|
// src/inputs/hooks/useGrowingTextField.tsx
|
|
8661
8701
|
import { useLayoutEffect } from "@react-aria/utils";
|
|
8662
8702
|
import { useCallback as useCallback8 } from "react";
|
|
8663
|
-
function useGrowingTextField({ inputRef, inputWrapRef, value, disabled }) {
|
|
8703
|
+
function useGrowingTextField({ inputRef, inputWrapRef, value, disabled, maxLines }) {
|
|
8704
|
+
const getLineHeight = useCallback8((element) => {
|
|
8705
|
+
const computedStyle = window.getComputedStyle(element);
|
|
8706
|
+
const lineHeight = computedStyle.lineHeight;
|
|
8707
|
+
if (lineHeight === "normal") {
|
|
8708
|
+
const fontSize = parseFloat(computedStyle.fontSize);
|
|
8709
|
+
return fontSize * 1.2;
|
|
8710
|
+
}
|
|
8711
|
+
return parseFloat(lineHeight);
|
|
8712
|
+
}, []);
|
|
8664
8713
|
const onHeightChange = useCallback8(() => {
|
|
8665
8714
|
if (disabled) return;
|
|
8666
8715
|
const input = inputRef.current;
|
|
@@ -8669,11 +8718,27 @@ function useGrowingTextField({ inputRef, inputWrapRef, value, disabled }) {
|
|
|
8669
8718
|
const prevAlignment = input.style.alignSelf;
|
|
8670
8719
|
input.style.alignSelf = "start";
|
|
8671
8720
|
input.style.height = "auto";
|
|
8672
|
-
|
|
8721
|
+
const naturalHeight = input.scrollHeight + 2;
|
|
8722
|
+
let finalHeight = naturalHeight;
|
|
8723
|
+
if (maxLines && input instanceof HTMLTextAreaElement) {
|
|
8724
|
+
const lineHeight = getLineHeight(input);
|
|
8725
|
+
const maxHeight = maxLines * lineHeight + 2;
|
|
8726
|
+
finalHeight = Math.min(naturalHeight, maxHeight) + textFieldBaseMultilineTopPadding;
|
|
8727
|
+
if (naturalHeight > maxHeight) {
|
|
8728
|
+
input.style.overflowY = "auto";
|
|
8729
|
+
input.style.paddingRight = `${textFieldBasePadding}px`;
|
|
8730
|
+
inputWrap.style.paddingRight = "0px";
|
|
8731
|
+
} else {
|
|
8732
|
+
input.style.overflowY = "hidden";
|
|
8733
|
+
input.style.paddingRight = "0px";
|
|
8734
|
+
inputWrap.style.paddingRight = `${textFieldBasePadding}px`;
|
|
8735
|
+
}
|
|
8736
|
+
}
|
|
8737
|
+
inputWrap.style.height = `${finalHeight}px`;
|
|
8673
8738
|
input.style.height = "100%";
|
|
8674
8739
|
input.style.alignSelf = prevAlignment;
|
|
8675
8740
|
}
|
|
8676
|
-
}, [inputRef, disabled, inputWrapRef]);
|
|
8741
|
+
}, [inputRef, disabled, inputWrapRef, maxLines, getLineHeight]);
|
|
8677
8742
|
useLayoutEffect(() => {
|
|
8678
8743
|
if (disabled) {
|
|
8679
8744
|
if (inputWrapRef.current) {
|
|
@@ -9200,11 +9265,13 @@ function CheckboxBase(props) {
|
|
|
9200
9265
|
helperText,
|
|
9201
9266
|
checkboxOnly = false,
|
|
9202
9267
|
withLabelElement = true,
|
|
9203
|
-
tooltip
|
|
9268
|
+
tooltip,
|
|
9269
|
+
fullWidth = false
|
|
9204
9270
|
} = props;
|
|
9205
9271
|
const ref = useRef17(null);
|
|
9206
9272
|
const { isFocusVisible, focusProps } = useFocusRing5(ariaProps);
|
|
9207
9273
|
const tid = useTestIds(props, defaultTestId(label));
|
|
9274
|
+
const maxWidth = fullWidth ? "none" : description !== void 0 ? px(344) : px(320);
|
|
9208
9275
|
const Tag2 = withLabelElement ? "label" : "div";
|
|
9209
9276
|
return maybeTooltip({
|
|
9210
9277
|
title: tooltip,
|
|
@@ -9212,7 +9279,7 @@ function CheckboxBase(props) {
|
|
|
9212
9279
|
children: /* @__PURE__ */ jsxs27(
|
|
9213
9280
|
Tag2,
|
|
9214
9281
|
{
|
|
9215
|
-
css: Css.df.cursorPointer.relative.w("max-content").maxw(
|
|
9282
|
+
css: Css.df.cursorPointer.relative.w("max-content").maxw(maxWidth).if(isDisabled).cursorNotAllowed.$,
|
|
9216
9283
|
"aria-label": label,
|
|
9217
9284
|
children: [
|
|
9218
9285
|
/* @__PURE__ */ jsx47(VisuallyHidden3, { children: /* @__PURE__ */ jsx47("input", { ref, ...mergeProps6(inputProps, focusProps), ...tid, "data-indeterminate": isIndeterminate }) }),
|
|
@@ -11857,6 +11924,7 @@ function TextAreaField(props) {
|
|
|
11857
11924
|
onFocus,
|
|
11858
11925
|
preventNewLines,
|
|
11859
11926
|
onEnter,
|
|
11927
|
+
maxLines,
|
|
11860
11928
|
...otherProps
|
|
11861
11929
|
} = props;
|
|
11862
11930
|
const isDisabled = !!disabled;
|
|
@@ -11864,7 +11932,7 @@ function TextAreaField(props) {
|
|
|
11864
11932
|
const textFieldProps = { ...otherProps, value, isDisabled, isReadOnly };
|
|
11865
11933
|
const inputRef = useRef31(null);
|
|
11866
11934
|
const inputWrapRef = useRef31(null);
|
|
11867
|
-
useGrowingTextField({ inputRef, inputWrapRef, value });
|
|
11935
|
+
useGrowingTextField({ inputRef, inputWrapRef, value, maxLines });
|
|
11868
11936
|
const { labelProps, inputProps } = useTextField3(
|
|
11869
11937
|
{
|
|
11870
11938
|
...textFieldProps,
|