draft-components 0.52.6 → 0.56.0

package/components/index.d.ts

@@ -6,6 +6,9 @@ export * from './breadcrumbs';
 export * from './button';
 export * from './buttons-group';
 export * from './checkbox';
+export * from './date-picker';
+export * from './date-preset-picker-popover';
+export * from './date-range-picker';
 export * from './datetime-input';
 export * from './dialog';
 export * from './form-field';
@@ -13,26 +16,28 @@ export * from './formatted-content';
 export * from './inline-message';
 export * from './label';
 export * from './loading-view';
-export * from './number-input';
 export * from './non-ideal-state-view';
+export * from './number-input';
 export * from './password-input';
 export * from './popover';
 export * from './portal';
 export * from './radio-button';
 export * from './radio-group';
-export * from './slider';
 export * from './scope-buttons';
 export * from './search-input';
 export * from './secret';
 export * from './segmented-control';
 export * from './select';
+export * from './slider';
 export * from './spinner';
 export * from './svg-icon';
 export * from './switch';
 export * from './table';
+export * from './tabs';
 export * from './tag';
 export * from './text-input';
 export * from './textarea';
 export * from './toast';
+export * from './toaster';
 export * from './tooltip';
 export * from './vertical-navigation';

package/components/index.js

@@ -18,6 +18,9 @@ __exportStar(require("./breadcrumbs"), exports);
 __exportStar(require("./button"), exports);
 __exportStar(require("./buttons-group"), exports);
 __exportStar(require("./checkbox"), exports);
+__exportStar(require("./date-picker"), exports);
+__exportStar(require("./date-preset-picker-popover"), exports);
+__exportStar(require("./date-range-picker"), exports);
 __exportStar(require("./datetime-input"), exports);
 __exportStar(require("./dialog"), exports);
 __exportStar(require("./form-field"), exports);
@@ -25,27 +28,29 @@ __exportStar(require("./formatted-content"), exports);
 __exportStar(require("./inline-message"), exports);
 __exportStar(require("./label"), exports);
 __exportStar(require("./loading-view"), exports);
-__exportStar(require("./number-input"), exports);
 __exportStar(require("./non-ideal-state-view"), exports);
+__exportStar(require("./number-input"), exports);
 __exportStar(require("./password-input"), exports);
 __exportStar(require("./popover"), exports);
 __exportStar(require("./portal"), exports);
 __exportStar(require("./radio-button"), exports);
 __exportStar(require("./radio-group"), exports);
-__exportStar(require("./slider"), exports);
 __exportStar(require("./scope-buttons"), exports);
 __exportStar(require("./search-input"), exports);
 __exportStar(require("./secret"), exports);
 __exportStar(require("./segmented-control"), exports);
 __exportStar(require("./select"), exports);
+__exportStar(require("./slider"), exports);
 __exportStar(require("./spinner"), exports);
 __exportStar(require("./svg-icon"), exports);
 __exportStar(require("./switch"), exports);
 __exportStar(require("./table"), exports);
+__exportStar(require("./tabs"), exports);
 __exportStar(require("./tag"), exports);
 __exportStar(require("./text-input"), exports);
 __exportStar(require("./textarea"), exports);
 __exportStar(require("./toast"), exports);
+__exportStar(require("./toaster"), exports);
 __exportStar(require("./tooltip"), exports);
 __exportStar(require("./vertical-navigation"), exports);
 //# sourceMappingURL=index.js.map

package/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,kDAAgC;AAChC,0CAAwB;AACxB,2CAAyB;AACzB,wCAAsB;AACtB,gDAA8B;AAC9B,2CAAyB;AACzB,kDAAgC;AAChC,6CAA2B;AAC3B,mDAAiC;AACjC,2CAAyB;AACzB,+CAA6B;AAC7B,sDAAoC;AACpC,mDAAiC;AACjC,0CAAwB;AACxB,iDAA+B;AAC/B,iDAA+B;AAC/B,yDAAuC;AACvC,mDAAiC;AACjC,4CAA0B;AAC1B,2CAAyB;AACzB,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,kDAAgC;AAChC,iDAA+B;AAC/B,2CAAyB;AACzB,sDAAoC;AACpC,2CAAyB;AACzB,4CAA0B;AAC1B,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,wCAAsB;AACtB,+CAA6B;AAC7B,6CAA2B;AAC3B,0CAAwB;AACxB,4CAA0B;AAC1B,wDAAsC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,kDAAgC;AAChC,0CAAwB;AACxB,2CAAyB;AACzB,wCAAsB;AACtB,gDAA8B;AAC9B,2CAAyB;AACzB,kDAAgC;AAChC,6CAA2B;AAC3B,gDAA8B;AAC9B,+DAA6C;AAC7C,sDAAoC;AACpC,mDAAiC;AACjC,2CAAyB;AACzB,+CAA6B;AAC7B,sDAAoC;AACpC,mDAAiC;AACjC,0CAAwB;AACxB,iDAA+B;AAC/B,yDAAuC;AACvC,iDAA+B;AAC/B,mDAAiC;AACjC,4CAA0B;AAC1B,2CAAyB;AACzB,iDAA+B;AAC/B,gDAA8B;AAC9B,kDAAgC;AAChC,iDAA+B;AAC/B,2CAAyB;AACzB,sDAAoC;AACpC,2CAAyB;AACzB,2CAAyB;AACzB,4CAA0B;AAC1B,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,yCAAuB;AACvB,wCAAsB;AACtB,+CAA6B;AAC7B,6CAA2B;AAC3B,0CAAwB;AACxB,4CAA0B;AAC1B,4CAA0B;AAC1B,wDAAsC"}

package/components/inline-message/inline-message.js

@@ -5,10 +5,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_helpers_1 = require("../../lib/react-helpers");
 const formatted_content_1 = require("../formatted-content");
 const svg_icon_1 = require("../svg-icon");
