@mongodb-js/compass-components 0.7.0 → 0.10.0

package/lib/components/file-input.js

@@ -6,71 +6,87 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Variant = void 0;
 const react_1 = __importDefault(require("react"));
 const path_1 = __importDefault(require("path"));
-const css_1 = require("@emotion/css");
+const emotion_1 = require("@leafygreen-ui/emotion");
+const palette_1 = require("@leafygreen-ui/palette");
+const tokens_1 = require("@leafygreen-ui/tokens");
 const __1 = require("..");
-const formItemHorizontalStyles = css_1.css `
-  margin: 15px auto 15px;
-  display: flex;
-  justify-content: flex-end;
-`;
-const formItemVerticalStyles = css_1.css `
-  margin: 5px auto 20px;
-`;
-const formItemErrorStyles = css_1.css `
-  border: 1px solid red;
-
-  &:focus {
-    border: 1px solid red;
-  }
-`;
-const buttonStyles = css_1.css `
-  width: 100%;
-`;
-const buttonErrorStyles = css_1.css `
-  border: 1px solid red;
-`;
-const labelHorizontalStyles = css_1.css `
-  width: 70%;
-  text-align: right;
-  vertical-align: middle;
-  padding-right: 15px;
-  margin: auto;
-  margin-bottom: 0;
-`;
-const labelErrorStyles = css_1.css `
-  color: red;
-`;
-const labelIconStyles = css_1.css `
-  display: inline-block;
-  vertical-align: middle;
-  font: normal normal normal 14px/1 FontAwesome;
-  font-size: inherit;
-  text-rendering: auto;
-  margin: 0 0 0 5px;
-  cursor: pointer;
-  color: #bfbfbe;
-
-  &:link,
-  &:active {
-    color: #bfbfbe;
-  }
-
-  &:link,
-  &:active,
-  &:hover {
-    text-decoration: none;
-  }
-
-  &:hover {
-    color: #fbb129;
-  }
-`;
+const { base: redBaseColor } = palette_1.uiColors.red;
+const formItemHorizontalStyles = (0, emotion_1.css)({
+    marginTop: tokens_1.spacing[2],
+    marginBottom: tokens_1.spacing[2],
+    marginRight: 'auto',
+    marginLeft: 'auto',
+    display: 'flex',
+});
+const formItemVerticalStyles = (0, emotion_1.css)({
+    margin: '5px auto 20px',
+});
+const removeFileLineStyles = (0, emotion_1.css)({
+    display: 'flex',
+    flexDirection: 'row',
+});
+const removeFileButtonStyles = (0, emotion_1.css)({
+    marginLeft: tokens_1.spacing[1],
+});
+const buttonStyles = (0, emotion_1.css)({
+    width: '100%',
+});
+const errorMessageStyles = (0, emotion_1.css)({
+    color: `${redBaseColor} !important`,
+});
+const labelHorizontalStyles = (0, emotion_1.css)({
+    width: '70%',
+    display: 'grid',
+    gridTemplateAreas: `'label icon' 'description .'`,
+    gridTemplateColumns: '1fr auto',
+    alignItems: 'center',
+    columnGap: tokens_1.spacing[1],
+    paddingRight: tokens_1.spacing[3],
+});
+const optionalLabelStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.gray.base,
+    fontStyle: 'italic',
+    fontWeight: 'normal',
+    fontSize: 12,
+});
+const infoLinkStyles = (0, emotion_1.css)({
+    '&:link, &:active, &:hover': {
+        textDecoration: 'none',
+    },
+});
+const labelIconStyles = (0, emotion_1.css)({
+    display: 'inline-block',
+    verticalAlign: 'middle',
+    font: 'normal normal normal 14px/1 FontAwesome',
+    fontSize: 'inherit',
+    textRendering: 'auto',
+    margin: '0 0 0 5px',
+    cursor: 'pointer',
+    color: '#bfbfbe',
+    '&:link, &:active': {
+        color: '#bfbfbe',
+    },
+    '&:link, &:active, &:hover': {
+        textDecoration: 'none',
+    },
+    '&:hover': {
+        color: '#fbb129',
+    },
+});
+const disabledLabelStyles = (0, emotion_1.css)({
+    '&:first-child': {
+        pointerEvents: 'none',
+    },
+});
+const disabledDescriptionStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.gray.dark1,
+});
 var Variant;
 (function (Variant) {
     Variant["Horizontal"] = "HORIZONTAL";
     Variant["Vertical"] = "VERTICAL";
 })(Variant = exports.Variant || (exports.Variant = {}));
