@mongodb-js/compass-components 0.9.1 → 0.11.0

package/lib/compass-ui-colors.d.ts

@@ -1,3 +1,5 @@
 export declare const gray8 = "#f5f6f7";
 export declare const transparentGray = "rgba(180, 180, 180, 0.5)";
 export declare const transparentWhite = "rgba(255, 255, 255, 0.5)";
+export declare const gold = "#FFC010";
+//# sourceMappingURL=compass-ui-colors.d.ts.map

package/lib/compass-ui-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compass-ui-colors.d.ts","sourceRoot":"","sources":["../src/compass-ui-colors.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,eAAe,6BAA6B,CAAC;AAC1D,eAAO,MAAM,gBAAgB,6BAA6B,CAAC;AAC3D,eAAO,MAAM,IAAI,YAAY,CAAC"}

package/lib/compass-ui-colors.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.transparentWhite = exports.transparentGray = exports.gray8 = void 0;
+exports.gold = exports.transparentWhite = exports.transparentGray = exports.gray8 = void 0;
 exports.gray8 = '#f5f6f7';
 exports.transparentGray = 'rgba(180, 180, 180, 0.5)';
 exports.transparentWhite = 'rgba(255, 255, 255, 0.5)';
+exports.gold = '#FFC010';
 //# sourceMappingURL=compass-ui-colors.js.map