-const exclamation_circle_fill_1 = require("../../icons/exclamation-circle-fill");
-const exclamation_triangle_fill_1 = require("../../icons/exclamation-triangle-fill");
-const check_circle_fill_1 = require("../../icons/check-circle-fill");
-const info_circle_fill_1 = require("../../icons/info-circle-fill");
+const exclamation_circle_fill_1 = require("../../bootstrap-icons/exclamation-circle-fill");
+const exclamation_triangle_fill_1 = require("../../bootstrap-icons/exclamation-triangle-fill");
+const check_circle_fill_1 = require("../../bootstrap-icons/check-circle-fill");
+const info_circle_fill_1 = require("../../bootstrap-icons/info-circle-fill");
 const inlineMessageIcons = {
     error: exclamation_circle_fill_1.exclamationCircleFill,
     warning: exclamation_triangle_fill_1.exclamationTriangleFill,
@@ -18,7 +18,7 @@ const inlineMessageIcons = {
 };
 function InlineMessage({ appearance = 'default', shouldShowIcon = false, className, children, ...props }) {
     var _a;
-    return (jsx_runtime_1.jsxs("small", Object.assign({}, props, { className: react_helpers_1.classNames(className, formatted_content_1.FormattedContent.CSSClasses.footnote, 'dc-inline-message', `dc-inline-message_${appearance}`) }, { children: [shouldShowIcon ? (jsx_runtime_1.jsx(svg_icon_1.SvgIcon, { className: "dc-inline-message__icon", "data-testid": "inline-message-icon", icon: (_a = inlineMessageIcons[appearance]) !== null && _a !== void 0 ? _a : inlineMessageIcons.default, width: 16, height: 16 }, void 0)) : null, children] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)(formatted_content_1.Footnote, Object.assign({}, props, { className: (0, react_helpers_1.classNames)(className, 'dc-inline-message', `dc-inline-message_${appearance}`) }, { children: [shouldShowIcon ? ((0, jsx_runtime_1.jsx)(svg_icon_1.SvgIcon, { className: "dc-inline-message__icon", "data-testid": "inline-message-icon", icon: (_a = inlineMessageIcons[appearance]) !== null && _a !== void 0 ? _a : inlineMessageIcons.default, width: 16, height: 16 }, void 0)) : null, children] }), void 0));
 }
 exports.InlineMessage = InlineMessage;
 //# sourceMappingURL=inline-message.js.map

package/components/inline-message/inline-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-message.js","sourceRoot":"","sources":["../../src/components/inline-message/inline-message.tsx"],"names":[],"mappings":";;;;AACA,2DAAqD;AACrD,4DAAwD;AACxD,0CAA4C;AAC5C,iFAA4E;AAC5E,qFAAgF;AAChF,qEAAgE;AAChE,mEAA8D;AAO9D,MAAM,kBAAkB,GAGpB;IACF,KAAK,EAAE,+CAAqB;IAC5B,OAAO,EAAE,mDAAuB;IAChC,OAAO,EAAE,mCAAe;IACxB,IAAI,EAAE,iCAAc;IACpB,OAAO,EAAE,iCAAc;CACxB,CAAC;AAEF,SAAgB,aAAa,CAAC,EAC5B,UAAU,GAAG,SAAS,EACtB,cAAc,GAAG,KAAK,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACW;;IACnB,OAAO,CACL,8CACM,KAAK,IACT,SAAS,EAAE,0BAAU,CACnB,SAAS,EACT,oCAAgB,CAAC,UAAU,CAAC,QAAQ,EACpC,mBAAmB,EACnB,qBAAqB,UAAU,EAAE,CAClC,iBAEA,cAAc,CAAC,CAAC,CAAC,CAChB,kBAAC,kBAAO,IACN,SAAS,EAAC,yBAAyB,iBACvB,qBAAqB,EACjC,IAAI,EAAE,MAAA,kBAAkB,CAAC,UAAU,CAAC,mCAAI,kBAAkB,CAAC,OAAO,EAClE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,WACV,CACH,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,aACH,CACT,CAAC;AACJ,CAAC;AA7BD,sCA6BC"}
+{"version":3,"file":"inline-message.js","sourceRoot":"","sources":["../../src/components/inline-message/inline-message.tsx"],"names":[],"mappings":";;;;AACA,2DAAqD;AACrD,4DAAgD;AAChD,0CAA4C;AAC5C,2FAAsF;AACtF,+FAA0F;AAC1F,+EAA0E;AAC1E,6EAAwE;AAOxE,MAAM,kBAAkB,GACd;IACR,KAAK,EAAE,+CAAqB;IAC5B,OAAO,EAAE,mDAAuB;IAChC,OAAO,EAAE,mCAAe;IACxB,IAAI,EAAE,iCAAc;IACpB,OAAO,EAAE,iCAAc;CACxB,CAAC;AAEF,SAAgB,aAAa,CAAC,EAC5B,UAAU,GAAG,SAAS,EACtB,cAAc,GAAG,KAAK,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACW;;IACnB,OAAO,CACL,wBAAC,4BAAQ,oBACH,KAAK,IACT,SAAS,EAAE,IAAA,0BAAU,EACnB,SAAS,EACT,mBAAmB,EACnB,qBAAqB,UAAU,EAAE,CAClC,iBAEA,cAAc,CAAC,CAAC,CAAC,CAChB,uBAAC,kBAAO,IACN,SAAS,EAAC,yBAAyB,iBACvB,qBAAqB,EACjC,IAAI,EAAE,MAAA,kBAAkB,CAAC,UAAU,CAAC,mCAAI,kBAAkB,CAAC,OAAO,EAClE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,WACV,CACH,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,aACA,CACZ,CAAC;AACJ,CAAC;AA5BD,sCA4BC"}

package/components/label/label.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_helpers_1 = require("../../lib/react-helpers");
 const formatted_content_1 = require("../formatted-content");
 function Label({ isRequired, className, children, ...props }) {
-    return (jsx_runtime_1.jsx("label", Object.assign({}, props, { className: react_helpers_1.classNames(className, formatted_content_1.FormattedContent.CSSClasses.subheadline, 'dc-label', { 'dc-label_required': isRequired }) }, { children: children }), void 0));
+    return ((0, jsx_runtime_1.jsx)("label", Object.assign({}, props, { className: (0, react_helpers_1.classNames)(className, formatted_content_1.Styles.subheadline, 'dc-label', isRequired && 'dc-label_required') }, { children: children }), void 0));
 }
 exports.Label = Label;
 //# sourceMappingURL=label.js.map

package/components/label/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/components/label/label.tsx"],"names":[],"mappings":";;;;AACA,2DAAqD;AACrD,4DAAwD;AAMxD,SAAgB,KAAK,CAAC,EACpB,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACG;IACX,OAAO,CACL,6CACM,KAAK,IACT,SAAS,EAAE,0BAAU,CACnB,SAAS,EACT,oCAAgB,CAAC,UAAU,CAAC,WAAW,EACvC,UAAU,EACV,EAAE,mBAAmB,EAAE,UAAU,EAAE,CACpC,gBAEA,QAAQ,YACH,CACT,CAAC;AACJ,CAAC;AAnBD,sBAmBC"}
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/components/label/label.tsx"],"names":[],"mappings":";;;;AACA,2DAAqD;AACrD,4DAA8C;AAM9C,SAAgB,KAAK,CAAC,EACpB,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACG;IACX,OAAO,CACL,kDACM,KAAK,IACT,SAAS,EAAE,IAAA,0BAAU,EACnB,SAAS,EACT,0BAAM,CAAC,WAAW,EAClB,UAAU,EACV,UAAU,IAAI,mBAAmB,CAClC,gBAEA,QAAQ,YACH,CACT,CAAC;AACJ,CAAC;AAnBD,sBAmBC"}

package/components/loading-view/loading-view.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_helpers_1 = require("../../lib/react-helpers");
 const spinner_1 = require("../spinner");
 function LoadingView({ padY = '2xl', spinnerSize, className, children, ...props }) {
-    return (jsx_runtime_1.jsxs("div", Object.assign({}, props, { className: react_helpers_1.classNames(className, 'dc-loading-view', `dc-loading-view_pad-y_${padY}`) }, { children: [jsx_runtime_1.jsx(spinner_1.Spinner, { className: "dc-loading-view__spinner", size: spinnerSize }, void 0), jsx_runtime_1.jsx("div", Object.assign({ className: "dc-loading-view__content" }, { children: children }), void 0)] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, props, { className: (0, react_helpers_1.classNames)(className, 'dc-loading-view', `dc-loading-view_pad-y_${padY}`) }, { children: [(0, jsx_runtime_1.jsx)(spinner_1.Spinner, { className: "dc-loading-view__spinner", size: spinnerSize }, void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "dc-loading-view__content" }, { children: children }), void 0)] }), void 0));
 }
 exports.LoadingView = LoadingView;
 //# sourceMappingURL=loading-view.js.map

package/components/loading-view/loading-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading-view.js","sourceRoot":"","sources":["../../src/components/loading-view/loading-view.tsx"],"names":[],"mappings":";;;;AACA,2DAAqD;AACrD,wCAAmD;AASnD,SAAgB,WAAW,CAAC,EAC1B,IAAI,GAAG,KAAK,EACZ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACS;IACjB,OAAO,CACL,4CACM,KAAK,IACT,SAAS,EAAE,0BAAU,CACnB,SAAS,EACT,iBAAiB,EACjB,yBAAyB,IAAI,EAAE,CAChC,iBAED,kBAAC,iBAAO,IAAC,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAE,WAAW,WAAI,EACnE,yCAAK,SAAS,EAAC,0BAA0B,gBAAE,QAAQ,YAAO,aACtD,CACP,CAAC;AACJ,CAAC;AApBD,kCAoBC"}
+{"version":3,"file":"loading-view.js","sourceRoot":"","sources":["../../src/components/loading-view/loading-view.tsx"],"names":[],"mappings":";;;;AACA,2DAAqD;AACrD,wCAAmD;AASnD,SAAgB,WAAW,CAAC,EAC1B,IAAI,GAAG,KAAK,EACZ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACS;IACjB,OAAO,CACL,iDACM,KAAK,IACT,SAAS,EAAE,IAAA,0BAAU,EACnB,SAAS,EACT,iBAAiB,EACjB,yBAAyB,IAAI,EAAE,CAChC,iBAED,uBAAC,iBAAO,IAAC,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAE,WAAW,WAAI,EACnE,8CAAK,SAAS,EAAC,0BAA0B,gBAAE,QAAQ,YAAO,aACtD,CACP,CAAC;AACJ,CAAC;AApBD,kCAoBC"}

package/components/non-ideal-state-view/non-ideal-state-view.js

@@ -5,12 +5,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_helpers_1 = require("../../lib/react-helpers");
 const formatted_content_1 = require("../formatted-content");
 const svg_icon_1 = require("../svg-icon");
-const exclamation_triangle_1 = require("../../icons/exclamation-triangle");
-const exclamation_circle_1 = require("../../icons/exclamation-circle");
-const info_circle_1 = require("../../icons/info-circle");
-const check_circle_1 = require("../../icons/check-circle");
+const exclamation_triangle_1 = require("../../bootstrap-icons/exclamation-triangle");
+const exclamation_circle_1 = require("../../bootstrap-icons/exclamation-circle");
+const info_circle_1 = require("../../bootstrap-icons/info-circle");
+const check_circle_1 = require("../../bootstrap-icons/check-circle");
 function NonIdealStateView({ spacing = '2xl', icon, heading, description, actions, className, children, ...props }) {
-    return (jsx_runtime_1.jsx("section", Object.assign({}, props, { className: react_helpers_1.classNames(className, 'dc-non-ideal-state', `dc-non-ideal-state_spacing_${spacing}`) }, { children: jsx_runtime_1.jsxs("div", Object.assign({ className: "dc-non-ideal-state__body" }, { children: [icon && getIcon(icon), jsx_runtime_1.jsx("h2", Object.assign({ className: formatted_content_1.FormattedContent.CSSClasses.headline }, { children: heading }), void 0), description && (jsx_runtime_1.jsx("div", Object.assign({ className: react_helpers_1.classNames('dc-non-ideal-state__description', formatted_content_1.FormattedContent.CSSClasses.paragraph) }, { children: description }), void 0)), actions && (jsx_runtime_1.jsx("div", Object.assign({ className: "dc-non-ideal-state__actions" }, { children: actions }), void 0)), children && (jsx_runtime_1.jsx("div", Object.assign({ className: react_helpers_1.classNames('dc-non-ideal-state__content', formatted_content_1.FormattedContent.CSSClasses.subheadline) }, { children: children }), void 0))] }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("section", Object.assign({}, props, { className: (0, react_helpers_1.classNames)(className, 'dc-non-ideal-state', `dc-non-ideal-state_spacing_${spacing}`) }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "dc-non-ideal-state__body" }, { children: [icon && getIcon(icon), (0, jsx_runtime_1.jsx)(formatted_content_1.Headline, Object.assign({ as: "h2" }, { children: heading }), void 0), description && ((0, jsx_runtime_1.jsx)(formatted_content_1.Paragraph, Object.assign({ as: "div", className: "dc-non-ideal-state__description" }, { children: description }), void 0)), actions && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "dc-non-ideal-state__actions" }, { children: actions }), void 0)), children && ((0, jsx_runtime_1.jsx)(formatted_content_1.Subheadline, Object.assign({ as: "div", className: "dc-non-ideal-state__content" }, { children: children }), void 0))] }), void 0) }), void 0));
 }
 exports.NonIdealStateView = NonIdealStateView;
 function getIcon(icon) {
@@ -19,23 +19,23 @@ function getIcon(icon) {
     switch (icon) {
         case 'error':
             modifier = 'dc-non-ideal-state__icon_red';
-            renderedIcon = jsx_runtime_1.jsx(svg_icon_1.SvgIcon, { size: "3x", icon: exclamation_circle_1.exclamationCircle }, void 0);
+            renderedIcon = (0, jsx_runtime_1.jsx)(svg_icon_1.SvgIcon, { size: "3x", icon: exclamation_circle_1.exclamationCircle }, void 0);
             break;
         case 'warning':
             modifier = 'dc-non-ideal-state__icon_orange';
-            renderedIcon = jsx_runtime_1.jsx(svg_icon_1.SvgIcon, { size: "3x", icon: exclamation_triangle_1.exclamationTriangle }, void 0);
+            renderedIcon = (0, jsx_runtime_1.jsx)(svg_icon_1.SvgIcon, { size: "3x", icon: exclamation_triangle_1.exclamationTriangle }, void 0);
             break;
         case 'info':
             modifier = 'dc-non-ideal-state__icon_blue';
-            renderedIcon = jsx_runtime_1.jsx(svg_icon_1.SvgIcon, { size: "3x", icon: info_circle_1.infoCircle }, void 0);
+            renderedIcon = (0, jsx_runtime_1.jsx)(svg_icon_1.SvgIcon, { size: "3x", icon: info_circle_1.infoCircle }, void 0);
             break;
         case 'success':
             modifier = 'dc-non-ideal-state__icon_green';
-            renderedIcon = jsx_runtime_1.jsx(svg_icon_1.SvgIcon, { size: "3x", icon: check_circle_1.checkCircle }, void 0);
+            renderedIcon = (0, jsx_runtime_1.jsx)(svg_icon_1.SvgIcon, { size: "3x", icon: check_circle_1.checkCircle }, void 0);
             break;
         default:
             renderedIcon = icon;
     }
-    return (jsx_runtime_1.jsx("div", Object.assign({ className: react_helpers_1.classNames('dc-non-ideal-state__icon', modifier) }, { children: renderedIcon }), void 0));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_helpers_1.classNames)('dc-non-ideal-state__icon', modifier) }, { children: renderedIcon }), void 0));
 }
 //# sourceMappingURL=non-ideal-state-view.js.map

