@dscout/particle 1.0.0-alpha.35 → 1.0.0-alpha.37

package/lib/cjs/components/common_menu_item.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { CommonComponentProps, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
-interface CommonMenuItemProps extends CommonComponentProps, ModifierClassProp {
+export interface CommonMenuItemProps extends CommonComponentProps, ModifierClassProp {
     active?: boolean;
     children?: React.ReactNode;
     color?: string;
@@ -21,7 +21,10 @@ interface CommonMenuItemProps extends CommonComponentProps, ModifierClassProp {
     sortable?: boolean;
     wrapWithLI?: boolean;
     style?: React.CSSProperties;
+    /**
+     * If set, the `color` prop will be ignored and the menu item will use the variant's defined color
+     */
+    variant?: 'neutral' | 'critical';
     [key: string]: unknown;
 }
-export declare function CommonMenuItem({ _modifierClass, active, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, color, component, disabled, getRef, id, name, onClick, onKeyDown, refProp, selected, sortable, wrapWithLI, ...rest }: CommonMenuItemProps): React.JSX.Element;
-export {};
+export declare function CommonMenuItem({ _modifierClass, active, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, color, component, disabled, getRef, id, name, onClick, onKeyDown, refProp, selected, sortable, wrapWithLI, variant, ...rest }: CommonMenuItemProps): React.JSX.Element;

package/lib/cjs/components/common_menu_item.js

@@ -41,19 +41,23 @@ function validateModifierClass(_modifierClass) {
             '`<Menu variant />`');
         /* eslint-enable no-console */
     }
+    if (/(font-size)/.test(_modifierClass)) {
+        // eslint-disable-next-line no-console
+        console.warn("Warning: Applying a font-size modifier class to a menu item may impact the menu item's padding in unexpected ways.\n      Instead apply the classname to a child element of the menu item.");
+    }
 }
 function CommonMenuItem(_a) {
     var _b, _c;
-    var _modifierClass = _a._modifierClass, active = _a.active, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, color = _a.color, _d = _a.component, component = _d === void 0 ? 'button' : _d, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, name = _a.name, onClick = _a.onClick, onKeyDown = _a.onKeyDown, _e = _a.refProp, refProp = _e === void 0 ? 'ref' : _e, selected = _a.selected, sortable = _a.sortable, wrapWithLI = _a.wrapWithLI, rest = __rest(_a, ["_modifierClass", "active", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "color", "component", "disabled", "getRef", "id", "name", "onClick", "onKeyDown", "refProp", "selected", "sortable", "wrapWithLI"]);
-    // Note: There are no styles applied by the .Menu__Item__sortable class. It exists
-    // as a hook for 3rd party sorting libraries to tie into.
+    var _modifierClass = _a._modifierClass, active = _a.active, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, color = _a.color, _d = _a.component, component = _d === void 0 ? 'button' : _d, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, name = _a.name, onClick = _a.onClick, onKeyDown = _a.onKeyDown, _e = _a.refProp, refProp = _e === void 0 ? 'ref' : _e, selected = _a.selected, sortable = _a.sortable, wrapWithLI = _a.wrapWithLI, variant = _a.variant, rest = __rest(_a, ["_modifierClass", "active", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "color", "component", "disabled", "getRef", "id", "name", "onClick", "onKeyDown", "refProp", "selected", "sortable", "wrapWithLI", "variant"]);
     var className = (0, class_names_1.default)('Menu__Item', _modifierClass, (_b = {
             'Menu__Item--active': active,
             'Menu__Item--selected': selected,
             'Menu__Item--sortable': sortable,
             'Menu__Item--disabled': disabled
         },
-        _b["color--".concat(color)] = color,
+        _b["color--".concat(color)] = color && !variant,
+        _b["Menu__Item--".concat(variant)] = variant,
+        _b['Menu__Item--no-variant'] = !variant,
         _b));
     var refProps = getRef ? (_c = {}, _c[refProp] = getRef, _c) : {};
     var Component = component;

package/lib/cjs/components/common_menu_item.js.map

@@ -1 +1 @@
-{"version":3,"file":"common_menu_item.js","sourceRoot":"","sources":["../../../src/components/common_menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,2DAAqC;AAyBrC,IAAM,sBAAsB,GAAG,CAAC,WAAW,CAAC,CAAC;AAE7C,SAAS,kBAAkB,CAAC,KAA8B;IACxD,OAAO,IAAA,gBAAM,EAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC;AAC/C,CAAC;AAED,SAAS,qBAAqB,CAAC,cAAsB;IACnD,IAAI,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE;QACpC,+BAA+B;QAC/B,OAAO,CAAC,IAAI,CACV,uEAAuE;YACrE,iEAAiE;YACjE,oBAAoB,CACvB,CAAC;QACF,8BAA8B;KAC/B;AACH,CAAC;AAED,SAAgB,cAAc,CAAC,EAoBT;;IAnBpB,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACpB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACP,IAAI,cAnBsB,gOAoB9B,CADQ;IAEP,kFAAkF;IAClF,yDAAyD;IACzD,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,YAAY,EAAE,cAAc;YACvD,oBAAoB,EAAE,MAAM;YAC5B,sBAAsB,EAAE,QAAQ;YAChC,sBAAsB,EAAE,QAAQ;YAChC,sBAAsB,EAAE,QAAQ;;QAChC,GAAC,iBAAU,KAAK,CAAE,IAAG,KAAK;YAC1B,CAAC;IAEH,IAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,WAAG,GAAC,OAAO,IAAG,MAAM,MAAG,CAAC,CAAC,EAAE,CAAC;IACrD,IAAM,SAAS,GAAG,SAAS,CAAC;IAE5B,qBAAqB,CAAC,cAAc,CAAC,CAAC;IAEtC,IAAM,OAAO,GAAG,CACd,8BAAC,SAAS,2BACI,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAChB,QAAQ,EACR,kBAAkB,CAAC,IAAI,CAAC,GAE3B,QAAQ,CACC,CACb,CAAC;IAEF,OAAO,UAAU,CAAC,CAAC,CAAC,0CAAK,OAAO,CAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AACnD,CAAC;AAvDD,wCAuDC"}
+{"version":3,"file":"common_menu_item.js","sourceRoot":"","sources":["../../../src/components/common_menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,2DAAqC;AA+BrC,IAAM,sBAAsB,GAAG,CAAC,WAAW,CAAC,CAAC;AAE7C,SAAS,kBAAkB,CAAC,KAA8B;IACxD,OAAO,IAAA,gBAAM,EAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC;AAC/C,CAAC;AAED,SAAS,qBAAqB,CAAC,cAAsB;IACnD,IAAI,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE;QACpC,+BAA+B;QAC/B,OAAO,CAAC,IAAI,CACV,uEAAuE;YACrE,iEAAiE;YACjE,oBAAoB,CACvB,CAAC;QACF,8BAA8B;KAC/B;IACD,IAAI,aAAa,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE;QACtC,sCAAsC;QACtC,OAAO,CAAC,IAAI,CACV,4LACiE,CAClE,CAAC;KACH;AACH,CAAC;AAED,SAAgB,cAAc,CAAC,EAqBT;;IApBpB,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACpB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,OAAO,aAAA,EACJ,IAAI,cApBsB,2OAqB9B,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,YAAY,EAAE,cAAc;YACvD,oBAAoB,EAAE,MAAM;YAC5B,sBAAsB,EAAE,QAAQ;YAChC,sBAAsB,EAAE,QAAQ;YAChC,sBAAsB,EAAE,QAAQ;;QAChC,GAAC,iBAAU,KAAK,CAAE,IAAG,KAAK,IAAI,CAAC,OAAO;QACtC,GAAC,sBAAe,OAAO,CAAE,IAAG,OAAO;QACnC,4BAAwB,GAAE,CAAC,OAAO;YAClC,CAAC;IAEH,IAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,WAAG,GAAC,OAAO,IAAG,MAAM,MAAG,CAAC,CAAC,EAAE,CAAC;IACrD,IAAM,SAAS,GAAG,SAAS,CAAC;IAE5B,qBAAqB,CAAC,cAAc,CAAC,CAAC;IAEtC,IAAM,OAAO,GAAG,CACd,8BAAC,SAAS,2BACI,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAChB,QAAQ,EACR,kBAAkB,CAAC,IAAI,CAAC,GAE3B,QAAQ,CACC,CACb,CAAC;IAEF,OAAO,UAAU,CAAC,CAAC,CAAC,0CAAK,OAAO,CAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AACnD,CAAC;AAxDD,wCAwDC"}

package/lib/cjs/components/hover_card/hover_card.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { CommonComponentProps, Dimensions, MarginModifierProp, ModifierClassProp } from '../../types';
+import type { GetRef } from '../../utils/refs';
+import type { Chip } from '../chip';
+import { ModernButton } from '../modern_button';
+interface HoverCardProps extends ModifierClassProp, CommonComponentProps, MarginModifierProp {
+    billboardUrl: string;
+    buttonColor?: React.ComponentProps<typeof ModernButton>['color'];
+    buttonIcon?: React.ComponentProps<typeof ModernButton>['icon'];
+    buttonLabel: string;
+    getRef?: GetRef<HTMLDivElement>;
+    height?: Dimensions;
+    maxHeight?: Dimensions;
+    maxWidth?: Dimensions;
+    minHeight?: Dimensions;
+    minWidth?: Dimensions;
+    chip: React.ReactElement<typeof Chip>;
+    onClick: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
+    subtitle?: string;
+    title: string;
+    width?: Dimensions;
+}
+export declare function HoverCard({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, billboardUrl, buttonLabel, buttonColor, buttonIcon, getRef, height, maxHeight, maxWidth, minHeight, minWidth, chip, onClick, subtitle, title, width, margin, ...rest }: HoverCardProps): React.JSX.Element;
+export {};

package/lib/cjs/components/hover_card/hover_card.js

@@ -0,0 +1,51 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HoverCard = void 0;
+var react_1 = __importDefault(require("react"));
+var data_attributes_1 = __importDefault(require("../../utils/data_attributes"));
+var class_names_1 = __importDefault(require("../../utils/class_names"));
+var modifier_classes_1 = require("../../utils/modifier_classes");
+var heading_1 = require("../heading");
+var modern_button_1 = require("../modern_button");
+function HoverCard(_a) {
+    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], billboardUrl = _a.billboardUrl, buttonLabel = _a.buttonLabel, _b = _a.buttonColor, buttonColor = _b === void 0 ? 'default' : _b, buttonIcon = _a.buttonIcon, getRef = _a.getRef, _c = _a.height, height = _c === void 0 ? '100%' : _c, _d = _a.maxHeight, maxHeight = _d === void 0 ? '100%' : _d, _e = _a.maxWidth, maxWidth = _e === void 0 ? '100%' : _e, _f = _a.minHeight, minHeight = _f === void 0 ? 'auto' : _f, _g = _a.minWidth, minWidth = _g === void 0 ? 'auto' : _g, chip = _a.chip, onClick = _a.onClick, subtitle = _a.subtitle, title = _a.title, _h = _a.width, width = _h === void 0 ? 'auto' : _h, margin = _a.margin, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "billboardUrl", "buttonLabel", "buttonColor", "buttonIcon", "getRef", "height", "maxHeight", "maxWidth", "minHeight", "minWidth", "chip", "onClick", "subtitle", "title", "width", "margin"]);
+    var className = (0, class_names_1.default)('HoverCard', _modifierClass, (0, modifier_classes_1.getDimensionClass)('height', height), (0, modifier_classes_1.getDimensionClass)('max-height', maxHeight), (0, modifier_classes_1.getDimensionClass)('min-height', minHeight), (0, modifier_classes_1.getDimensionClass)('width', width), (0, modifier_classes_1.getDimensionClass)('max-width', maxWidth), (0, modifier_classes_1.getDimensionClass)('min-width', minWidth), (0, modifier_classes_1.getMarginClass)(margin));
+    return (react_1.default.createElement("div", __assign({}, (0, data_attributes_1.default)(rest), { className: className, tabIndex: 0, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "data-testid": "hover-card-div" }),
+        react_1.default.createElement("div", { className: "HoverCard__Billboard", style: { backgroundImage: "url(".concat(billboardUrl, ")") } }),
+        react_1.default.createElement("div", { className: "HoverCard__ContentWrapper" },
+            react_1.default.createElement("div", { className: "HoverCard__Content" },
+                react_1.default.createElement("span", { className: "HoverCard__ChipWrapper" }, chip),
+                react_1.default.createElement(heading_1.Heading, { lineHeight: "title", level: "2", size: "l", weight: "6", _modifierClass: (0, class_names_1.default)('HoverCard__Title', {
+                        'HoverCard__Title--with-subtitle': !!subtitle
+                    }) }, title),
+                !!subtitle && (react_1.default.createElement("span", { className: "HoverCard__Subtitle" }, subtitle))),
+            react_1.default.createElement("div", { className: "HoverCard__ButtonWrapper" },
+                react_1.default.createElement(modern_button_1.ModernButton, { color: buttonColor, icon: buttonIcon, onClick: onClick, label: buttonLabel, _modifierClass: "HoverCard__Button" })))));
+}
+exports.HoverCard = HoverCard;
+//# sourceMappingURL=hover_card.js.map

package/lib/cjs/components/hover_card/hover_card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover_card.js","sourceRoot":"","sources":["../../../../src/components/hover_card/hover_card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAS1B,gFAA4D;AAC5D,wEAAiD;AACjD,iEAGsC;AACtC,sCAAqC;AACrC,kDAAgD;AAuBhD,SAAgB,SAAS,CAAC,EAsBT;IArBf,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,mBAAuB,EAAvB,WAAW,mBAAG,SAAS,KAAA,EACvB,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EACf,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACjB,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACjB,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACd,MAAM,YAAA,EACH,IAAI,cArBiB,oQAsBzB,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAC1B,WAAW,EACX,cAAc,EACd,IAAA,oCAAiB,EAAC,QAAQ,EAAE,MAAM,CAAC,EACnC,IAAA,oCAAiB,EAAC,YAAY,EAAE,SAAS,CAAC,EAC1C,IAAA,oCAAiB,EAAC,YAAY,EAAE,SAAS,CAAC,EAC1C,IAAA,oCAAiB,EAAC,OAAO,EAAE,KAAK,CAAC,EACjC,IAAA,oCAAiB,EAAC,WAAW,EAAE,QAAQ,CAAC,EACxC,IAAA,oCAAiB,EAAC,WAAW,EAAE,QAAQ,CAAC,EACxC,IAAA,iCAAc,EAAC,MAAM,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,kDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,IAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,gBACC,SAAS,qBACJ,cAAc,sBACb,eAAe,iBACrB,gBAAgB;QAE5B,uCACE,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE,EAAE,eAAe,EAAE,cAAO,YAAY,MAAG,EAAE,GAClD;QACF,uCAAK,SAAS,EAAC,2BAA2B;YACxC,uCAAK,SAAS,EAAC,oBAAoB;gBACjC,wCAAM,SAAS,EAAC,wBAAwB,IAAE,IAAI,CAAQ;gBACtD,8BAAC,iBAAO,IACN,UAAU,EAAC,OAAO,EAClB,KAAK,EAAC,GAAG,EACT,IAAI,EAAC,GAAG,EACR,MAAM,EAAC,GAAG,EACV,cAAc,EAAE,IAAA,qBAAU,EAAC,kBAAkB,EAAE;wBAC7C,iCAAiC,EAAE,CAAC,CAAC,QAAQ;qBAC9C,CAAC,IAED,KAAK,CACE;gBACT,CAAC,CAAC,QAAQ,IAAI,CACb,wCAAM,SAAS,EAAC,qBAAqB,IAAE,QAAQ,CAAQ,CACxD,CACG;YACN,uCAAK,SAAS,EAAC,0BAA0B;gBACvC,8BAAC,4BAAY,IACX,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,WAAW,EAClB,cAAc,EAAC,mBAAmB,GAClC,CACE,CACF,CACF,CACP,CAAC;AACJ,CAAC;AA/ED,8BA+EC"}

package/lib/cjs/components/hover_card/index.d.ts

@@ -0,0 +1 @@
+export { HoverCard } from './hover_card';

package/lib/cjs/components/hover_card/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HoverCard = void 0;
+var hover_card_1 = require("./hover_card");
+Object.defineProperty(exports, "HoverCard", { enumerable: true, get: function () { return hover_card_1.HoverCard; } });
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/hover_card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/hover_card/index.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AAAhC,uGAAA,SAAS,OAAA"}

package/lib/cjs/components/menu.d.ts

@@ -7,7 +7,8 @@ interface MenuProps extends CommonComponentProps, MarginModifierProp, ModifierCl
     getRef?: GetRef<HTMLDivElement>;
     id?: string;
     nav?: boolean;
-    variant?: 'tight' | 'loose';
+    modern?: boolean;
+    variant?: 'tight' | 'loose' | 'tightest';
 }