package/lib/compass-ui-colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"compass-ui-colors.js","sourceRoot":"","sources":["../src/compass-ui-colors.tsx"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG,SAAS,CAAC;AAClB,QAAA,eAAe,GAAG,0BAA0B,CAAC;AAC7C,QAAA,gBAAgB,GAAG,0BAA0B,CAAC"}
+{"version":3,"file":"compass-ui-colors.js","sourceRoot":"","sources":["../src/compass-ui-colors.tsx"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG,SAAS,CAAC;AAClB,QAAA,eAAe,GAAG,0BAA0B,CAAC;AAC7C,QAAA,gBAAgB,GAAG,0BAA0B,CAAC;AAC9C,QAAA,IAAI,GAAG,SAAS,CAAC"}

package/lib/components/accordion.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 interface AccordionProps {
-    dataTestId?: string;
+    'data-testid'?: string;
     text: string;
 }
 declare function Accordion(props: React.PropsWithChildren<AccordionProps>): React.ReactElement;
 export default Accordion;
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAqCxC,UAAU,cAAc;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;CACd;AACD,iBAAS,SAAS,CAChB,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,GAC7C,KAAK,CAAC,YAAY,CAkCpB;AAED,eAAe,SAAS,CAAC"}

package/lib/components/accordion.js

@@ -24,16 +24,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const tokens_1 = require("@leafygreen-ui/tokens");
-const css_1 = require("@emotion/css");
+const emotion_1 = require("@leafygreen-ui/emotion");
 const icon_1 = __importDefault(require("@leafygreen-ui/icon"));
 const palette_1 = require("@leafygreen-ui/palette");
 const utils_1 = require("@react-aria/utils");
-const labelStyles = (0, css_1.css)({
+const labelStyles = (0, emotion_1.css)({
     padding: 0,
     margin: 0,
     fontWeight: 'bold',
 });
-const buttonStyles = (0, css_1.css)({
+const buttonStyles = (0, emotion_1.css)({
     display: 'flex',
     alignItems: 'center',
     border: 'none',
@@ -41,26 +41,30 @@ const buttonStyles = (0, css_1.css)({
     borderRadius: '6px',
     boxShadow: 'none',
     transition: 'box-shadow 150ms ease-in-out',
+    '&:hover': {
+        cursor: 'pointer',
+    },
     '&:focus-visible': {
+        outline: 'none',
         boxShadow: `0 0 0 3px ${palette_1.uiColors.focus}`,
     },
 });
-const containerStyles = (0, css_1.css)({
+const containerStyles = (0, emotion_1.css)({
     marginTop: tokens_1.spacing[3],
     display: 'flex',
     alignItems: 'center',
 });
-const buttonIconStyles = (0, css_1.css)({
+const buttonIconStyles = (0, emotion_1.css)({
     marginRight: tokens_1.spacing[1],
 });
 function Accordion(props) {
     const [open, setOpen] = (0, react_1.useState)(false);
     const regionId = (0, utils_1.useId)('region-');
     const labelId = (0, utils_1.useId)('label-');
-    return (react_1.default.createElement("div", { "data-testid": props.dataTestId },
+    return (react_1.default.createElement("div", null,
         react_1.default.createElement("div", { className: containerStyles },
             react_1.default.createElement("p", { className: labelStyles, id: labelId },
-                react_1.default.createElement("button", { className: buttonStyles, type: "button", "aria-expanded": open ? 'true' : 'false', "aria-controls": regionId, onClick: () => {
+                react_1.default.createElement("button", { "data-testid": props['data-testid'], className: buttonStyles, type: "button", "aria-expanded": open ? 'true' : 'false', "aria-controls": regionId, onClick: () => {
                         setOpen((currentOpen) => !currentOpen);
                     } },
                     react_1.default.createElement(icon_1.default, { className: buttonIconStyles, glyph: open ? 'ChevronDown' : 'ChevronRight' }),

package/lib/components/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,kDAAgD;AAChD,sCAAmC;AACnC,+DAAuC;AACvC,oDAAkD;AAClD,6CAA0C;AAE1C,MAAM,WAAW,GAAG,IAAA,SAAG,EAAC;IACtB,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,MAAM;CACnB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,SAAG,EAAC;IACvB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,8BAA8B;IAC1C,iBAAiB,EAAE;QACjB,SAAS,EAAE,aAAa,kBAAQ,CAAC,KAAK,EAAE;KACzC;CACF,CAAC,CAAC;AACH,MAAM,eAAe,GAAG,IAAA,SAAG,EAAC;IAC1B,SAAS,EAAE,gBAAO,CAAC,CAAC,CAAC;IACrB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AACH,MAAM,gBAAgB,GAAG,IAAA,SAAG,EAAC;IAC3B,WAAW,EAAE,gBAAO,CAAC,CAAC,CAAC;CACxB,CAAC,CAAC;AAKH,SAAS,SAAS,CAChB,KAA8C;IAE9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,SAAS,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;IAChC,OAAO,CACL,sDAAkB,KAAK,CAAC,UAAU;QAChC,uCAAK,SAAS,EAAE,eAAe;YAC7B,qCAAG,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE,OAAO;gBACpC,0CACE,SAAS,EAAE,YAAY,EACvB,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBACvB,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC;oBACzC,CAAC;oBAED,8BAAC,cAAI,IACH,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,GAC5C;oBACD,KAAK,CAAC,IAAI,CACJ,CACP,CACA;QAEL,IAAI,IAAI,CACP,uCAAK,IAAI,EAAC,QAAQ,qBAAkB,OAAO,EAAE,EAAE,EAAE,QAAQ,IACtD,KAAK,CAAC,QAAQ,CACX,CACP,CACG,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,kDAAgD;AAChD,oDAA6C;AAC7C,+DAAuC;AACvC,oDAAkD;AAClD,6CAA0C;AAE1C,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,MAAM;CACnB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,8BAA8B;IAC1C,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;KAClB;IACD,iBAAiB,EAAE;QACjB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,aAAa,kBAAQ,CAAC,KAAK,EAAE;KACzC;CACF,CAAC,CAAC;AACH,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,SAAS,EAAE,gBAAO,CAAC,CAAC,CAAC;IACrB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AACH,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,WAAW,EAAE,gBAAO,CAAC,CAAC,CAAC;CACxB,CAAC,CAAC;AAKH,SAAS,SAAS,CAChB,KAA8C;IAE9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,SAAS,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;IAChC,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,eAAe;YAC7B,qCAAG,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE,OAAO;gBACpC,yDACe,KAAK,CAAC,aAAa,CAAC,EACjC,SAAS,EAAE,YAAY,EACvB,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBACvB,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC;oBACzC,CAAC;oBAED,8BAAC,cAAI,IACH,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,GAC5C;oBACD,KAAK,CAAC,IAAI,CACJ,CACP,CACA;QAEL,IAAI,IAAI,CACP,uCAAK,IAAI,EAAC,QAAQ,qBAAkB,OAAO,EAAE,EAAE,EAAE,QAAQ,IACtD,KAAK,CAAC,QAAQ,CACX,CACP,CACG,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}

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

@@ -6,3 +6,4 @@ declare function CancelLoader({ dataTestId, progressText, cancelText, onCancel,
     onCancel: () => void;
 }): React.ReactElement;
 export default CancelLoader;
+//# sourceMappingURL=cancel-loader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cancel-loader.d.ts","sourceRoot":"","sources":["../../src/components/cancel-loader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqD1B,iBAAS,YAAY,CAAC,EACpB,UAAU,EACV,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,KAAK,CAAC,YAAY,CAcrB;AAED,eAAe,YAAY,CAAC"}

package/lib/components/cancel-loader.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const css_1 = require("@emotion/css");
+const emotion_1 = require("@leafygreen-ui/emotion");
 const react_1 = __importDefault(require("react"));
-const cancelLoaderStyle = (0, css_1.css)({
+const cancelLoaderStyle = (0, emotion_1.css)({
     height: '100%',
     display: 'flex',
     flexDirection: 'column',
@@ -13,14 +13,14 @@ const cancelLoaderStyle = (0, css_1.css)({
     justifyContent: 'center',
     padding: '10px 0',
 });
-const progressTextStyle = (0, css_1.css)({
+const progressTextStyle = (0, emotion_1.css)({
     margin: '0 auto 30px',
     textAlign: 'left',
     fontSize: '24px',
     color: '#807f7f',
     fontWeight: 200,
 });
-const spinnerStyle = (0, css_1.css)({
+const spinnerStyle = (0, emotion_1.css)({
     animation: 'fa-spin 2s infinite linear',
     width: '40px',
     textAlign: 'center',
@@ -32,7 +32,7 @@ const spinnerStyle = (0, css_1.css)({
         content: '"\\f1ce"',
     },
 });
-const buttonStyle = (0, css_1.css)({
+const buttonStyle = (0, emotion_1.css)({
     padding: '0 10px 0 10px',
     height: '28px',
     fontWeight: 'bold',

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

@@ -1 +1 @@
-{"version":3,"file":"cancel-loader.js","sourceRoot":"","sources":["../../src/components/cancel-loader.tsx"],"names":[],"mappings":";;;;;AAAA,sCAAmC;AACnC,kDAA0B;AAE1B,MAAM,iBAAiB,GAAG,IAAA,SAAG,EAAC;IAC5B,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAA,SAAG,EAAC;IAC5B,MAAM,EAAE,aAAa;IACrB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,SAAG,EAAC;IACvB,SAAS,EAAE,4BAA4B;IACvC,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,cAAc;IACvB,aAAa,EAAE,MAAM;IACrB,IAAI,EAAE,yCAAyC;IAC/C,WAAW,EAAE;QACX,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,SAAG,EAAC;IACtB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,WAAW;IAC1B,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,mBAAmB;IAC3B,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,UAAU;IACtB,oBAAoB,EAAE,QAAQ;IAC9B,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,SAAS,YAAY,CAAC,EACpB,UAAU,EACV,YAAY,EACZ,UAAU,EACV,QAAQ,GAMT;IACC,OAAO,CACL,sDAAkB,UAAU,EAAE,SAAS,EAAE,iBAAiB;QACxD,uCAAK,SAAS,EAAE,iBAAiB;YAC/B,qCAAG,SAAS,EAAE,YAAY,GAAI;YAC7B,YAAY,CACT;QACN;YACE,0CAAQ,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,IAC9C,UAAU,CACJ,CACL,CACF,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"cancel-loader.js","sourceRoot":"","sources":["../../src/components/cancel-loader.tsx"],"names":[],"mappings":";;;;;AAAA,oDAA6C;AAC7C,kDAA0B;AAE1B,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,MAAM,EAAE,aAAa;IACrB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,SAAS,EAAE,4BAA4B;IACvC,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,cAAc;IACvB,aAAa,EAAE,MAAM;IACrB,IAAI,EAAE,yCAAyC;IAC/C,WAAW,EAAE;QACX,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,WAAW;IAC1B,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,mBAAmB;IAC3B,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,UAAU;IACtB,oBAAoB,EAAE,QAAQ;IAC9B,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,SAAS,YAAY,CAAC,EACpB,UAAU,EACV,YAAY,EACZ,UAAU,EACV,QAAQ,GAMT;IACC,OAAO,CACL,sDAAkB,UAAU,EAAE,SAAS,EAAE,iBAAiB;QACxD,uCAAK,SAAS,EAAE,iBAAiB;YAC/B,qCAAG,SAAS,EAAE,YAAY,GAAI;YAC7B,YAAY,CACT;QACN;YACE,0CAAQ,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,IAC9C,UAAU,CACJ,CACL,CACF,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,YAAY,CAAC"}

package/lib/components/checkbox.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import LeafyGreenCheckbox from '@leafygreen-ui/checkbox';
+declare function Checkbox(props: React.ComponentProps<typeof LeafyGreenCheckbox>): ReturnType<typeof LeafyGreenCheckbox>;
+export { Checkbox };
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AASzD,iBAAS,QAAQ,CACf,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,GACrD,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAUvC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/components/checkbox.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+const react_1 = __importDefault(require("react"));
+const checkbox_1 = __importDefault(require("@leafygreen-ui/checkbox"));
+const emotion_1 = require("@leafygreen-ui/emotion");
+const use_theme_1 = require("../hooks/use-theme");
+const checkboxOverrideStyles = (0, emotion_1.css)({
+    fontWeight: 'bold',
+});
+function Checkbox(props) {
+    const theme = (0, use_theme_1.useTheme)();
+    return (react_1.default.createElement(checkbox_1.default, { className: checkboxOverrideStyles, darkMode: (theme === null || theme === void 0 ? void 0 : theme.theme) === use_theme_1.Theme.Dark, ...props }));
+}
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=checkbox.js.map

package/lib/components/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uEAAyD;AACzD,oDAA6C;AAE7C,kDAAqD;AAErD,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,UAAU,EAAE,MAAM;CACnB,CAAC,CAAC;AAEH,SAAS,QAAQ,CACf,KAAsD;IAEtD,MAAM,KAAK,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAEzB,OAAO,CACL,8BAAC,kBAAkB,IACjB,SAAS,EAAE,sBAAsB,EACjC,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,MAAK,iBAAK,CAAC,IAAI,KACjC,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAEQ,4BAAQ"}

package/lib/components/confirmation-modal.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import LeafyGreenConfirmationModal from '@leafygreen-ui/confirmation-modal';
-declare function ConfirmationModal(props: React.ComponentProps<typeof LeafyGreenConfirmationModal> & {
+declare function ConfirmationModal({ trackingId, ...props }: React.ComponentProps<typeof LeafyGreenConfirmationModal> & {
     trackingId?: string;
 }): React.ReactElement;
 export default ConfirmationModal;
+//# sourceMappingURL=confirmation-modal.d.ts.map

package/lib/components/confirmation-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmation-modal.d.ts","sourceRoot":"","sources":["../../src/components/confirmation-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,2BAA2B,MAAM,mCAAmC,CAAC;AAI5E,iBAAS,iBAAiB,CAAC,EACzB,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,2BAA2B,CAAC,GAAG;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,KAAK,CAAC,YAAY,CAOrB;AAED,eAAe,iBAAiB,CAAC"}

package/lib/components/confirmation-modal.js

@@ -1,17 +1,38 @@
 "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 });
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const confirmation_modal_1 = __importDefault(require("@leafygreen-ui/confirmation-modal"));
 const compass_logging_1 = require("@mongodb-js/compass-logging");
 const { track } = (0, compass_logging_1.createLoggerAndTelemetry)('COMPASS-UI');
-function ConfirmationModal(props) {
-    if (props.open && props.trackingId) {
-        track('Screen', { name: props.trackingId });
-    }
-    return react_1.default.createElement(confirmation_modal_1.default, { ...props });
+function ConfirmationModal({ trackingId, ...props }) {
+    (0, react_1.useEffect)(() => {
+        if (props.open && trackingId) {
+            track('Screen', { name: trackingId });
+        }
+    }, [props.open, trackingId]);
+    return react_1.default.createElement(confirmation_modal_1.default, { "data-testid": trackingId, ...props });
 }
 exports.default = ConfirmationModal;
 //# sourceMappingURL=confirmation-modal.js.map

package/lib/components/confirmation-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirmation-modal.js","sourceRoot":"","sources":["../../src/components/confirmation-modal.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,2FAA4E;AAC5E,iEAAuE;AACvE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,0CAAwB,EAAC,YAAY,CAAC,CAAC;AAEzD,SAAS,iBAAiB,CACxB,KAEC;IAED,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,UAAU,EAAE;QAClC,KAAK,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC;KAC7C;IACD,OAAO,8BAAC,4BAA2B,OAAK,KAAK,GAAI,CAAC;AACpD,CAAC;AAED,kBAAe,iBAAiB,CAAC"}
+{"version":3,"file":"confirmation-modal.js","sourceRoot":"","sources":["../../src/components/confirmation-modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,2FAA4E;AAC5E,iEAAuE;AACvE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,0CAAwB,EAAC,YAAY,CAAC,CAAC;AAEzD,SAAS,iBAAiB,CAAC,EACzB,UAAU,EACV,GAAG,KAAK,EAGT;IACC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,IAAI,IAAI,UAAU,EAAE;YAC5B,KAAK,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;SACvC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAC7B,OAAO,8BAAC,4BAA2B,mBAAc,UAAU,KAAM,KAAK,GAAI,CAAC;AAC7E,CAAC;AAED,kBAAe,iBAAiB,CAAC"}

package/lib/components/content-with-fallback.d.ts

@@ -15,3 +15,4 @@ declare type FadeInPlaceholderProps = {
 };
 export declare const FadeInPlaceholder: React.FunctionComponent<FadeInPlaceholderProps & Omit<React.HTMLProps<HTMLDivElement>, keyof FadeInPlaceholderProps>>;
 export {};
+//# sourceMappingURL=content-with-fallback.d.ts.map

package/lib/components/content-with-fallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-with-fallback.d.ts","sourceRoot":"","sources":["../../src/components/content-with-fallback.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAuDnD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACxD,OAAO,CACL,YAAY,EAAE,OAAO,EACrB,aAAa,EAAE,OAAO,GACrB,KAAK,CAAC,YAAY,GAAG,OAAO,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,YAAY,EAAE,OAAO,GAAG,KAAK,CAAC,YAAY,GAAG,OAAO,GAAG,IAAI,CAAC;IACrE,cAAc,EAAE,OAAO,CAAC;IACxB,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAqBA,CAAC;AAuCF,aAAK,sBAAsB,GAAG;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,IAAI,KAAK,CAAC,YAAY,GAAG,OAAO,GAAG,IAAI,CAAC;IAC/C,QAAQ,IAAI,KAAK,CAAC,YAAY,GAAG,OAAO,GAAG,IAAI,CAAC;IAChD,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACxD,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CACrD,sBAAsB,GACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,MAAM,sBAAsB,CAAC,CA+CtE,CAAC"}

package/lib/components/error-boundary.d.ts

@@ -0,0 +1,18 @@
+import type { ErrorInfo } from 'react';
+import React from 'react';
+declare type State = {
+    error: Error | null;
+};
+declare type Props = {
+    displayName?: string;
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+    children: React.ReactElement;
+};
+export declare class ErrorBoundary extends React.Component<Props> {
+    state: State;
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=error-boundary.d.ts.map

package/lib/components/error-boundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../src/components/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B,CAAC;AAEF,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IACvD,KAAK,EAAE,KAAK,CAEV;IAEF,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK;IAMpD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI;IAM3D,MAAM,IAAI,KAAK,CAAC,SAAS;CAgB1B"}

package/lib/components/error-boundary.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorBoundary = void 0;
+const react_1 = __importDefault(require("react"));
+const banner_1 = __importDefault(require("@leafygreen-ui/banner"));
+const emotion_1 = require("@leafygreen-ui/emotion");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const errorContainerStyles = (0, emotion_1.css)({
+    padding: tokens_1.spacing[3],
+    width: '100%',
+});
+class ErrorBoundary extends react_1.default.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            error: null,
+        };
+    }
+    static getDerivedStateFromError(error) {
+        return {
+            error,
+        };
+    }
+    componentDidCatch(error, errorInfo) {
+        if (this.props.onError) {
+            this.props.onError(error, errorInfo);
+        }
+    }
+    render() {
+        const { displayName } = this.props;
+        const { error } = this.state;
+        if (error) {
+            return (react_1.default.createElement("div", { className: errorContainerStyles },
+                react_1.default.createElement(banner_1.default, { variant: "danger" },
+                    "An error occurred while rendering",
+                    displayName ? ` ${displayName}` : '',
+                    ": ",
+                    error.message)));
+        }
+        return this.props.children;
+    }
+}
+exports.ErrorBoundary = ErrorBoundary;
+//# sourceMappingURL=error-boundary.js.map

package/lib/components/error-boundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary.js","sourceRoot":"","sources":["../../src/components/error-boundary.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,mEAA2C;AAC3C,oDAA6C;AAC7C,kDAAgD;AAEhD,MAAM,oBAAoB,GAAG,IAAA,aAAG,EAAC;IAC/B,OAAO,EAAE,gBAAO,CAAC,CAAC,CAAC;IACnB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAYH,MAAa,aAAc,SAAQ,eAAK,CAAC,SAAgB;IAAzD;;QACE,UAAK,GAAU;YACb,KAAK,EAAE,IAAI;SACZ,CAAC;IA8BJ,CAAC;IA5BC,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO;YACL,KAAK;SACN,CAAC;IACJ,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAClD,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACtB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;SACtC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACnC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE7B,IAAI,KAAK,EAAE;YACT,OAAO,CACL,uCAAK,SAAS,EAAE,oBAAoB;gBAClC,8BAAC,gBAAM,IAAC,OAAO,EAAC,QAAQ;;oBAErB,WAAW,CAAC,CAAC,CAAC,IAAI,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE;;oBAAI,KAAK,CAAC,OAAO,CAC/C,CACL,CACP,CAAC;SACH;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF;AAjCD,sCAiCC"}

package/lib/components/file-input.d.ts

@@ -3,18 +3,22 @@ export declare enum Variant {
     Horizontal = "HORIZONTAL",
     Vertical = "VERTICAL"
 }
-declare function FileInput({ id, label, dataTestId, onChange, multi, error, errorMessage, variant, link, description, values, labelAlignment, }: {
+declare function FileInput({ id, label, dataTestId, onChange, disabled, multi, optional, optionalMessage, error, errorMessage, variant, showFileOnNewLine, link, description, values, }: {
     id: string;
     label: string;
-    dataTestId: string;
+    dataTestId?: string;
     onChange: (files: string[]) => void;
+    disabled?: boolean;
     multi?: boolean;
+    optional?: boolean;
+    optionalMessage?: string;
     error?: boolean;
     errorMessage?: string;
     variant?: Variant;
     link?: string;
     description?: string;
+    showFileOnNewLine?: boolean;
     values?: string[];
-    labelAlignment?: 'right' | 'left' | 'center';
 }): React.ReactElement;
 export default FileInput;
+//# sourceMappingURL=file-input.d.ts.map

package/lib/components/file-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["../../src/components/file-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqF1B,oBAAY,OAAO;IACjB,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAQD,iBAAS,SAAS,CAAC,EACjB,EAAE,EACF,KAAK,EACL,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,KAAa,EACb,QAAgB,EAChB,eAAe,EACf,KAAa,EACb,YAAY,EACZ,OAA4B,EAC5B,iBAAyB,EACzB,IAAI,EACJ,WAAW,EACX,MAAM,GACP,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB,GAAG,KAAK,CAAC,YAAY,CAqIrB;AAED,eAAe,SAAS,CAAC"}

package/lib/components/file-input.js

@@ -17,64 +17,67 @@ const formItemHorizontalStyles = (0, emotion_1.css)({
     marginRight: 'auto',
     marginLeft: 'auto',
     display: 'flex',
-    alignItems: 'center',
 });
-const formItemVerticalStyles = (0, emotion_1.css) `
-  margin: 5px auto 20px;
-`;
-const formItemErrorStyles = (0, emotion_1.css) `
-  border: 1px solid ${redBaseColor};
-  border-radius: 5px;
-  &:focus {
-    border: 1px solid ${redBaseColor};
-  }
-`;
-const buttonStyles = (0, emotion_1.css) `
-  width: 100%;
-`;
+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],
+    width: '90%',
     paddingRight: tokens_1.spacing[3],
 });
-const labelIconStyles = (0, emotion_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 optionalLabelStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.gray.base,
+    marginTop: tokens_1.spacing[1],
+    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 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, dataTestId, onChange, multi = false, error = false, errorMessage, variant = Variant.Horizontal, link, description, values, labelAlignment = 'left', }) {
+function FileInput({ id, label, dataTestId, onChange, disabled, multi = false, optional = false, optionalMessage, error = false, errorMessage, variant = Variant.Horizontal, showFileOnNewLine = false, link, description, values, }) {
     const inputRef = react_1.default.useRef(null);
     const buttonText = react_1.default.useMemo(() => {
         if (Array.isArray(values) && values.length > 0) {
@@ -91,30 +94,41 @@ function FileInput({ id, label, dataTestId, onChange, multi = false, error = fal
     }, [onChange]);
     const renderDescription = () => {
         if (!link && !description) {
-            return react_1.default.createElement(react_1.default.Fragment, null);
+            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.Description, { "data-testid": 'file-input-description' }, description));
         }
-        return (react_1.default.createElement(__1.Link, { "data-testid": 'file-input-link', href: link, className: (0, emotion_1.cx)({
-                [labelIconStyles]: !description,
-            }, (0, emotion_1.css)({
-                gridArea: description ? 'description' : 'icon',
-            })), hideExternalIcon: !description }, description !== null && description !== void 0 ? description : ''));
+        return (react_1.default.createElement(__1.Link, { "data-testid": 'file-input-link', href: link, className: (0, emotion_1.cx)(description ? infoLinkStyles : labelIconStyles), 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 }, { [formItemErrorStyles]: error }) },
-            react_1.default.createElement("label", { htmlFor: `${id}_file_input`, className: (0, emotion_1.cx)({ [labelHorizontalStyles]: variant === Variant.Horizontal }, (0, emotion_1.css)({
-                    textAlign: labelAlignment,
-                })) },
-                react_1.default.createElement("span", { style: { gridArea: 'label' } }, label),
+        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,
+                }) },
+                react_1.default.createElement(__1.Label, { htmlFor: `${id}_file_input`, disabled: disabled },
+                    react_1.default.createElement("span", { className: (0, emotion_1.cx)({
+                            [disabledDescriptionStyles]: disabled,
+                        }) }, 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' } }),
-            react_1.default.createElement(__1.Button, { id: id, "data-testid": "file-input-button", className: (0, emotion_1.cx)({ [buttonStyles]: true }), onClick: () => {
-                    if (inputRef.current) {
+            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;

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"}