package/components/non-ideal-state-view/non-ideal-state-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"non-ideal-state-view.js","sourceRoot":"","sources":["../../src/components/non-ideal-state-view/non-ideal-state-view.tsx"],"names":[],"mappings":";;;;AACA,2DAAqD;AACrD,4DAAwD;AACxD,0CAAsC;AACtC,2EAAuE;AACvE,uEAAmE;AACnE,yDAAqD;AACrD,2DAAuD;AAWvD,SAAgB,iBAAiB,CAAC,EAChC,OAAO,GAAG,KAAK,EACf,IAAI,EACJ,OAAO,EACP,WAAW,EACX,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACe;IACvB,OAAO,CACL,+CACM,KAAK,IACT,SAAS,EAAE,0BAAU,CACnB,SAAS,EACT,oBAAoB,EACpB,8BAA8B,OAAO,EAAE,CACxC,gBAED,0CAAK,SAAS,EAAC,0BAA0B,iBACtC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,EAEtB,wCAAI,SAAS,EAAE,oCAAgB,CAAC,UAAU,CAAC,QAAQ,gBAAG,OAAO,YAAM,EAElE,WAAW,IAAI,CACd,yCAAK,SAAS,EAAE,0BAAU,CACxB,iCAAiC,EACjC,oCAAgB,CAAC,UAAU,CAAC,SAAS,CACtC,gBACE,WAAW,YACR,CACP,EAEA,OAAO,IAAI,CACV,yCAAK,SAAS,EAAC,6BAA6B,gBAAE,OAAO,YAAO,CAC7D,EAEA,QAAQ,IAAI,CACX,yCAAK,SAAS,EAAE,0BAAU,CACxB,6BAA6B,EAC7B,oCAAgB,CAAC,UAAU,CAAC,WAAW,CACxC,gBACE,QAAQ,YACL,CACP,aACG,YACE,CACX,CAAC;AACJ,CAAC;AAhDD,8CAgDC;AAED,SAAS,OAAO,CACd,IAAiD;IAEjD,IAAI,QAAQ,GAAG,EAAE,CAAC;IAClB,IAAI,YAAyB,CAAC;IAE9B,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,QAAQ,GAAG,8BAA8B,CAAC;YAC1C,YAAY,GAAG,kBAAC,kBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,sCAAiB,WAAI,CAAC;YAC9D,MAAM;QACR,KAAK,SAAS;YACZ,QAAQ,GAAG,iCAAiC,CAAC;YAC7C,YAAY,GAAG,kBAAC,kBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,0CAAmB,WAAI,CAAC;YAChE,MAAM;QACR,KAAK,MAAM;YACT,QAAQ,GAAG,+BAA+B,CAAC;YAC3C,YAAY,GAAG,kBAAC,kBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,wBAAU,WAAI,CAAC;YACvD,MAAM;QACR,KAAK,SAAS;YACZ,QAAQ,GAAG,gCAAgC,CAAC;YAC5C,YAAY,GAAG,kBAAC,kBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,0BAAW,WAAI,CAAC;YACxD,MAAM;QACR;YACE,YAAY,GAAG,IAAI,CAAC;KACvB;IAED,OAAO,CACL,yCAAK,SAAS,EAAE,0BAAU,CAAC,0BAA0B,EAAE,QAAQ,CAAC,gBAC7D,YAAY,YACT,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"non-ideal-state-view.js","sourceRoot":"","sources":["../../src/components/non-ideal-state-view/non-ideal-state-view.tsx"],"names":[],"mappings":";;;;AACA,2DAAqD;AACrD,4DAAwE;AACxE,0CAAsC;AACtC,qFAAiF;AACjF,iFAA6E;AAC7E,mEAA+D;AAC/D,qEAAiE;AAWjE,SAAgB,iBAAiB,CAAC,EAChC,OAAO,GAAG,KAAK,EACf,IAAI,EACJ,OAAO,EACP,WAAW,EACX,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACe;IACvB,OAAO,CACL,oDACM,KAAK,IACT,SAAS,EAAE,IAAA,0BAAU,EACnB,SAAS,EACT,oBAAoB,EACpB,8BAA8B,OAAO,EAAE,CACxC,gBAED,+CAAK,SAAS,EAAC,0BAA0B,iBACtC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,EAEtB,uBAAC,4BAAQ,kBAAC,EAAE,EAAC,IAAI,gBAAE,OAAO,YAAY,EAErC,WAAW,IAAI,CACd,uBAAC,6BAAS,kBAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,iCAAiC,gBAC5D,WAAW,YACF,CACb,EAEA,OAAO,IAAI,CACV,8CAAK,SAAS,EAAC,6BAA6B,gBAAE,OAAO,YAAO,CAC7D,EAEA,QAAQ,IAAI,CACX,uBAAC,+BAAW,kBAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,6BAA6B,gBAC1D,QAAQ,YACG,CACf,aACG,YACE,CACX,CAAC;AACJ,CAAC;AA1CD,8CA0CC;AAED,SAAS,OAAO,CACd,IAAiD;IAEjD,IAAI,QAAQ,GAAG,EAAE,CAAC;IAClB,IAAI,YAAyB,CAAC;IAE9B,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,QAAQ,GAAG,8BAA8B,CAAC;YAC1C,YAAY,GAAG,uBAAC,kBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,sCAAiB,WAAI,CAAC;YAC9D,MAAM;QACR,KAAK,SAAS;YACZ,QAAQ,GAAG,iCAAiC,CAAC;YAC7C,YAAY,GAAG,uBAAC,kBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,0CAAmB,WAAI,CAAC;YAChE,MAAM;QACR,KAAK,MAAM;YACT,QAAQ,GAAG,+BAA+B,CAAC;YAC3C,YAAY,GAAG,uBAAC,kBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,wBAAU,WAAI,CAAC;YACvD,MAAM;QACR,KAAK,SAAS;YACZ,QAAQ,GAAG,gCAAgC,CAAC;YAC5C,YAAY,GAAG,uBAAC,kBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,0BAAW,WAAI,CAAC;YACxD,MAAM;QACR;YACE,YAAY,GAAG,IAAI,CAAC;KACvB;IAED,OAAO,CACL,8CAAK,SAAS,EAAE,IAAA,0BAAU,EAAC,0BAA0B,EAAE,QAAQ,CAAC,gBAC7D,YAAY,YACT,CACP,CAAC;AACJ,CAAC"}