-export declare function Menu({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, contained, getRef, id, margin, nav, variant, ...rest }: MenuProps): React.JSX.Element;
+export declare function Menu({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, contained, getRef, id, margin, nav, modern, variant, ...rest }: MenuProps): React.JSX.Element;
 export {};

package/lib/cjs/components/menu.js

@@ -31,10 +31,11 @@ var class_names_1 = __importDefault(require("../utils/class_names"));
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
 var modifier_classes_1 = require("../utils/modifier_classes");
 function Menu(_a) {
-    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, contained = _a.contained, getRef = _a.getRef, id = _a.id, margin = _a.margin, nav = _a.nav, _b = _a.variant, variant = _b === void 0 ? 'tight' : _b, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "contained", "getRef", "id", "margin", "nav", "variant"]);
+    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, contained = _a.contained, getRef = _a.getRef, id = _a.id, margin = _a.margin, nav = _a.nav, modern = _a.modern, _b = _a.variant, variant = _b === void 0 ? 'tight' : _b, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "contained", "getRef", "id", "margin", "nav", "modern", "variant"]);
     var Component = nav ? 'nav' : 'div';
     var className = (0, class_names_1.default)('Menu', "Menu--".concat(variant), (0, modifier_classes_1.getMarginClass)(margin), _modifierClass, {
-        'Menu--contained': contained
+        'Menu--contained': contained,
+        'Menu--modern': modern
     });
     return (react_1.default.createElement(Component, __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, id: id, ref: getRef }, (0, data_attributes_1.default)(rest)), children));
 }