-function FileInput({ id, label, onChange, multi = false, error = false, variant = Variant.Horizontal, link, values, }) {
+function FileInput({ id, label, dataTestId, onChange, disabled, multi = false, optional = false, optionalMessage, error = false, errorMessage, variant = Variant.Horizontal, showFileOnNewLine = false, link, description, values, labelAlignment = 'left', }) {
     const inputRef = react_1.default.useRef(null);
     const buttonText = react_1.default.useMemo(() => {
         if (Array.isArray(values) && values.length > 0) {
@@ -85,16 +101,51 @@ function FileInput({ id, label, onChange, multi = false, error = false, variant
         });
         onChange(files);
     }, [onChange]);
-    return (react_1.default.createElement("div", { className: css_1.cx({ [formItemHorizontalStyles]: variant === Variant.Horizontal }, { [formItemVerticalStyles]: variant === Variant.Vertical }, { [formItemErrorStyles]: error }) },
-        react_1.default.createElement("label", { htmlFor: id, className: css_1.cx({ [labelHorizontalStyles]: variant === Variant.Horizontal }, { [labelErrorStyles]: error }) },
-            react_1.default.createElement("span", null, label),
-            link && (react_1.default.createElement("a", { href: link, target: "_blank", rel: "noreferrer", className: labelIconStyles, "data-testid": "file-input-link" }, "\uF05A"))),
-        react_1.default.createElement("input", { ref: inputRef, id: `${id}_file_input`, name: id, type: "file", multiple: multi, onChange: onFilesChanged, style: { display: 'none' } }),
-        react_1.default.createElement(__1.Button, { id: id, "data-testid": "file-input-button", className: css_1.cx({ [buttonStyles]: true }, { [buttonErrorStyles]: error }), onClick: () => {
-                if (inputRef.current) {
-                    inputRef.current.click();
-                }
-            }, title: "Select a file", leftGlyph: react_1.default.createElement(__1.Icon, { glyph: "AddFile", title: null, fill: "currentColor" }) }, buttonText)));
+    const renderDescription = () => {
+        if (!link && !description) {
+            return null;
+        }
+        if (!link) {
+            return (react_1.default.createElement(__1.Description, { "data-testid": 'file-input-description', style: { gridArea: 'description' } }, description));
+        }
+        return (react_1.default.createElement(__1.Link, { "data-testid": 'file-input-link', href: link, className: (0, emotion_1.cx)(description ? infoLinkStyles : labelIconStyles, (0, emotion_1.css)({
+                gridArea: description ? 'description' : 'icon',
+            })), hideExternalIcon: !description }, description !== null && description !== void 0 ? description : ''));
+    };
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: (0, emotion_1.cx)({ [formItemHorizontalStyles]: variant === Variant.Horizontal }, { [formItemVerticalStyles]: variant === Variant.Vertical }) },
+            react_1.default.createElement("div", { className: (0, emotion_1.cx)({
+                    [labelHorizontalStyles]: variant === Variant.Horizontal,
+                }, (0, emotion_1.css)({
+                    textAlign: labelAlignment,
+                })) },
+                react_1.default.createElement("label", { htmlFor: `${id}_file_input`, className: (0, emotion_1.cx)({
+                        [disabledLabelStyles]: disabled,
+                    }) },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("span", { className: (0, emotion_1.cx)({
+                                [disabledDescriptionStyles]: disabled,
+                            }), style: { gridArea: 'label' } }, label)),
+                    optional && (react_1.default.createElement("div", { className: optionalLabelStyles }, optionalMessage ? optionalMessage : 'Optional'))),
+                renderDescription()),
+            react_1.default.createElement("input", { "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : 'file-input', ref: inputRef, id: `${id}_file_input`, name: id, type: "file", multiple: multi, onChange: onFilesChanged, style: { display: 'none' }, key: values ? values.join(',') : 'empty' }),
+            react_1.default.createElement(__1.Button, { id: id, "data-testid": "file-input-button", className: buttonStyles, disabled: disabled, onClick: () => {
+                    if (!disabled && inputRef.current) {
+                        inputRef.current.click();
+                    }
+                }, title: "Select a file", leftGlyph: react_1.default.createElement(__1.Icon, { glyph: "AddFile", title: null, fill: "currentColor" }) }, buttonText)),
+        showFileOnNewLine &&
+            values &&
+            values.length > 0 &&
+            values.map((value, index) => (react_1.default.createElement("div", { className: removeFileLineStyles, key: value },
+                value,
+                react_1.default.createElement(__1.IconButton, { className: removeFileButtonStyles, "aria-label": "Remove file", onClick: () => {
+                        const newValues = [...values];
+                        newValues.splice(index, 1);
+                        onChange(newValues);
+                    } },
+                    react_1.default.createElement(__1.Icon, { glyph: "X" }))))),
+        error && errorMessage && (react_1.default.createElement(__1.Label, { "data-testid": 'file-input-error', className: errorMessageStyles, htmlFor: '' }, errorMessage))));
 }
 exports.default = FileInput;
 //# sourceMappingURL=file-input.js.map