package/components/number-input/number-input.d.ts

@@ -9,4 +9,4 @@ export interface NumberInputProps extends TextInputProps {
     value: string;
     onChangeValue(value: string): void;
 }
-export declare const NumberInput: import("react").ForwardRefExoticComponent<Pick<NumberInputProps, "form" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "size" | "list" | "step" | "hidden" | "multiple" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "fullWidth" | "alt" | "src" | "accept" | "autoComplete" | "capture" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "required" | "invalid" | "leadingAddOn" | "trailingAddOn" | "onChangeValue" | "incrementButtonLabel" | "decrementButtonLabel"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const NumberInput: import("react").ForwardRefExoticComponent<Pick<NumberInputProps, "form" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "size" | "hidden" | "multiple" | "disabled" | "list" | "step" | "alt" | "translate" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "fullWidth" | "invalid" | "src" | "accept" | "autoComplete" | "capture" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "required" | "onChangeValue" | "leadingAddOn" | "trailingAddOn" | "incrementButtonLabel" | "decrementButtonLabel"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/number-input/number-input.js

@@ -8,7 +8,7 @@ const keyboard_helpers_1 = require("../../lib/keyboard-helpers");
 const button_1 = require("../button");
 const text_input_1 = require("../text-input");
 const NUMBER_REGEXP = /^[-+]?([0-9]+(\.[0-9]*)?|\.[0-9]+)([eE][-+]?[0-9]+)?$/;