package/lib/cjs/components/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/components/menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAS1B,qEAA8C;AAC9C,6EAAyD;AACzD,8DAA2D;AAc3D,SAAgB,IAAI,CAAC,EAaT;IAZV,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,MAAM,YAAA,EACN,EAAE,QAAA,EACF,MAAM,YAAA,EACN,GAAG,SAAA,EACH,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACd,IAAI,cAZY,4IAapB,CADQ;IAEP,IAAM,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACtC,IAAM,SAAS,GAAG,IAAA,qBAAU,EAC1B,MAAM,EACN,gBAAS,OAAO,CAAE,EAClB,IAAA,iCAAc,EAAC,MAAM,CAAC,EACtB,cAAc,EACd;QACE,iBAAiB,EAAE,SAAS;KAC7B,CACF,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,2BACI,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,IAAA,yBAAiB,EAAC,IAAI,CAAC,GAE1B,QAAQ,CACC,CACb,CAAC;AACJ,CAAC;AAtCD,oBAsCC"}
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/components/menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAS1B,qEAA8C;AAC9C,6EAAyD;AACzD,8DAA2D;AAe3D,SAAgB,IAAI,CAAC,EAcT;IAbV,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,MAAM,YAAA,EACN,EAAE,QAAA,EACF,MAAM,YAAA,EACN,GAAG,SAAA,EACH,MAAM,YAAA,EACN,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACd,IAAI,cAbY,sJAcpB,CADQ;IAEP,IAAM,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACtC,IAAM,SAAS,GAAG,IAAA,qBAAU,EAC1B,MAAM,EACN,gBAAS,OAAO,CAAE,EAClB,IAAA,iCAAc,EAAC,MAAM,CAAC,EACtB,cAAc,EACd;QACE,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,MAAM;KACvB,CACF,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,2BACI,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,IAAA,yBAAiB,EAAC,IAAI,CAAC,GAE1B,QAAQ,CACC,CACb,CAAC;AACJ,CAAC;AAxCD,oBAwCC"}