package/lib/components/file-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../src/components/file-input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../src/components/file-input.tsx"],"names":[],"mappings":"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"}

package/lib/components/icons/favorite-icon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare function FavoriteIcon({ isFavorite, favoriteColor, darkMode, showCircle, size, }: {
+    isFavorite?: boolean;
+    favoriteColor?: string;
+    darkMode?: boolean;
+    showCircle?: boolean;
+    size?: number;
+}): React.ReactElement;
+//# sourceMappingURL=favorite-icon.d.ts.map

package/lib/components/icons/favorite-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"favorite-icon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/favorite-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,wBAAgB,YAAY,CAAC,EAE3B,UAAkB,EAClB,aAAoB,EACpB,QAAgB,EAChB,UAAiB,EACjB,IAAiB,GAClB,EAAE;IACD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,CA2BrB"}

package/lib/components/icons/favorite-icon.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FavoriteIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const tokens_1 = require("@leafygreen-ui/tokens");
+const palette_1 = require("@leafygreen-ui/palette");
+const compass_ui_colors_1 = require("../../compass-ui-colors");
+function FavoriteIcon({ isFavorite = false, favoriteColor = compass_ui_colors_1.gold, darkMode = false, showCircle = true, size = tokens_1.spacing[4], }) {
+    const stroke = darkMode ? palette_1.uiColors.white : palette_1.uiColors.black;
+    return (react_1.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        showCircle && (react_1.default.createElement("path", { d: "M12 22.6667C17.891 22.6667 22.6667 17.891 22.6667 12C22.6667 6.10897 17.891 1.33334 12 1.33334C6.10897 1.33334 1.33334 6.10897 1.33334 12C1.33334 17.891 6.10897 22.6667 12 22.6667Z", stroke: stroke, strokeMiterlimit: "10" })),
+        react_1.default.createElement("path", { id: "favoriteIconStar", d: "M11.9195 15.6372L8.89689 17.3104C8.77598 17.3831 8.62053 17.274 8.63781 17.1103L9.20779 13.5639C9.22506 13.5094 9.19051 13.4366 9.15597 13.4003L6.7206 10.8905C6.61697 10.7814 6.66879 10.5995 6.82424 10.5813L10.2096 10.0721C10.2614 10.0721 10.3132 10.0175 10.3477 9.98118L11.8677 6.76215C11.9368 6.63485 12.1095 6.63485 12.1786 6.76215L13.664 9.96299C13.6813 10.0175 13.7331 10.0539 13.8022 10.0539L17.1875 10.5631C17.3257 10.5813 17.3775 10.7632 17.2911 10.8723L14.8212 13.4003C14.7867 13.4366 14.7694 13.5094 14.7694 13.5639L15.3394 17.1103C15.3567 17.2558 15.2185 17.3649 15.0803 17.3104L12.075 15.6372C12.0231 15.6008 11.9713 15.6008 11.9195 15.6372Z", stroke: isFavorite ? favoriteColor : stroke, fill: isFavorite ? favoriteColor : 'none', strokeMiterlimit: "10" })));
+}
+exports.FavoriteIcon = FavoriteIcon;
+//# sourceMappingURL=favorite-icon.js.map