-exports.NumberInput = react_1.forwardRef(function NumberInput({ style, className, incrementButtonLabel = '↑', decrementButtonLabel = '↓', min, max, step = 1, disabled, readOnly, fullWidth, size, value, onKeyDown, onChangeValue, ...props }, ref) {
+exports.NumberInput = (0, react_1.forwardRef)(function NumberInput({ style, className, incrementButtonLabel = '↑', decrementButtonLabel = '↓', min, max, step = 1, disabled, readOnly, fullWidth, size, value, onKeyDown, onChangeValue, ...props }, ref) {
     const numericValue = Number(value) || 0;
     function inRange(value) {
         if (min != null && max != null) {
@@ -75,9 +75,9 @@ exports.NumberInput = react_1.forwardRef(function NumberInput({ style, className
             onKeyDown(event);
         }
     }
-    return (jsx_runtime_1.jsxs("div", Object.assign({ style: style, className: react_helpers_1.classNames(className, 'dc-number-input', {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: style, className: (0, react_helpers_1.classNames)(className, 'dc-number-input', {
             'dc-number-input_full-width': fullWidth,
-        }) }, { children: [jsx_runtime_1.jsx(button_1.Button, Object.assign({ appearance: "secondary", size: size, type: "button", noPadding: true, disabled: disabled, onClick: () => !readOnly && decrement(step) }, { children: decrementButtonLabel }), void 0), jsx_runtime_1.jsx(text_input_1.TextInput, Object.assign({}, props, { ref: ref, className: "dc-number-input__text-input", size: size, disabled: disabled, readOnly: readOnly, fullWidth: fullWidth, type: "text", value: value, onKeyDown: handleKeyDown, onChangeValue: handleChangeValue }), void 0), jsx_runtime_1.jsx(button_1.Button, Object.assign({ appearance: "secondary", size: size, type: "button", noPadding: true, disabled: disabled, onClick: () => !readOnly && increment(step) }, { children: incrementButtonLabel }), void 0)] }), void 0));
+        }) }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ appearance: "secondary", size: size, noPadding: true, disabled: disabled, onClick: () => !readOnly && decrement(step) }, { children: decrementButtonLabel }), void 0), (0, jsx_runtime_1.jsx)(text_input_1.TextInput, Object.assign({}, props, { ref: ref, className: "dc-number-input__text-input", size: size, disabled: disabled, readOnly: readOnly, fullWidth: fullWidth, type: "text", value: value, onKeyDown: handleKeyDown, onChangeValue: handleChangeValue }), void 0), (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ appearance: "secondary", size: size, noPadding: true, disabled: disabled, onClick: () => !readOnly && increment(step) }, { children: incrementButtonLabel }), void 0)] }), void 0));
 });
 function getFractionDigits(n) {
     var _a;

package/components/number-input/number-input.js.map

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

package/components/password-input/password-input.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { TextInputProps } from '../text-input';
-export declare type PasswordInputBaseProps = Omit<TextInputProps, 'type' | 'trailingAddOn'>;
-export interface PasswordInputProps extends PasswordInputBaseProps {
+declare type BaseProps = Omit<TextInputProps, 'type' | 'trailingAddOn'>;
+export interface PasswordInputProps extends BaseProps {
     showPasswordAriaTitle?: string;
     hidePasswordAriaTitle?: string;
 }
 export declare function PasswordInput({ showPasswordAriaTitle, hidePasswordAriaTitle, className, ...props }: PasswordInputProps): JSX.Element;
+export {};

package/components/password-input/password-input.js

@@ -7,17 +7,17 @@ const react_helpers_1 = require("../../lib/react-helpers");
 const text_input_1 = require("../text-input");
 const button_1 = require("../button");
 const svg_icon_1 = require("../svg-icon");
-const eye_1 = require("../../icons/eye");
-const eye_slash_1 = require("../../icons/eye-slash");
+const eye_1 = require("../../bootstrap-icons/eye");
+const eye_slash_1 = require("../../bootstrap-icons/eye-slash");
 function PasswordInput({ showPasswordAriaTitle = 'Show password', hidePasswordAriaTitle = 'Hide password', className, ...props }) {
-    const [type, setType] = react_1.useState('password');
+    const [type, setType] = (0, react_1.useState)('password');
     let icon = eye_slash_1.eyeSlash;
     let title = showPasswordAriaTitle;
     if (type === 'text') {
         icon = eye_1.eye;
         title = hidePasswordAriaTitle;
     }
-    return (jsx_runtime_1.jsx(text_input_1.TextInput, Object.assign({}, props, { className: react_helpers_1.classNames(className, 'dc-password-input'), type: type, trailingAddOn: jsx_runtime_1.jsx(button_1.Button, { className: "dc-password-input__button", appearance: "minimal", noPadding: true, leadingIcon: jsx_runtime_1.jsx(svg_icon_1.SvgIcon, { size: "xl", icon: icon }, void 0), title: title, type: "button", size: "sm", onClick: () => setType(type === 'password' ? 'text' : 'password') }, void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(text_input_1.TextInput, Object.assign({}, props, { className: (0, react_helpers_1.classNames)(className, 'dc-password-input'), type: type, trailingAddOn: (0, jsx_runtime_1.jsx)(button_1.Button, { className: "dc-password-input__button", appearance: "minimal", noPadding: true, leadingIcon: (0, jsx_runtime_1.jsx)(svg_icon_1.SvgIcon, { size: "xl", icon: icon }, void 0), title: title, size: "sm", onClick: () => setType(type === 'password' ? 'text' : 'password') }, void 0) }), void 0));
 }
 exports.PasswordInput = PasswordInput;
 //# sourceMappingURL=password-input.js.map

package/components/password-input/password-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.js","sourceRoot":"","sources":["../../src/components/password-input/password-input.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiC;AACjC,2DAAqD;AACrD,8CAA0D;AAC1D,sCAAmC;AACnC,0CAAoD;AACpD,yCAAsC;AACtC,qDAAiD;AAYjD,SAAgB,aAAa,CAAC,EAC5B,qBAAqB,GAAG,eAAe,EACvC,qBAAqB,GAAG,eAAe,EACvC,SAAS,EACT,GAAG,KAAK,EACW;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,gBAAQ,CAAsB,UAAU,CAAC,CAAC;IAElE,IAAI,IAAI,GAAyB,oBAAQ,CAAC;IAC1C,IAAI,KAAK,GAAW,qBAAqB,CAAC;IAC1C,IAAI,IAAI,KAAK,MAAM,EAAE;QACnB,IAAI,GAAG,SAAG,CAAC;QACX,KAAK,GAAG,qBAAqB,CAAC;KAC/B;IAED,OAAO,CACL,kBAAC,sBAAS,oBACJ,KAAK,IACT,SAAS,EAAE,0BAAU,CAAC,SAAS,EAAE,mBAAmB,CAAC,EACrD,IAAI,EAAE,IAAI,EACV,aAAa,EACX,kBAAC,eAAM,IACL,SAAS,EAAC,2BAA2B,EACrC,UAAU,EAAC,SAAS,EACpB,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,kBAAC,kBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,WAAI,EAC9C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,WACjE,YAEJ,CACH,CAAC;AACJ,CAAC;AAlCD,sCAkCC"}
+{"version":3,"file":"password-input.js","sourceRoot":"","sources":["../../src/components/password-input/password-input.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiC;AACjC,2DAAqD;AACrD,8CAA0D;AAC1D,sCAAmC;AACnC,0CAAoD;AACpD,mDAAgD;AAChD,+DAA2D;AAS3D,SAAgB,aAAa,CAAC,EAC5B,qBAAqB,GAAG,eAAe,EACvC,qBAAqB,GAAG,eAAe,EACvC,SAAS,EACT,GAAG,KAAK,EACW;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAsB,UAAU,CAAC,CAAC;IAElE,IAAI,IAAI,GAAyB,oBAAQ,CAAC;IAC1C,IAAI,KAAK,GAAW,qBAAqB,CAAC;IAC1C,IAAI,IAAI,KAAK,MAAM,EAAE;QACnB,IAAI,GAAG,SAAG,CAAC;QACX,KAAK,GAAG,qBAAqB,CAAC;KAC/B;IAED,OAAO,CACL,uBAAC,sBAAS,oBACJ,KAAK,IACT,SAAS,EAAE,IAAA,0BAAU,EAAC,SAAS,EAAE,mBAAmB,CAAC,EACrD,IAAI,EAAE,IAAI,EACV,aAAa,EACX,uBAAC,eAAM,IACL,SAAS,EAAC,2BAA2B,EACrC,UAAU,EAAC,SAAS,EACpB,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,uBAAC,kBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,WAAI,EAC9C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,WACjE,YAEJ,CACH,CAAC;AACJ,CAAC;AAjCD,sCAiCC"}

package/components/popover/popover.d.ts

@@ -1,26 +1,21 @@
-import { MutableRefObject, ReactNode } from 'react';
+import { MutableRefObject, ReactNode, RefObject } from 'react';
 import { PositionerProps } from '../positioner';
 import { BoxProps } from '../box';
-interface ElementWithRef extends JSX.Element {
-    ref?: MutableRefObject<HTMLElement | null> | null;
+declare type BaseProps = Omit<PositionerProps, 'anchorRef'>;
+declare type RenderFn = (props: {
+    ref: RefObject<HTMLElement>;
+}) => JSX.Element;
+interface JSXElementWithRef extends JSX.Element {
+    ref?: RefObject<HTMLElement>;
 }
-interface RenderChildren {
-    (props: {
-        ref: MutableRefObject<HTMLElement | null>;
-    }): JSX.Element;
-}
-export interface PopoverProps extends BoxProps {
-    position?: PositionerProps['position'];
-    arrangement?: PositionerProps['arrangement'];
-    alignment?: PositionerProps['alignment'];
-    anchorOffset?: number;
-    viewportOffset?: number;
-    isOpen?: boolean;
-    shouldUpdatePositionWhenScroll?: boolean;
+export interface PopoverProps extends BaseProps, BoxProps {
+    isShown?: boolean;
     shouldCaptureFocus?: boolean;
-    onClose?: () => void;
+    focusElementRefAfterOpen?: MutableRefObject<Element | null>;
+    focusElementRefAfterClose?: MutableRefObject<Element | null>;
     content: ReactNode;
-    children: RenderChildren | ElementWithRef;
+    children: RenderFn | JSXElementWithRef;
+    onClose?(): void;
 }
-export declare function Popover({ position, arrangement, alignment, anchorOffset, viewportOffset, isOpen, shouldUpdatePositionWhenScroll, shouldCaptureFocus, onClose, content, children: anchor, className, ...props }: PopoverProps): JSX.Element;
+export declare function Popover({ className, isShown, position, alignment, anchorOffset, viewportOffset, shouldCaptureFocus, shouldUpdatePositionWhenScroll, isPositionedRelativeToViewport, focusElementRefAfterOpen, focusElementRefAfterClose, content, children, onClose, ...props }: PopoverProps): JSX.Element;
 export {};

package/components/popover/popover.js

@@ -10,28 +10,29 @@ const use_close_on_click_outside_1 = require("../../hooks/use-close-on-click-out
 const use_capture_focus_1 = require("../../hooks/use-capture-focus");
 const positioner_1 = require("../positioner");
 const box_1 = require("../box");
-function Popover({ position, arrangement, alignment, anchorOffset, viewportOffset, isOpen, shouldUpdatePositionWhenScroll, shouldCaptureFocus = true, onClose = util_1.noop, content, children: anchor, className, ...props }) {
-    const anchorRef = react_1.useRef(null);
-    const popoverRef = react_1.useRef(null);
-    use_close_on_esc_press_1.useCloseOnEscPress(onClose, isOpen);
-    use_close_on_click_outside_1.useCloseOnClickOutside(onClose, popoverRef, {
-        isEnabled: isOpen,
+function Popover({ className, isShown, position, alignment, anchorOffset, viewportOffset, shouldCaptureFocus = true, shouldUpdatePositionWhenScroll = false, isPositionedRelativeToViewport = false, focusElementRefAfterOpen, focusElementRefAfterClose, content, children, onClose = util_1.noop, ...props }) {
+    const anchorRef = (0, react_1.useRef)(null);
+    const popoverRef = (0, react_1.useRef)(null);
+    (0, use_close_on_esc_press_1.useCloseOnEscPress)(onClose, isShown);
+    (0, use_close_on_click_outside_1.useCloseOnClickOutside)(onClose, popoverRef, {
+        isEnabled: isShown,
         ignoreElements: [anchorRef.current],
     });
-    use_capture_focus_1.useCaptureFocus({
+    (0, use_capture_focus_1.useCaptureFocus)({
+        isEnabled: shouldCaptureFocus && isShown,
         modalRef: popoverRef,
-        isEnabled: shouldCaptureFocus && isOpen,
-        autoFocusAfterRelease: false,
+        focusElementRefAfterCapture: focusElementRefAfterOpen,
+        focusElementRefAfterRelease: focusElementRefAfterClose,
     });
-    const renderAnchor = () => {
-        if (typeof anchor === 'function') {
-            return anchor({ ref: anchorRef });
+    function render() {
+        if (typeof children === 'function') {
+            return children({ ref: anchorRef });
         }
-        return react_1.cloneElement(anchor, {
-            ref: react_helpers_1.mergeRefs(anchor.ref, anchorRef),
+        return (0, react_1.cloneElement)(children, {
+            ref: (0, react_helpers_1.mergeRefs)(children.ref, anchorRef),
         });
-    };
-    return (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [renderAnchor(), jsx_runtime_1.jsxs(positioner_1.Positioner, Object.assign({ className: "dc-popover-container", anchorRef: anchorRef, position: position, arrangement: arrangement, alignment: alignment, anchorOffset: anchorOffset, viewportOffset: viewportOffset, isShown: isOpen, shouldUpdatePositionWhenScroll: shouldUpdatePositionWhenScroll }, { children: [jsx_runtime_1.jsx("div", { tabIndex: 0 }, void 0), jsx_runtime_1.jsx(box_1.Box, Object.assign({ ref: popoverRef, className: react_helpers_1.classNames(className, 'dc-popover'), borderRadius: "lg", elevation: "md" }, props, { children: content }), void 0), jsx_runtime_1.jsx("div", { tabIndex: 0 }, void 0)] }), void 0)] }, void 0));
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [render(), (0, jsx_runtime_1.jsxs)(positioner_1.Positioner, Object.assign({ className: "dc-popover-container", anchorRef: anchorRef, position: position, alignment: alignment, anchorOffset: anchorOffset, viewportOffset: viewportOffset, isShown: isShown, isPositionedRelativeToViewport: isPositionedRelativeToViewport, shouldUpdatePositionWhenScroll: shouldUpdatePositionWhenScroll }, { children: [(0, jsx_runtime_1.jsx)("div", { tabIndex: 0 }, void 0), (0, jsx_runtime_1.jsx)(box_1.Box, Object.assign({ ref: popoverRef, className: (0, react_helpers_1.classNames)(className, 'dc-popover'), borderRadius: "lg", elevation: "md" }, props, { children: content }), void 0), (0, jsx_runtime_1.jsx)("div", { tabIndex: 0 }, void 0)] }), void 0)] }, void 0));
 }
 exports.Popover = Popover;
 //# sourceMappingURL=popover.js.map

package/components/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/components/popover/popover.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0E;AAC1E,yCAAsC;AACtC,2DAAgE;AAChE,+EAAwE;AACxE,uFAAgF;AAChF,qEAAgE;AAChE,8CAA4D;AAC5D,gCAAuC;AAwBvC,SAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,WAAW,EACX,SAAS,EACT,YAAY,EACZ,cAAc,EACd,MAAM,EACN,8BAA8B,EAC9B,kBAAkB,GAAG,IAAI,EACzB,OAAO,GAAG,WAAI,EACd,OAAO,EACP,QAAQ,EAAE,MAAM,EAChB,SAAS,EACT,GAAG,KAAK,EACK;IACb,MAAM,SAAS,GAAG,cAAM,CAAqB,IAAI,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,cAAM,CAAwB,IAAI,CAAC,CAAC;IAEvD,2CAAkB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAEpC,mDAAsB,CAAC,OAAO,EAAE,UAAU,EAAE;QAC1C,SAAS,EAAE,MAAM;QACjB,cAAc,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC;KACpC,CAAC,CAAC;IAEH,mCAAe,CAAC;QACd,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,kBAAkB,IAAI,MAAM;QACvC,qBAAqB,EAAE,KAAK;KAC7B,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE;YAChC,OAAO,MAAM,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC;SACnC;QAED,OAAO,oBAAY,CAAC,MAAM,EAAE;YAC1B,GAAG,EAAE,yBAAS,CAAC,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC;SACtC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,wDACG,YAAY,EAAE,EACf,mBAAC,uBAAU,kBACT,SAAS,EAAC,sBAAsB,EAChC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,MAAM,EACf,8BAA8B,EAAE,8BAA8B,iBAE9D,2BAAK,QAAQ,EAAE,CAAC,WAAI,EACpB,kBAAC,SAAG,kBACF,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,0BAAU,CAAC,SAAS,EAAE,YAAY,CAAC,EAC9C,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,IAAI,IACV,KAAK,cAER,OAAO,YACJ,EACN,2BAAK,QAAQ,EAAE,CAAC,WAAI,aACT,YACZ,CACJ,CAAC;AACJ,CAAC;AArED,0BAqEC"}
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/components/popover/popover.tsx"],"names":[],"mappings":";;;;AAAA,iCAMe;AACf,yCAAsC;AACtC,2DAAgE;AAChE,+EAAwE;AACxE,uFAAgF;AAChF,qEAAgE;AAChE,8CAA4D;AAC5D,gCAAuC;AAoBvC,SAAgB,OAAO,CAAC,EACtB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,cAAc,EACd,kBAAkB,GAAG,IAAI,EACzB,8BAA8B,GAAG,KAAK,EACtC,8BAA8B,GAAG,KAAK,EACtC,wBAAwB,EACxB,yBAAyB,EACzB,OAAO,EACP,QAAQ,EACR,OAAO,GAAG,WAAI,EACd,GAAG,KAAK,EACK;IACb,MAAM,SAAS,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAC;IAC5C,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEhD,IAAA,2CAAkB,EAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAErC,IAAA,mDAAsB,EAAC,OAAO,EAAE,UAAU,EAAE;QAC1C,SAAS,EAAE,OAAO;QAClB,cAAc,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC;KACpC,CAAC,CAAC;IAEH,IAAA,mCAAe,EAAC;QACd,SAAS,EAAE,kBAAkB,IAAI,OAAO;QACxC,QAAQ,EAAE,UAAU;QACpB,2BAA2B,EAAE,wBAAwB;QACrD,2BAA2B,EAAE,yBAAyB;KACvD,CAAC,CAAC;IAEH,SAAS,MAAM;QACb,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,OAAO,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC;SACrC;QAED,OAAO,IAAA,oBAAY,EAAC,QAAQ,EAAE;YAC5B,GAAG,EAAE,IAAA,yBAAS,EAAC,QAAQ,CAAC,GAAG,EAAE,SAAS,CAAC;SACxC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CACL,6DACG,MAAM,EAAE,EACT,wBAAC,uBAAU,kBACT,SAAS,EAAC,sBAAsB,EAChC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,8BAA8B,EAAE,8BAA8B,EAC9D,8BAA8B,EAAE,8BAA8B,iBAE9D,gCAAK,QAAQ,EAAE,CAAC,WAAI,EACpB,uBAAC,SAAG,kBACF,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,IAAA,0BAAU,EAAC,SAAS,EAAE,YAAY,CAAC,EAC9C,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,IAAI,IACV,KAAK,cAER,OAAO,YACJ,EACN,gCAAK,QAAQ,EAAE,CAAC,WAAI,aACT,YACZ,CACJ,CAAC;AACJ,CAAC;AAxED,0BAwEC"}

package/components/portal/portal.js

@@ -5,12 +5,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_dom_1 = require("react-dom");
 let portalsRoot;
-exports.Portal = react_1.forwardRef(function Portal(props, ref) {
+exports.Portal = (0, react_1.forwardRef)(function Portal(props, ref) {
     if (!portalsRoot) {
         portalsRoot = document.createElement('div');
         portalsRoot.dataset.testid = 'portals-root';
         document.body.appendChild(portalsRoot);
     }
-    return react_dom_1.createPortal(jsx_runtime_1.jsx("div", Object.assign({ ref: ref }, props), void 0), portalsRoot);
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, props), void 0), portalsRoot);
 });
 //# sourceMappingURL=portal.js.map

package/components/portal/portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../src/components/portal/portal.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0D;AAC1D,yCAAyC;AAEzC,IAAI,WAAuC,CAAC;AAE/B,QAAA,MAAM,GAAG,kBAAU,CAC9B,SAAS,MAAM,CAAC,KAAK,EAAE,GAAG;IACxB,IAAI,CAAC,WAAW,EAAE;QAChB,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC5C,WAAW,CAAC,OAAO,CAAC,MAAM,GAAG,cAAc,CAAC;QAC5C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;KACxC;IAED,OAAO,wBAAY,CAAC,yCAAK,GAAG,EAAE,GAAG,IAAM,KAAK,UAAI,EAAE,WAAW,CAAC,CAAC;AACjE,CAAC,CACF,CAAC"}
+{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../src/components/portal/portal.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0D;AAC1D,yCAAyC;AAEzC,IAAI,WAAuC,CAAC;AAE/B,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,SAAS,MAAM,CAAC,KAAK,EAAE,GAAG;IACxB,IAAI,CAAC,WAAW,EAAE;QAChB,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC5C,WAAW,CAAC,OAAO,CAAC,MAAM,GAAG,cAAc,CAAC;QAC5C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;KACxC;IAED,OAAO,IAAA,wBAAY,EAAC,8CAAK,GAAG,EAAE,GAAG,IAAM,KAAK,UAAI,EAAE,WAAW,CAAC,CAAC;AACjE,CAAC,CACF,CAAC"}

package/components/positioner/positioner.d.ts

@@ -1,13 +1,13 @@
-import { ComponentPropsWithRef, MutableRefObject } from 'react';
-import { PositionElementParams } from '../../hooks/use-position-element';
+import { ComponentPropsWithRef } from 'react';
+import { UsePositionElementParams as BaseProps } from '../../hooks/use-position-element';
 export interface PositionerProps extends ComponentPropsWithRef<'div'> {
-    anchorRef: MutableRefObject<HTMLElement | null>;
-    position?: PositionElementParams['position'];
-    arrangement?: PositionElementParams['arrangement'];
-    alignment?: PositionElementParams['alignment'];
-    anchorOffset?: number;
-    viewportOffset?: number;
-    isShown?: boolean;
-    shouldUpdatePositionWhenScroll?: boolean;
+    anchorRef: BaseProps['anchorRef'];
+    position?: BaseProps['position'];
+    alignment?: BaseProps['alignment'];
+    anchorOffset?: BaseProps['anchorOffset'];
+    viewportOffset?: BaseProps['viewportOffset'];
+    isShown?: BaseProps['isShown'];
+    isPositionedRelativeToViewport?: BaseProps['isPositionedRelativeToViewport'];
+    shouldUpdatePositionWhenScroll?: BaseProps['shouldUpdatePositionWhenScroll'];
 }
-export declare const Positioner: import("react").ForwardRefExoticComponent<Pick<PositionerProps, "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "anchorRef" | "position" | "arrangement" | "alignment" | "anchorOffset" | "viewportOffset" | "isShown" | "shouldUpdatePositionWhenScroll"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Positioner: import("react").ForwardRefExoticComponent<Pick<PositionerProps, "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "hidden" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "anchorRef" | "position" | "alignment" | "anchorOffset" | "viewportOffset" | "isShown" | "shouldUpdatePositionWhenScroll" | "isPositionedRelativeToViewport"> & import("react").RefAttributes<HTMLDivElement>>;

package/components/positioner/positioner.js

@@ -6,25 +6,25 @@ const react_1 = require("react");
 const react_helpers_1 = require("../../lib/react-helpers");
 const use_position_element_1 = require("../../hooks/use-position-element");
 const portal_1 = require("../portal");
-exports.Positioner = react_1.forwardRef(function Positioner({ anchorRef, anchorOffset = 4, viewportOffset = 8, position = 'absolute', arrangement = 'bottom', alignment = 'start', isShown = false, shouldUpdatePositionWhenScroll = false, style, children, ...props }, ref) {
-    const targetRef = react_1.useRef(null);
-    use_position_element_1.usePositionElement({
-        anchorRef,
+exports.Positioner = (0, react_1.forwardRef)(function Positioner({ anchorRef, anchorOffset = 4, viewportOffset = 8, position = 'bottom', alignment = 'start', isShown = false, isPositionedRelativeToViewport = false, shouldUpdatePositionWhenScroll = false, style, children, ...props }, ref) {
+    const targetRef = (0, react_1.useRef)(null);
+    (0, use_position_element_1.usePositionElement)({
         targetRef,
-        isShown,
+        anchorRef,
         anchorOffset,
         viewportOffset,
         position,
-        arrangement,
         alignment,
+        isShown,
+        isPositionedRelativeToViewport,
         shouldUpdatePositionWhenScroll,
     });
     if (!isShown) {
         return null;
     }
-    return (jsx_runtime_1.jsx(portal_1.Portal, Object.assign({}, props, { ref: react_helpers_1.mergeRefs(targetRef, ref), style: {
+    return ((0, jsx_runtime_1.jsx)(portal_1.Portal, Object.assign({}, props, { ref: (0, react_helpers_1.mergeRefs)(targetRef, ref), style: {
             ...style,
-            position,
+            position: isPositionedRelativeToViewport ? 'fixed' : 'absolute',
             top: 0,
             left: 0,
             width: 'auto',

package/components/positioner/positioner.js.map

@@ -1 +1 @@
-{"version":3,"file":"positioner.js","sourceRoot":"","sources":["../../src/components/positioner/positioner.tsx"],"names":[],"mappings":";;;;AAAA,iCAKe;AACf,2DAAoD;AACpD,2EAG0C;AAC1C,sCAAmC;AAatB,QAAA,UAAU,GAAG,kBAAU,CAClC,SAAS,UAAU,CACjB,EACE,SAAS,EACT,YAAY,GAAG,CAAC,EAChB,cAAc,GAAG,CAAC,EAClB,QAAQ,GAAG,UAAU,EACrB,WAAW,GAAG,QAAQ,EACtB,SAAS,GAAG,OAAO,EACnB,OAAO,GAAG,KAAK,EACf,8BAA8B,GAAG,KAAK,EACtC,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,SAAS,GAAG,cAAM,CAAwB,IAAI,CAAC,CAAC;IAEtD,yCAAkB,CAAC;QACjB,SAAS;QACT,SAAS;QACT,OAAO;QACP,YAAY;QACZ,cAAc;QACd,QAAQ;QACR,WAAW;QACX,SAAS;QACT,8BAA8B;KAC/B,CAAC,CAAC;IAEH,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,kBAAC,eAAM,oBACD,KAAK,IACT,GAAG,EAAE,yBAAS,CAAC,SAAS,EAAE,GAAG,CAAC,EAC9B,KAAK,EAAE;YACL,GAAG,KAAK;YACR,QAAQ;YACR,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,eAAe,CAAC,GAAG,cAAc,KAAK;SACjD,gBAEA,QAAQ,YACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"positioner.js","sourceRoot":"","sources":["../../src/components/positioner/positioner.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkE;AAClE,2DAAoD;AACpD,2EAG0C;AAC1C,sCAAmC;AAatB,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,SAAS,UAAU,CACjB,EACE,SAAS,EACT,YAAY,GAAG,CAAC,EAChB,cAAc,GAAG,CAAC,EAClB,QAAQ,GAAG,QAAQ,EACnB,SAAS,GAAG,OAAO,EACnB,OAAO,GAAG,KAAK,EACf,8BAA8B,GAAG,KAAK,EACtC,8BAA8B,GAAG,KAAK,EACtC,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,SAAS,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAEtD,IAAA,yCAAkB,EAAC;QACjB,SAAS;QACT,SAAS;QACT,YAAY;QACZ,cAAc;QACd,QAAQ;QACR,SAAS;QACT,OAAO;QACP,8BAA8B;QAC9B,8BAA8B;KAC/B,CAAC,CAAC;IAEH,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,uBAAC,eAAM,oBACD,KAAK,IACT,GAAG,EAAE,IAAA,yBAAS,EAAC,SAAS,EAAE,GAAG,CAAC,EAC9B,KAAK,EAAE;YACL,GAAG,KAAK;YACR,QAAQ,EAAE,8BAA8B,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU;YAC/D,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,eAAe,CAAC,GAAG,cAAc,KAAK;SACjD,gBAEA,QAAQ,YACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}