package/lib/cjs/components/menu_item.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
 import type { Colors, CommonComponentProps, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
-interface MenuItemProps extends CommonComponentProps, ModifierClassProp {
+import { type CommonMenuItemProps } from './common_menu_item';
+interface SharedMenuLinkProps extends Pick<CommonMenuItemProps, 'variant'> {
+}
+interface MenuItemProps extends CommonComponentProps, ModifierClassProp, SharedMenuLinkProps {
     active?: boolean;
     children?: React.ReactNode;
     color?: string;

package/lib/cjs/components/menu_item.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu_item.js","sourceRoot":"","sources":["../../../src/components/menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,uDAAoD;AAqBpD,SAAgB,QAAQ,CAAC,EAkBT;IAjBd,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,WAAW,iBAAA,EACR,IAAI,cAjBgB,0MAkBxB,CADQ;IAEP,IAAM,sBAAsB,GAAG,WAAW;QACxC,CAAC,CAAE;YACC,+BAA+B,EAAE,uBAAgB,WAAW,MAAG;SACxC;QAC3B,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO,CACL,8BAAC,iCAAc,aACb,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,gBACF,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,sBAAsB,IACzB,IAAI,GAEP,QAAQ,CACM,CAClB,CAAC;AACJ,CAAC;AA/CD,4BA+CC"}
+{"version":3,"file":"menu_item.js","sourceRoot":"","sources":["../../../src/components/menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,uDAA8E;AA0B9E,SAAgB,QAAQ,CAAC,EAkBT;IAjBd,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,WAAW,iBAAA,EACR,IAAI,cAjBgB,0MAkBxB,CADQ;IAEP,IAAM,sBAAsB,GAAG,WAAW;QACxC,CAAC,CAAE;YACC,+BAA+B,EAAE,uBAAgB,WAAW,MAAG;SACxC;QAC3B,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO,CACL,8BAAC,iCAAc,aACb,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,gBACF,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,sBAAsB,IACzB,IAAI,GAEP,QAAQ,CACM,CAClB,CAAC;AACJ,CAAC;AA/CD,4BA+CC"}

package/lib/cjs/components/menu_item_li.d.ts

@@ -1,7 +1,10 @@
 import React, { Component } from 'react';
 import type { Colors, CommonComponentProps, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
-interface MenuItemLIProps extends CommonComponentProps, ModifierClassProp {
+import { type CommonMenuItemProps } from './common_menu_item';
+interface SharedMenuLinkProps extends Pick<CommonMenuItemProps, 'variant'> {
+}
+interface MenuItemLIProps extends CommonComponentProps, ModifierClassProp, SharedMenuLinkProps {
     active?: boolean;
     children?: React.ReactNode;
     color?: string;

package/lib/cjs/components/menu_item_li.js.map

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

package/lib/cjs/components/menu_link.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
 import type { CommonComponentProps, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
-interface MenuLinkProps extends CommonComponentProps, ModifierClassProp {
+import { type CommonMenuItemProps } from './common_menu_item';
+interface SharedMenuLinkProps extends Pick<CommonMenuItemProps, 'variant'> {
+}
+interface MenuLinkProps extends CommonComponentProps, ModifierClassProp, SharedMenuLinkProps {
     active?: boolean;
     children?: React.ReactNode;
     color?: string;

package/lib/cjs/components/menu_link.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu_link.js","sourceRoot":"","sources":["../../../src/components/menu_link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,uDAAoD;AAsBpD,SAAgB,QAAQ,CAAC,EAsBT;;IArBd,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAe,EAAf,SAAS,mBAAG,GAAG,KAAA,EACf,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,OAAO,aAAA,EACP,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,UAAU,gBAAA,EACP,IAAI,cArBgB,0OAsBxB,CADQ;IAEP,IAAM,QAAQ,GAAG,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IACnD,IAAM,IAAI,aAAK,GAAC,QAAQ,IAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAE,CAAC;IAEvD,OAAO,CACL,8BAAC,iCAAc,eACT,IAAI,IACR,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,gBACF,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,IAClB,IAAI,GAEP,QAAQ,CACM,CAClB,CAAC;AACJ,CAAC;AApDD,4BAoDC"}
+{"version":3,"file":"menu_link.js","sourceRoot":"","sources":["../../../src/components/menu_link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,uDAA8E;AA2B9E,SAAgB,QAAQ,CAAC,EAsBT;;IArBd,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAe,EAAf,SAAS,mBAAG,GAAG,KAAA,EACf,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,OAAO,aAAA,EACP,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,UAAU,gBAAA,EACP,IAAI,cArBgB,0OAsBxB,CADQ;IAEP,IAAM,QAAQ,GAAG,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IACnD,IAAM,IAAI,aAAK,GAAC,QAAQ,IAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAE,CAAC;IAEvD,OAAO,CACL,8BAAC,iCAAc,eACT,IAAI,IACR,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,gBACF,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,IAClB,IAAI,GAEP,QAAQ,CACM,CAClB,CAAC;AACJ,CAAC;AApDD,4BAoDC"}

package/lib/cjs/components/modern_button.d.ts

@@ -5,6 +5,7 @@ import type { BuiltInTooltipConfig } from './tooltip/types';
 type ButtonColors = 'default' | 'primary' | 'critical';
 type ButtonVariants = 'filled' | 'outlined' | 'ghost';
 type ButtonSizes = 'default' | 'small';
+type ButtonThemes = 'onLight' | 'onDark';
 type IconOnlyConfig = {
     icon: React.ReactNode;
     label?: never;
@@ -43,6 +44,7 @@ type ModernButtonProps = {
     onMouseLeave?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
     onMouseUp?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
     size?: ButtonSizes;
+    theme?: ButtonThemes;
     title?: string;
     type?: 'button' | 'submit';
     variant?: ButtonVariants;
@@ -57,11 +59,15 @@ type ModernButtonProps = {
  * When both `icon` and `label` are provided, the button will render both, with the `iconPosition` determining the placement of the icon.
  * If only `icon` is provided, the button will be treated as an icon-only button and requires an `aria-label` and `tooltipConfig` for accessibility.
  *
+ * The `theme` prop determines the button's color scheme, with 'onLight' and 'onDark' being available options. They are relatively self explanatory
+ * but `onDark` can also be used to render a solid white background button if needed despite not being over a dark background.
+ *
  * Default values:
  * - `color`: 'default'
  * - `iconPosition`: 'start'
  * - `size`: 'default'
+ * - `theme`: 'onLight'
  * - `variant`: 'filled'
  */
-export declare function ModernButton({ _modifierClass, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-pressed': ariaPressed, color, disabled, getRef, id, icon, iconPosition, isActive, label, linkComponent, linkProps, margin, name, onBlur, onClick, onFocus, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, size, title, tooltipConfig, type, variant, ...rest }: ModernButtonProps): React.JSX.Element;
+export declare function ModernButton({ _modifierClass, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-pressed': ariaPressed, color, disabled, getRef, id, icon, iconPosition, isActive, label, linkComponent, linkProps, margin, name, onBlur, onClick, onFocus, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, size, theme, title, tooltipConfig, type, variant, ...rest }: ModernButtonProps): React.JSX.Element;
 export {};

package/lib/cjs/components/modern_button.js

@@ -64,19 +64,24 @@ var common_button_1 = require("./common_button");
  * When both `icon` and `label` are provided, the button will render both, with the `iconPosition` determining the placement of the icon.
  * If only `icon` is provided, the button will be treated as an icon-only button and requires an `aria-label` and `tooltipConfig` for accessibility.
  *
+ * The `theme` prop determines the button's color scheme, with 'onLight' and 'onDark' being available options. They are relatively self explanatory
+ * but `onDark` can also be used to render a solid white background button if needed despite not being over a dark background.
+ *
  * Default values:
  * - `color`: 'default'
  * - `iconPosition`: 'start'
  * - `size`: 'default'
+ * - `theme`: 'onLight'
  * - `variant`: 'filled'
  */
 function ModernButton(_a) {
     var _b;
-    var _modifierClass = _a._modifierClass, ariaControls = _a["aria-controls"], ariaExpanded = _a["aria-expanded"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], ariaPressed = _a["aria-pressed"], _c = _a.color, color = _c === void 0 ? 'default' : _c, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, icon = _a.icon, _d = _a.iconPosition, iconPosition = _d === void 0 ? 'start' : _d, _e = _a.isActive, isActive = _e === void 0 ? false : _e, label = _a.label, linkComponent = _a.linkComponent, linkProps = _a.linkProps, margin = _a.margin, name = _a.name, onBlur = _a.onBlur, onClick = _a.onClick, onFocus = _a.onFocus, onMouseDown = _a.onMouseDown, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onMouseUp = _a.onMouseUp, _f = _a.size, size = _f === void 0 ? 'default' : _f, title = _a.title, tooltipConfig = _a.tooltipConfig, type = _a.type, _g = _a.variant, variant = _g === void 0 ? 'filled' : _g, rest = __rest(_a, ["_modifierClass", 'aria-controls', 'aria-expanded', 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-pressed', "color", "disabled", "getRef", "id", "icon", "iconPosition", "isActive", "label", "linkComponent", "linkProps", "margin", "name", "onBlur", "onClick", "onFocus", "onMouseDown", "onMouseEnter", "onMouseLeave", "onMouseUp", "size", "title", "tooltipConfig", "type", "variant"]);
+    var _modifierClass = _a._modifierClass, ariaControls = _a["aria-controls"], ariaExpanded = _a["aria-expanded"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], ariaPressed = _a["aria-pressed"], _c = _a.color, color = _c === void 0 ? 'default' : _c, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, icon = _a.icon, _d = _a.iconPosition, iconPosition = _d === void 0 ? 'start' : _d, _e = _a.isActive, isActive = _e === void 0 ? false : _e, label = _a.label, linkComponent = _a.linkComponent, linkProps = _a.linkProps, margin = _a.margin, name = _a.name, onBlur = _a.onBlur, onClick = _a.onClick, onFocus = _a.onFocus, onMouseDown = _a.onMouseDown, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onMouseUp = _a.onMouseUp, _f = _a.size, size = _f === void 0 ? 'default' : _f, _g = _a.theme, theme = _g === void 0 ? 'onLight' : _g, title = _a.title, tooltipConfig = _a.tooltipConfig, type = _a.type, _h = _a.variant, variant = _h === void 0 ? 'filled' : _h, rest = __rest(_a, ["_modifierClass", 'aria-controls', 'aria-expanded', 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-pressed', "color", "disabled", "getRef", "id", "icon", "iconPosition", "isActive", "label", "linkComponent", "linkProps", "margin", "name", "onBlur", "onClick", "onFocus", "onMouseDown", "onMouseEnter", "onMouseLeave", "onMouseUp", "size", "theme", "title", "tooltipConfig", "type", "variant"]);
     var btnClass = (0, class_names_1.default)(_modifierClass, 'ModernButton', (0, modifier_classes_1.getMarginClass)(margin), (_b = {},
         _b["ModernButton--".concat(color)] = color,
         _b["ModernButton--".concat(variant)] = variant,
         _b["ModernButton--".concat(size)] = size,
+        _b["ModernButton--".concat(theme)] = theme,
         _b['ModernButton--icon-only'] = !!icon && !label,
         _b['ModernButton--forced-active'] = isActive,
         _b));

package/lib/cjs/components/modern_button.js.map

@@ -1 +1 @@
-{"version":3,"file":"modern_button.js","sourceRoot":"","sources":["../../../src/components/modern_button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AASvC,qEAA8C;AAC9C,6EAAyD;AACzD,8DAA2D;AAG3D,iDAA+C;AA6D/C;;;;;;;;;;;;;;;GAeG;AACH,SAAgB,YAAY,CAAC,EAiCT;;IAhClB,IAAA,cAAc,oBAAA,EACG,YAAY,sBAAA,EACZ,YAAY,sBAAA,EACf,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnB,WAAW,qBAAA,EAC3B,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,oBAAsB,EAAtB,YAAY,mBAAG,OAAO,KAAA,EACtB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,OAAO,aAAA,EACP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,IAAI,UAAA,EACJ,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EACf,IAAI,cAhCoB,4YAiC5B,CADQ;IAEP,IAAM,QAAQ,GAAG,IAAA,qBAAU,EACzB,cAAc,EACd,cAAc,EACd,IAAA,iCAAc,EAAC,MAAM,CAAC;QAEpB,GAAC,wBAAiB,KAAK,CAAE,IAAG,KAAK;QACjC,GAAC,wBAAiB,OAAO,CAAE,IAAG,OAAO;QACrC,GAAC,wBAAiB,IAAI,CAAE,IAAG,IAAI;QAC/B,6BAAyB,GAAE,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK;QAC3C,iCAA6B,GAAE,QAAQ;YAE1C,CAAC;IAEF,IAAM,aAAa,GAAG,IAAA,eAAO,EAAC;QAC5B,OAAO,CACL,wCAAM,SAAS,EAAC,0DAA0D;YACvE,CAAC,CAAC,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,IAAI;YAC1C,CAAC,CAAC,KAAK,IAAI,KAAK;YAChB,CAAC,CAAC,IAAI,IAAI,YAAY,KAAK,KAAK,IAAI,IAAI,CACpC,CACR,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL,8BAAC,4BAAY,eACP,IAAA,yBAAiB,EAAC,IAAI,CAAC,qBACZ,YAAY,mBACZ,YAAY,gBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,kBACnB,WAAW,IAAI,QAAQ,EACrC,SAAS,EAAE,QAAQ,EACnB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,KAET,aAAa,CACD,CAChB,CAAC;AACJ,CAAC;AAvFD,oCAuFC"}
+{"version":3,"file":"modern_button.js","sourceRoot":"","sources":["../../../src/components/modern_button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AASvC,qEAA8C;AAC9C,6EAAyD;AACzD,8DAA2D;AAG3D,iDAA+C;AAgE/C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAgB,YAAY,CAAC,EAkCT;;IAjClB,IAAA,cAAc,oBAAA,EACG,YAAY,sBAAA,EACZ,YAAY,sBAAA,EACf,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnB,WAAW,qBAAA,EAC3B,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,oBAAsB,EAAtB,YAAY,mBAAG,OAAO,KAAA,EACtB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,OAAO,aAAA,EACP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,IAAI,UAAA,EACJ,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EACf,IAAI,cAjCoB,qZAkC5B,CADQ;IAEP,IAAM,QAAQ,GAAG,IAAA,qBAAU,EACzB,cAAc,EACd,cAAc,EACd,IAAA,iCAAc,EAAC,MAAM,CAAC;QAEpB,GAAC,wBAAiB,KAAK,CAAE,IAAG,KAAK;QACjC,GAAC,wBAAiB,OAAO,CAAE,IAAG,OAAO;QACrC,GAAC,wBAAiB,IAAI,CAAE,IAAG,IAAI;QAC/B,GAAC,wBAAiB,KAAK,CAAE,IAAG,KAAK;QACjC,6BAAyB,GAAE,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK;QAC3C,iCAA6B,GAAE,QAAQ;YAE1C,CAAC;IAEF,IAAM,aAAa,GAAG,IAAA,eAAO,EAAC;QAC5B,OAAO,CACL,wCAAM,SAAS,EAAC,0DAA0D;YACvE,CAAC,CAAC,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,IAAI;YAC1C,CAAC,CAAC,KAAK,IAAI,KAAK;YAChB,CAAC,CAAC,IAAI,IAAI,YAAY,KAAK,KAAK,IAAI,IAAI,CACpC,CACR,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL,8BAAC,4BAAY,eACP,IAAA,yBAAiB,EAAC,IAAI,CAAC,qBACZ,YAAY,mBACZ,YAAY,gBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,kBACnB,WAAW,IAAI,QAAQ,EACrC,SAAS,EAAE,QAAQ,EACnB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,KAET,aAAa,CACD,CAChB,CAAC;AACJ,CAAC;AAzFD,oCAyFC"}

package/lib/cjs/components/number_input.d.ts

@@ -24,10 +24,16 @@ interface NumberInputProps extends CommonComponentProps, MarginModifierProp, Mod
     prefix?: React.ReactNode;
     readOnly?: boolean;
     required?: boolean;
+    /**
+     * By default, number inputs will increment or decrement whenever the user scrolls while focused on the input.
+     *
+     * This behavior is disabled by default, but can be enabled by passing the `scrollEnabled` prop.
+     */
+    scrollEnabled?: boolean;
     step?: string | number;
     suffix?: React.ReactNode;
     tabIndex?: number;
     value?: number | string;
 }
-export declare function NumberInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-required': ariaRequired, autoComplete, autoFocus, defaultValue, disabled, getRef, id, invalid, margin, max, min, mini, name, onBlur, onChange, onFocus, onKeyDown, onPaste, placeholder, prefix, readOnly, required, step, suffix, tabIndex, value, ...rest }: NumberInputProps): React.JSX.Element;
+export declare function NumberInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-required': ariaRequired, autoComplete, autoFocus, defaultValue, disabled, getRef, id, invalid, margin, max, min, mini, name, onBlur, onChange, onFocus, onKeyDown, onPaste, placeholder, prefix, readOnly, required, scrollEnabled, step, suffix, tabIndex, value, ...rest }: NumberInputProps): React.JSX.Element;
 export {};

package/lib/cjs/components/number_input.js

@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -26,12 +49,44 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NumberInput = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
 var common_input_1 = require("./common_input");
 function NumberInput(_a) {
-    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaRequired = _a["aria-required"], autoComplete = _a.autoComplete, autoFocus = _a.autoFocus, defaultValue = _a.defaultValue, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, invalid = _a.invalid, margin = _a.margin, max = _a.max, min = _a.min, mini = _a.mini, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onPaste = _a.onPaste, placeholder = _a.placeholder, prefix = _a.prefix, readOnly = _a.readOnly, required = _a.required, step = _a.step, suffix = _a.suffix, tabIndex = _a.tabIndex, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', 'aria-required', "autoComplete", "autoFocus", "defaultValue", "disabled", "getRef", "id", "invalid", "margin", "max", "min", "mini", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "placeholder", "prefix", "readOnly", "required", "step", "suffix", "tabIndex", "value"]);
-    return (react_1.default.createElement(common_input_1.CommonInput, __assign({}, (0, data_attributes_1.default)(rest), { _modifierClass: _modifierClass, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-required": ariaRequired, autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, getRef: getRef, id: id, invalid: invalid, margin: margin, max: max, min: min, mini: mini, name: name, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onPaste: onPaste, placeholder: placeholder, prefix: prefix, readOnly: readOnly, required: required, step: step, suffix: suffix, tabIndex: tabIndex, type: "number", value: value })));
+    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaRequired = _a["aria-required"], autoComplete = _a.autoComplete, autoFocus = _a.autoFocus, defaultValue = _a.defaultValue, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, invalid = _a.invalid, margin = _a.margin, max = _a.max, min = _a.min, mini = _a.mini, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onPaste = _a.onPaste, placeholder = _a.placeholder, prefix = _a.prefix, readOnly = _a.readOnly, required = _a.required, scrollEnabled = _a.scrollEnabled, step = _a.step, suffix = _a.suffix, tabIndex = _a.tabIndex, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', 'aria-required', "autoComplete", "autoFocus", "defaultValue", "disabled", "getRef", "id", "invalid", "margin", "max", "min", "mini", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "placeholder", "prefix", "readOnly", "required", "scrollEnabled", "step", "suffix", "tabIndex", "value"]);
+    var wrapperRef = (0, react_1.useRef)();
+    // Number inputs have an odd feature where they update their value on scroll when focused.
+    // This is almost always an undesirable user experience, so we disable it by default.
+    (0, react_1.useEffect)(function () {
+        var current = wrapperRef.current;
+        var disableScroll = function () {
+            if (scrollEnabled) {
+                return;
+            }
+            current.blur();
+        };
+        if (current) {
+            current.addEventListener('wheel', disableScroll);
+        }
+        return function () {
+            if (current) {
+                current.removeEventListener('wheel', disableScroll);
+            }
+        };
+    }, [scrollEnabled, wrapperRef]);
+    var setRef = (0, react_1.useCallback)(function (ref, value) {
+        if (typeof ref === 'function') {
+            ref(value);
+        }
+        else if (ref && 'current' in ref) {
+            ref.current = value;
+        }
+    }, []);
+    var assignRefs = (0, react_1.useCallback)(function (element) {
+        setRef(getRef, element);
+        setRef(wrapperRef, element);
+    }, [getRef, setRef]);
+    return (react_1.default.createElement(common_input_1.CommonInput, __assign({}, (0, data_attributes_1.default)(rest), { _modifierClass: _modifierClass, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-required": ariaRequired, autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, getRef: assignRefs, id: id, invalid: invalid, margin: margin, max: max, min: min, mini: mini, name: name, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onPaste: onPaste, placeholder: placeholder, prefix: prefix, readOnly: readOnly, required: required, step: step, suffix: suffix, tabIndex: tabIndex, type: "number", value: value })));
 }
 exports.NumberInput = NumberInput;
 //# sourceMappingURL=number_input.js.map

package/lib/cjs/components/number_input.js.map

@@ -1 +1 @@
-{"version":3,"file":"number_input.js","sourceRoot":"","sources":["../../../src/components/number_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAS1B,6EAAyD;AAEzD,+CAA6C;AAkC7C,SAAgB,WAAW,CAAC,EAiCT;IAhCjB,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EAChB,YAAY,sBAAA,EAC7B,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,OAAO,aAAA,EACP,MAAM,YAAA,EACN,GAAG,SAAA,EACH,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cAhCmB,qXAiC3B,CADQ;IAEP,OAAO,CACL,8BAAC,0BAAW,eACN,IAAA,yBAAiB,EAAC,IAAI,CAAC,IAC3B,cAAc,EAAE,cAAc,sBACZ,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,mBAChB,YAAY,EAC3B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC;AAvED,kCAuEC"}
+{"version":3,"file":"number_input.js","sourceRoot":"","sources":["../../../src/components/number_input.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/components/prebuilt_modals/generic_confirm_modal_content.js

@@ -1,9 +1,29 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var heading_1 = require("../heading");
 var button_icon_1 = require("../button_icon");
 var express_1 = require("../../icons/express");
@@ -11,13 +31,17 @@ var button_1 = require("../button");
 function GenericConfirmModalContent(_a) {
     var children = _a.children, _b = _a.closeable, closeable = _b === void 0 ? true : _b, _c = _a.closeButtonLabel, closeButtonLabel = _c === void 0 ? 'Close' : _c, descriptionList = _a.descriptionList, onClose = _a.onClose, onPrimaryButtonClick = _a.onPrimaryButtonClick, onSecondaryButtonClick = _a.onSecondaryButtonClick, primaryButtonLabel = _a.primaryButtonLabel, _d = _a.primaryButtonColor, primaryButtonColor = _d === void 0 ? 'dscout' : _d, _e = _a.primaryButtonDisabled, primaryButtonDisabled = _e === void 0 ? false : _e, secondaryButtonColor = _a.secondaryButtonColor, secondaryButtonLabel = _a.secondaryButtonLabel, title = _a.title;
     var shouldRenderSecondaryButton = !!secondaryButtonLabel && !!onSecondaryButtonClick;
+    var onCloseClick = (0, react_1.useCallback)(function (e) {
+        onSecondaryButtonClick === null || onSecondaryButtonClick === void 0 ? void 0 : onSecondaryButtonClick(e);
+        onClose();
+    }, [onSecondaryButtonClick, onClose]);
     return (react_1.default.createElement("div", { className: "flex direction--column align-items--stretch flex-gap-v--2 padding--2" },
         react_1.default.createElement("div", { className: "flex justify--between align-items--center flex-gap-h--1.5" },
             react_1.default.createElement(heading_1.Heading, { level: "1", size: "xl", weight: "7" }, title),
             closeable && (react_1.default.createElement(button_icon_1.ButtonIcon, { "aria-label": closeButtonLabel, tooltipConfig: {
                     tooltipContent: closeButtonLabel,
                     zIndex: 999 // Very large zIndex ensures this sits above the modal itself
-                }, onClick: onClose, _modifierClass: "flex-shrink--0 align-self--start", bgSize: "2.5em", bgColor: "none", hoverBgColor: "gray-50", color: "gray-800", radius: "med" },
+                }, onClick: onCloseClick, _modifierClass: "flex-shrink--0 align-self--start", bgSize: "2.5em", bgColor: "none", hoverBgColor: "gray-50", color: "gray-800", radius: "med" },
                 react_1.default.createElement(express_1.ExpressIcons.IconX, { base: "16" })))),
         react_1.default.createElement("div", { className: "flex direction--column flex-gap-v--1 align-items--stretch" },
             descriptionList.map(function (content, index) { return (

package/lib/cjs/components/prebuilt_modals/generic_confirm_modal_content.js.map

@@ -1 +1 @@
-{"version":3,"file":"generic_confirm_modal_content.js","sourceRoot":"","sources":["../../../../src/components/prebuilt_modals/generic_confirm_modal_content.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,sCAAqC;AACrC,8CAA4C;AAC5C,+CAAmD;AACnD,oCAAsD;AAkBtD,SAAS,0BAA0B,CAAC,EAc5B;QAbN,QAAQ,cAAA,EACR,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,wBAA0B,EAA1B,gBAAgB,mBAAG,OAAO,KAAA,EAC1B,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,oBAAoB,0BAAA,EACpB,sBAAsB,4BAAA,EACtB,kBAAkB,wBAAA,EAClB,0BAA6B,EAA7B,kBAAkB,mBAAG,QAAQ,KAAA,EAC7B,6BAA6B,EAA7B,qBAAqB,mBAAG,KAAK,KAAA,EAC7B,oBAAoB,0BAAA,EACpB,oBAAoB,0BAAA,EACpB,KAAK,WAAA;IAEL,IAAM,2BAA2B,GAC/B,CAAC,CAAC,oBAAoB,IAAI,CAAC,CAAC,sBAAsB,CAAC;IAErD,OAAO,CACL,uCAAK,SAAS,EAAC,sEAAsE;QACnF,uCAAK,SAAS,EAAC,2DAA2D;YACxE,8BAAC,iBAAO,IAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,IACpC,KAAK,CACE;YACT,SAAS,IAAI,CACZ,8BAAC,wBAAU,kBACG,gBAAgB,EAC5B,aAAa,EAAE;oBACb,cAAc,EAAE,gBAAgB;oBAChC,MAAM,EAAE,GAAG,CAAC,6DAA6D;iBAC1E,EACD,OAAO,EAAE,OAAO,EAChB,cAAc,EAAC,kCAAkC,EACjD,MAAM,EAAC,OAAO,EACd,OAAO,EAAC,MAAM,EACd,YAAY,EAAC,SAAS,EACtB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,KAAK;gBAEZ,8BAAC,sBAAY,CAAC,KAAK,IAAC,IAAI,EAAC,IAAI,GAAG,CACrB,CACd,CACG;QAEN,uCAAK,SAAS,EAAC,2DAA2D;YACvE,eAAe,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK,IAAK,OAAA;YACvC,oDAAoD;YACpD,qCAAG,GAAG,EAAE,KAAK,IAAG,OAAO,CAAK,CAC7B,EAHwC,CAGxC,CAAC;YACD,QAAQ,CACL;QACN,uCAAK,SAAS,EAAC,mCAAmC;YAC/C,2BAA2B,IAAI,CAC9B,8BAAC,eAAM,IACL,OAAO,EAAC,SAAS,EACjB,KAAK,EAAE,oBAAoB,EAC3B,OAAO,EAAE,sBAAsB,IAE9B,oBAAoB,CACd,CACV;YACD,8BAAC,eAAM,IACL,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE,oBAAoB,EAC7B,QAAQ,EAAE,qBAAqB,IAE9B,kBAAkB,CACZ,CACL,CACF,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,0BAA0B,CAAC"}
+{"version":3,"file":"generic_confirm_modal_content.js","sourceRoot":"","sources":["../../../../src/components/prebuilt_modals/generic_confirm_modal_content.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2C;AAC3C,sCAAqC;AACrC,8CAA4C;AAC5C,+CAAmD;AACnD,oCAAsD;AAkBtD,SAAS,0BAA0B,CAAC,EAc5B;QAbN,QAAQ,cAAA,EACR,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,wBAA0B,EAA1B,gBAAgB,mBAAG,OAAO,KAAA,EAC1B,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,oBAAoB,0BAAA,EACpB,sBAAsB,4BAAA,EACtB,kBAAkB,wBAAA,EAClB,0BAA6B,EAA7B,kBAAkB,mBAAG,QAAQ,KAAA,EAC7B,6BAA6B,EAA7B,qBAAqB,mBAAG,KAAK,KAAA,EAC7B,oBAAoB,0BAAA,EACpB,oBAAoB,0BAAA,EACpB,KAAK,WAAA;IAEL,IAAM,2BAA2B,GAC/B,CAAC,CAAC,oBAAoB,IAAI,CAAC,CAAC,sBAAsB,CAAC;IAErD,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAC,CAAsC;QACrC,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAG,CAAC,CAAC,CAAC;QAC5B,OAAO,EAAE,CAAC;IACZ,CAAC,EACD,CAAC,sBAAsB,EAAE,OAAO,CAAC,CAClC,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAC,sEAAsE;QACnF,uCAAK,SAAS,EAAC,2DAA2D;YACxE,8BAAC,iBAAO,IAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,IACpC,KAAK,CACE;YACT,SAAS,IAAI,CACZ,8BAAC,wBAAU,kBACG,gBAAgB,EAC5B,aAAa,EAAE;oBACb,cAAc,EAAE,gBAAgB;oBAChC,MAAM,EAAE,GAAG,CAAC,6DAA6D;iBAC1E,EACD,OAAO,EAAE,YAAY,EACrB,cAAc,EAAC,kCAAkC,EACjD,MAAM,EAAC,OAAO,EACd,OAAO,EAAC,MAAM,EACd,YAAY,EAAC,SAAS,EACtB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,KAAK;gBAEZ,8BAAC,sBAAY,CAAC,KAAK,IAAC,IAAI,EAAC,IAAI,GAAG,CACrB,CACd,CACG;QAEN,uCAAK,SAAS,EAAC,2DAA2D;YACvE,eAAe,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK,IAAK,OAAA;YACvC,oDAAoD;YACpD,qCAAG,GAAG,EAAE,KAAK,IAAG,OAAO,CAAK,CAC7B,EAHwC,CAGxC,CAAC;YACD,QAAQ,CACL;QACN,uCAAK,SAAS,EAAC,mCAAmC;YAC/C,2BAA2B,IAAI,CAC9B,8BAAC,eAAM,IACL,OAAO,EAAC,SAAS,EACjB,KAAK,EAAE,oBAAoB,EAC3B,OAAO,EAAE,sBAAsB,IAE9B,oBAAoB,CACd,CACV;YACD,8BAAC,eAAM,IACL,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE,oBAAoB,EAC7B,QAAQ,EAAE,qBAAqB,IAE9B,kBAAkB,CACZ,CACL,CACF,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,0BAA0B,CAAC"}

package/lib/cjs/components/skeleton_loader.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { Colors, Dimensions, MarginModifierProp, ModifierClassProp, Radii } from '../types';
+interface SkeletonLoaderProps extends ModifierClassProp, MarginModifierProp {
+    /**
+     * Defaults to `true`. If `false`, the skeleton loader will not animate.
+     */
+    animated?: boolean;
+    /**
+     * The color of the skeleton loader background, default is `gray-50`.
+     */
+    backgroundColor?: Colors;
+    /**
+     * The duration, in seconds, of the skeleton loader animation. Default is `1.25`.
+     */
+    duration?: number;
+    /**
+     * The height of the skeleton loader, default is `1`.
+     */
+    height?: Dimensions;
+    /**
+     * The highlight color of the skeleton loader's animation, default is `gray-200`.
+     */
+    highlightColor?: Colors;
+    /**
+     * The border radius of the skeleton loader, default is `med`.
+     */
+    radius?: Radii;
+    /**
+     * The width of the skeleton loader, default is `100%`.
+     */
+    width?: Dimensions;
+}
+export declare function SkeletonLoader({ _modifierClass, animated, backgroundColor, duration, height, highlightColor, margin, radius, width, ...rest }: SkeletonLoaderProps): React.JSX.Element;
+export {};