package/lib/components/icons/favorite-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"favorite-icon.js","sourceRoot":"","sources":["../../../src/components/icons/favorite-icon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,oDAAkD;AAElD,+DAA+C;AAE/C,SAAgB,YAAY,CAAC,EAE3B,UAAU,GAAG,KAAK,EAClB,aAAa,GAAG,wBAAI,EACpB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,IAAI,EACjB,IAAI,GAAG,gBAAO,CAAC,CAAC,CAAC,GAOlB;IACC,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,kBAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,kBAAQ,CAAC,KAAK,CAAC;IAE1D,OAAO,CACL,uCACE,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAEjC,UAAU,IAAI,CACb,wCACE,CAAC,EAAC,sLAAsL,EACxL,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAC,IAAI,GACrB,CACH;QACD,wCACE,EAAE,EAAC,kBAAkB,EACrB,CAAC,EAAC,+oBAA+oB,EACjpB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,EAC3C,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,EACzC,gBAAgB,EAAC,IAAI,GACrB,CACE,CACP,CAAC;AACJ,CAAC;AAxCD,oCAwCC"}

package/lib/components/inline-definition.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Tooltip } from './tooltip';
+declare const InlineDefinition: React.FunctionComponent<React.HTMLProps<HTMLSpanElement> & {
+    definition: React.ReactNode;
+    tooltipProps: Partial<Omit<React.ComponentProps<typeof Tooltip>, 'trigger' | 'children'>>;
+}>;
+export { InlineDefinition };
+//# sourceMappingURL=inline-definition.d.ts.map

package/lib/components/inline-definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-definition.d.ts","sourceRoot":"","sources":["../../src/components/inline-definition.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAepC,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAC7C,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG;IACjC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,YAAY,EAAE,OAAO,CACnB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC,CACnE,CAAC;CACH,CAwBF,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/lib/components/inline-definition.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InlineDefinition = void 0;
+const react_1 = __importDefault(require("react"));
+const typography_1 = require("@leafygreen-ui/typography");
+const emotion_1 = require("@leafygreen-ui/emotion");
+const tooltip_1 = require("./tooltip");
+const merge_props_1 = require("../utils/merge-props");
+const underline = (0, emotion_1.css)({
+    backgroundRepeat: 'repeat-x',
+    backgroundPosition: 'center bottom',
+    backgroundSize: '3px 2px',
+    backgroundImage: 'radial-gradient( circle closest-side, currentColor 75%, transparent 25%)',
+});
+const maxWidth = (0, emotion_1.css)({
+    maxWidth: '360px',
+});
+const InlineDefinition = ({ children, definition, tooltipProps, ...props }) => {
+    return (react_1.default.createElement(tooltip_1.Tooltip, { justify: "middle", spacing: 5, trigger: ({ children: tooltip, ...triggerProps }) => {
+            const merged = (0, merge_props_1.mergeProps)({ className: underline }, triggerProps, props);
+            return (react_1.default.createElement("span", { ...merged },
+                children,
+                tooltip));
+        }, ...tooltipProps },
+        react_1.default.createElement(typography_1.Body, { className: maxWidth }, definition)));
+};
+exports.InlineDefinition = InlineDefinition;
+//# sourceMappingURL=inline-definition.js.map

package/lib/components/inline-definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-definition.js","sourceRoot":"","sources":["../../src/components/inline-definition.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,0DAAiD;AACjD,oDAA6C;AAC7C,uCAAoC;AACpC,sDAAkD;AAElD,MAAM,SAAS,GAAG,IAAA,aAAG,EAAC;IACpB,gBAAgB,EAAE,UAAU;IAC5B,kBAAkB,EAAE,eAAe;IACnC,cAAc,EAAE,SAAS;IACzB,eAAe,EACb,0EAA0E;CAC7E,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,IAAA,aAAG,EAAC;IACnB,QAAQ,EAAE,OAAO;CAClB,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAOlB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvD,OAAO,CACL,8BAAC,iBAAO,IACN,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,CAAC,EACV,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,YAAY,EAAE,EAAE,EAAE;YAClD,MAAM,MAAM,GAAG,IAAA,wBAAU,EACvB,EAAE,SAAS,EAAE,SAAS,EAAE,EACxB,YAAY,EACZ,KAAK,CACN,CAAC;YACF,OAAO,CACL,2CAAU,MAAM;gBACb,QAAQ;gBACR,OAAO,CACH,CACR,CAAC;QACJ,CAAC,KACG,YAAY;QAEhB,8BAAC,iBAAI,IAAC,SAAS,EAAE,QAAQ,IAAG,UAAU,CAAQ,CACtC,CACX,CAAC;AACJ,CAAC,CAAC;AAEO,4CAAgB"}

package/lib/components/placeholder.d.ts

@@ -0,0 +1,10 @@
+import type { CSSProperties } from 'react';
+import React from 'react';
+export declare const Placeholder: React.FunctionComponent<Omit<React.HTMLProps<HTMLDivElement>, 'minChar' | 'maxChar' | 'width' | 'height'> & {
+    minChar?: number;
+    maxChar?: number;
+    width?: CSSProperties['width'];
+    height?: CSSProperties['height'];
+    darkMode?: boolean;
+}>;
+//# sourceMappingURL=placeholder.d.ts.map

package/lib/components/placeholder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder.d.ts","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAkB,MAAM,OAAO,CAAC;AA8CvC,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,IAAI,CACF,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC/B,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAC3C,GAAG;IACF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAuBF,CAAC"}

package/lib/components/placeholder.js

@@ -0,0 +1,68 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Placeholder = void 0;
+const react_1 = __importStar(require("react"));
+const __1 = require("../");
+const __2 = require("../");
+const scale = 4;
+const percent = (num) => (num * 100).toFixed(3) + '%';
+const move = (0, __1.keyframes)({
+    from: {
+        backgroundPosition: `${percent(scale)} 0`,
+    },
+    to: {
+        backgroundPosition: '0 0',
+    },
+});
+const placeholder = (0, __1.css)({
+    '--gradient-start': __2.uiColors.gray.light3,
+    '--gradient-end': 'rgba(235, 241, 239, 1)',
+    alignSelf: 'center',
+    borderRadius: 3,
+    maxWidth: '80%',
+    backgroundColor: 'var(--gradient-start)',
+    backgroundImage: `linear-gradient(
+        to right,
+        var(--gradient-start) 0%,
+        var(--gradient-end) ${percent(1 / scale / 2)},
+        var(--gradient-start) ${percent(1 / scale)},
+        var(--gradient-start) 100%
+    )`,
+    backgroundSize: `${percent(scale)} 100%`,
+    backgroundPosition: '0 0',
+    animation: `${move} ${scale}s infinite linear`,
+});
+const placeholderDarkMode = (0, __1.css)({
+    '--gradient-start': 'rgba(38, 55, 66, 1)',
+    '--gradient-end': 'rgba(47, 64, 74, 1)',
+});
+function getBoundRandom(min, max) {
+    return Math.random() * (max - min) + min;
+}
+const Placeholder = ({ className, minChar = 5, maxChar = 15, width: propsWidth, height: propsHeight = __2.spacing[3], darkMode, ...props }) => {
+    const width = (0, react_1.useMemo)(() => {
+        return propsWidth || `${Math.round(getBoundRandom(minChar, maxChar))}ch`;
+    }, [minChar, maxChar, propsWidth]);
+    return (react_1.default.createElement("div", { ...props, role: "presentation", "data-testid": "placeholder", className: (0, __1.cx)(placeholder, className, darkMode && placeholderDarkMode), style: { width, height: propsHeight } }));
+};
+exports.Placeholder = Placeholder;
+//# sourceMappingURL=placeholder.js.map

package/lib/components/placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAEA,+CAAuC;AACvC,2BAAyC;AACzC,2BAAwC;AAGxC,MAAM,KAAK,GAAG,CAAC,CAAC;AAEhB,MAAM,OAAO,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAEtE,MAAM,IAAI,GAAG,IAAA,aAAS,EAAC;IACrB,IAAI,EAAE;QACJ,kBAAkB,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI;KAC1C;IACD,EAAE,EAAE;QACF,kBAAkB,EAAE,KAAK;KAC1B;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,OAAG,EAAC;IACtB,kBAAkB,EAAE,YAAQ,CAAC,IAAI,CAAC,MAAM;IACxC,gBAAgB,EAAE,wBAAwB;IAC1C,SAAS,EAAE,QAAQ;IACnB,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,uBAAuB;IACxC,eAAe,EAAE;;;8BAGW,OAAO,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gCACpB,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;;MAE5C;IACJ,cAAc,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO;IACxC,kBAAkB,EAAE,KAAK;IACzB,SAAS,EAAE,GAAG,IAAI,IAAI,KAAK,mBAAmB;CAC/C,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,OAAG,EAAC;IAC9B,kBAAkB,EAAE,qBAAqB;IACzC,gBAAgB,EAAE,qBAAqB;CACxC,CAAC,CAAC;AAEH,SAAS,cAAc,CAAC,GAAW,EAAE,GAAW;IAC9C,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AAC3C,CAAC;AAEM,MAAM,WAAW,GAWpB,CAAC,EACH,SAAS,EACT,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,EAAE,EACZ,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,GAAG,WAAO,CAAC,CAAC,CAAC,EAChC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,OAAO,UAAU,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC;IAC3E,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,0CACM,KAAK,EACT,IAAI,EAAC,cAAc,iBACP,aAAa,EACzB,SAAS,EAAE,IAAA,MAAE,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,IAAI,mBAAmB,CAAC,EACtE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAChC,CACR,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,WAAW,eAiCtB"}

package/lib/components/resize-handle.d.ts

@@ -13,3 +13,4 @@ declare function ResizeHandle({ direction, step, value, minValue, maxValue, onCh
     title: string;
 }): React.ReactElement;
 export { ResizeHandle, ResizeDirection };
+//# sourceMappingURL=resize-handle.d.ts.map

package/lib/components/resize-handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-handle.d.ts","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,aAAK,eAAe;IAClB,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB;AAkDD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,IAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE;IACD,SAAS,EAAE,eAAe,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,CA6DrB;AAED,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/lib/components/resize-handle.js

@@ -20,15 +20,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResizeDirection = exports.ResizeHandle = void 0;
-const css_1 = require("@emotion/css");
 const react_1 = __importStar(require("react"));
+const emotion_1 = require("@leafygreen-ui/emotion");
 var ResizeDirection;
 (function (ResizeDirection) {
     ResizeDirection["TOP"] = "TOP";
     ResizeDirection["RIGHT"] = "RIGHT";
 })(ResizeDirection || (ResizeDirection = {}));
 exports.ResizeDirection = ResizeDirection;
-const baseResizerStyles = css_1.css({
+const baseResizerStyles = (0, emotion_1.css)({
     position: 'absolute',
     background: 'transparent',
     padding: 0,
@@ -55,7 +55,7 @@ const baseResizerStyles = css_1.css({
         color: 'none',
     },
 });
-const verticalResizerStyle = css_1.css({
+const verticalResizerStyle = (0, emotion_1.css)({
     width: '4px !important',
     right: '-2px',
     bottom: 0,
@@ -64,7 +64,7 @@ const verticalResizerStyle = css_1.css({
         cursor: 'ew-resize',
     },
 });
-const horizontalResizerStyle = css_1.css({
+const horizontalResizerStyle = (0, emotion_1.css)({
     height: '4px !important',
     top: '-2px',
     right: 0,
@@ -74,7 +74,7 @@ const horizontalResizerStyle = css_1.css({
     },
 });
 function ResizeHandle({ direction, step = 10, value, minValue, maxValue, onChange, title, }) {
-    const isDragging = react_1.useRef(false);
+    const isDragging = (0, react_1.useRef)(false);
     function boundSize(attemptedSize) {
         return Math.min(maxValue, Math.max(minValue, attemptedSize));
     }
@@ -86,7 +86,7 @@ function ResizeHandle({ direction, step = 10, value, minValue, maxValue, onChang
         dimensionTitle = 'Height';
         resizerStyle = horizontalResizerStyle;
     }
-    return (react_1.default.createElement("input", { type: "range", "aria-roledescription": `${directionTitle} splitter`, "aria-label": `${dimensionTitle} of the ${title}, resize using arrow keys`, className: css_1.cx(baseResizerStyles, resizerStyle), min: minValue, max: maxValue, value: value, step: step, onChange: (event) => {
+    return (react_1.default.createElement("input", { type: "range", "aria-roledescription": `${directionTitle} splitter`, "aria-label": `${dimensionTitle} of the ${title}, resize using arrow keys`, className: (0, emotion_1.cx)(baseResizerStyles, resizerStyle), min: minValue, max: maxValue, value: value, step: step, onChange: (event) => {
             if (isDragging.current) {
                 return;
             }

package/lib/components/resize-handle.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize-handle.js","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"resize-handle.js","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":"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"}

package/lib/components/spin-loader.d.ts

@@ -10,3 +10,4 @@ export default class SpinLoader extends Component<SpinLoaderProps> {
     render(): JSX.Element;
 }
 export {};
+//# sourceMappingURL=spin-loader.d.ts.map

package/lib/components/spin-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spin-loader.d.ts","sourceRoot":"","sources":["../../src/components/spin-loader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,UAAU,eAAe;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAmBD,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IAChE,MAAM,CAAC,YAAY;;MAEjB;IAEF,MAAM,IAAI,GAAG,CAAC,OAAO;CAatB"}

package/lib/components/spin-loader.js

@@ -20,13 +20,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const css_1 = require("@emotion/css");
+const emotion_1 = require("@leafygreen-ui/emotion");
 const palette_1 = require("@leafygreen-ui/palette");
-const shellLoaderSpin = css_1.keyframes `
+const shellLoaderSpin = (0, emotion_1.keyframes) `
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
 `;
-const spinLoaderStyle = css_1.css `
+const spinLoaderStyle = (0, emotion_1.css) `
   border: 2px solid transparent;
   border-top: 2px solid ${palette_1.uiColors.gray.dark3};
   border-radius: 50%;

package/lib/components/spin-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"spin-loader.js","sourceRoot":"","sources":["../../src/components/spin-loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,sCAA8C;AAC9C,oDAAkD;AAOlD,MAAM,eAAe,GAAG,eAAS,CAAA;;;CAGhC,CAAC;AAEF,MAAM,eAAe,GAAG,SAAG,CAAA;;0BAED,kBAAQ,CAAC,IAAI,CAAC,KAAK;;;;;;;eAO9B,eAAe;CAC7B,CAAC;AAEF,MAAqB,UAAW,SAAQ,iBAA0B;IAKhE,MAAM;QACJ,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE5B,OAAO,CACL,uCACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI;gBACX,MAAM,EAAE,IAAI;aACb,GACD,CACH,CAAC;IACJ,CAAC;;AAjBH,6BAkBC;AAjBQ,uBAAY,GAAG;IACpB,IAAI,EAAE,MAAM;CACb,CAAC"}
+{"version":3,"file":"spin-loader.js","sourceRoot":"","sources":["../../src/components/spin-loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,oDAAwD;AACxD,oDAAkD;AAOlD,MAAM,eAAe,GAAG,IAAA,mBAAS,EAAA;;;CAGhC,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,aAAG,EAAA;;0BAED,kBAAQ,CAAC,IAAI,CAAC,KAAK;;;;;;;eAO9B,eAAe;CAC7B,CAAC;AAEF,MAAqB,UAAW,SAAQ,iBAA0B;IAKhE,MAAM;QACJ,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE5B,OAAO,CACL,uCACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI;gBACX,MAAM,EAAE,IAAI;aACb,GACD,CACH,CAAC;IACJ,CAAC;;AAjBH,6BAkBC;AAjBQ,uBAAY,GAAG;IACpB,IAAI,EAAE,MAAM;CACb,CAAC"}

package/lib/components/tooltip.d.ts

@@ -0,0 +1,14 @@
+import LeafyGreenTooltip from '@leafygreen-ui/tooltip';
+import React from 'react';
+declare type TooltipTriggerProps = {
+    isDisabled?: boolean;
+    delay?: number;
+    triggerOn?: 'focus';
+};
+declare type LeafyGreenTooltipProps = React.ComponentPropsWithoutRef<typeof LeafyGreenTooltip>;
+declare type TooltipTrigger = React.FunctionComponent;
+declare const Tooltip: React.FunctionComponent<TooltipTriggerProps & Omit<LeafyGreenTooltipProps, 'open' | 'setOpen' | 'trigger'> & {
+    trigger: TooltipTrigger;
+}>;
+export { Tooltip };
+//# sourceMappingURL=tooltip.d.ts.map

package/lib/components/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,aAAK,mBAAmB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAKF,aAAK,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAC1D,OAAO,iBAAiB,CACzB,CAAC;AAEF,aAAK,cAAc,GAAG,KAAK,CAAC,iBAAiB,CAAC;AAE9C,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CACpC,mBAAmB,GACjB,IAAI,CAAC,sBAAsB,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC,GAAG;IAC7D,OAAO,EAAE,cAAc,CAAC;CACzB,CAkCJ,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/lib/components/tooltip.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+const tooltip_1 = require("@react-stately/tooltip");
+const tooltip_2 = require("@react-aria/tooltip");
+const tooltip_3 = __importDefault(require("@leafygreen-ui/tooltip"));
+const react_1 = __importStar(require("react"));
+const merge_props_1 = require("../utils/merge-props");
+const Tooltip = ({ isDisabled, triggerOn, delay, trigger, ...rest }) => {
+    const ref = (0, react_1.useRef)(null);
+    const tooltipState = (0, tooltip_1.useTooltipTriggerState)({
+        isDisabled,
+        trigger: triggerOn,
+        delay,
+    });
+    const { triggerProps, tooltipProps } = (0, tooltip_2.useTooltipTrigger)({ isDisabled, trigger: triggerOn }, tooltipState, ref);
+    const setOpen = (0, react_1.useCallback)((isOpen) => {
+        if (isOpen) {
+            tooltipState.open();
+        }
+        else {
+            tooltipState.close();
+        }
+    }, [tooltipState]);
+    return (react_1.default.createElement(tooltip_3.default, { open: tooltipState.isOpen, setOpen: setOpen, trigger: ({ children, className }) => {
+            return trigger((0, merge_props_1.mergeProps)({ children, className }, triggerProps));
+        }, ...rest, ...tooltipProps }));
+};
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=tooltip.js.map

package/lib/components/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,oDAAgE;AAChE,iDAAwD;AACxD,qEAAuD;AACvD,+CAAmD;AACnD,sDAAkD;AAoBlD,MAAM,OAAO,GAKT,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzD,MAAM,GAAG,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,gCAAsB,EAAC;QAC1C,UAAU;QACV,OAAO,EAAE,SAAS;QAClB,KAAK;KACN,CAAC,CAAC;IACH,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,IAAA,2BAAiB,EACtD,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,EAClC,YAAY,EACZ,GAAG,CACJ,CAAC;IACF,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,MAAM,EAAE,EAAE;QACT,IAAI,MAAM,EAAE;YACV,YAAY,CAAC,IAAI,EAAE,CAAC;SACrB;aAAM;YACL,YAAY,CAAC,KAAK,EAAE,CAAC;SACtB;IACH,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IACF,OAAO,CACL,8BAAC,iBAAiB,IAChB,IAAI,EAAE,YAAY,CAAC,MAAM,EACzB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAgC,EAAE,EAAE;YACjE,OAAO,OAAO,CAAC,IAAA,wBAAU,EAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC;QACpE,CAAC,KACG,IAAI,KACJ,YAAY,GACG,CACtB,CAAC;AACJ,CAAC,CAAC;AAEO,0BAAO"}