npm - @dscout/particle - Versions diffs - 1.0.0-alpha.36 → 1.0.0-alpha.38 - Mend

@dscout/particle 1.0.0-alpha.36 → 1.0.0-alpha.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (143) hide show

package/README.md CHANGED Viewed

@@ -99,6 +99,8 @@ yarn lint
 Start the Vitest test runner in watch mode:
+Note: Before testing, you will need to run `yarn playwright install` to ensure the local test runner can properly spin up the necessary browser environment.
 ```bash
 yarn test
 ```

package/lib/cjs/components/common_menu_item.js CHANGED Viewed

@@ -62,7 +62,7 @@ function CommonMenuItem(_a) {
     var refProps = getRef ? (_c = {}, _c[refProp] = getRef, _c) : {};
     var Component = component;
     validateModifierClass(_modifierClass);
-    var content = (react_1.default.createElement(Component, __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, disabled: disabled, id: id, name: name, onClick: onClick, onKeyDown: onKeyDown }, refProps, sanitizeOtherProps(rest)), children));
+    var content = (react_1.default.createElement(Component, __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, disabled: disabled, id: id, name: name, onClick: onClick, onKeyDown: onKeyDown }, (disabled ? { tabIndex: -1 } : {}), refProps, sanitizeOtherProps(rest)), children));
     return wrapWithLI ? react_1.default.createElement("li", null, content) : content;
 }
 exports.CommonMenuItem = CommonMenuItem;

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

	@@ -1 +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;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~~"}
1	+ {"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,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAClC,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;AAzDD,wCAyDC"}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { CommonComponentProps, Dimensions, MarginModifierProp, ModifierClassProp } from '../../types';
+import type { GetRef } from '../../utils/refs';
+import type { Chip } from '../chip';
+import type { BuiltInTooltipConfig } from '../tooltip/types';
+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;
+    disabled?: boolean;
+    tooltipConfig?: BuiltInTooltipConfig;
+    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, disabled, getRef, height, maxHeight, maxWidth, minHeight, minWidth, chip, onClick, subtitle, title, tooltipConfig, width, margin, ...rest }: HoverCardProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,55 @@
+"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");
+var tooltip_container_1 = require("../tooltip/tooltip_container");
+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, _c = _a.disabled, disabled = _c === void 0 ? false : _c, getRef = _a.getRef, _d = _a.height, height = _d === void 0 ? '100%' : _d, _e = _a.maxHeight, maxHeight = _e === void 0 ? '100%' : _e, _f = _a.maxWidth, maxWidth = _f === void 0 ? '100%' : _f, _g = _a.minHeight, minHeight = _g === void 0 ? 'auto' : _g, _h = _a.minWidth, minWidth = _h === void 0 ? 'auto' : _h, chip = _a.chip, onClick = _a.onClick, subtitle = _a.subtitle, title = _a.title, tooltipConfig = _a.tooltipConfig, _j = _a.width, width = _j === void 0 ? 'auto' : _j, margin = _a.margin, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "billboardUrl", "buttonLabel", "buttonColor", "buttonIcon", "disabled", "getRef", "height", "maxHeight", "maxWidth", "minHeight", "minWidth", "chip", "onClick", "subtitle", "title", "tooltipConfig", "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), { 'HoverCard--disabled': disabled }, { 'HoverCard--enabled': !disabled });
+    return (react_1.default.createElement(tooltip_container_1.TooltipContainer, __assign({ enabled: !!tooltipConfig }, (tooltipConfig !== null && tooltipConfig !== void 0 ? tooltipConfig : { tooltipContent: '' })), function (_a) {
+        var ref = _a.ref;
+        return (react_1.default.createElement("div", __assign({ ref: ref }, (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, disabled: disabled, 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 ADDED Viewed

@@ -0,0 +1 @@

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

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

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

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

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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/modern_button.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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;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/prebuilt_modals/generic_confirm_modal_content.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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/study_card/actions_menu.d.ts CHANGED Viewed

@@ -1,14 +1,16 @@
 import React from 'react';
-import type { Colors } from '../../types';
+import { MenuItem } from '../menu_item';
 export interface ActionsMenuProps {
     actionsConfig: {
         actionLabel: string;
         onClick: () => void;
         closeOnClick?: boolean;
-        actionColor?: Colors;
+        actionVariant?: React.ComponentProps<typeof MenuItem>['variant'];
         testId?: string;
+        pendoTag?: string;
     }[];
     optionsButtonLabel?: string;
+    optionsButtonPendoTag?: string;
 }
 declare const _default: React.ForwardRefExoticComponent<ActionsMenuProps & React.RefAttributes<HTMLButtonElement>>;
 export default _default;

package/lib/cjs/components/study_card/actions_menu.js CHANGED Viewed

@@ -35,7 +35,7 @@ var menu_list_1 = require("../menu_list");
 var menu_item_1 = require("../menu_item");
 var class_names_1 = __importDefault(require("../../utils/class_names"));
 function ActionsMenu(_a, ref) {
-    var actionsConfig = _a.actionsConfig, optionsButtonLabel = _a.optionsButtonLabel;
+    var actionsConfig = _a.actionsConfig, optionsButtonLabel = _a.optionsButtonLabel, optionsButtonPendoTag = _a.optionsButtonPendoTag;
     var dropdownRefFunctionRef = (0, react_1.useRef)(function () { });
     // All of this ref related code enables performant ref assignment to the forwarded ref
     // as well as the dropdown toggle's ref. This is necessary to ensure clicks on the dropdown
@@ -59,24 +59,25 @@ function ActionsMenu(_a, ref) {
     return (react_1.default.createElement(dropdown_1.DropdownContainer, { placement: "right-start", contentWidth: "10em", toggle: function (_a) {
             var dropdownRef = _a.ref, toggleDropdown = _a.toggleDropdown, isToggled = _a.isToggled;
             dropdownRefFunctionRef.current = dropdownRef;
-            return (react_1.default.createElement(modern_button_1.ModernButton, { "aria-label": optionsButtonLabel, _modifierClass: (0, class_names_1.default)('StudyCard__ActionsMenu', {
+            return (react_1.default.createElement(modern_button_1.ModernButton, { "aria-label": optionsButtonLabel, "data-pendo": optionsButtonPendoTag, _modifierClass: (0, class_names_1.default)('StudyCard__ActionsMenu', {
                     'StudyCard__ActionsMenu--toggled': isToggled
-                }), isActive: isToggled, onClick: toggleDropdown, variant: "ghost", color: "default", tooltipConfig: {
+                }), isActive: isToggled, onClick: toggleDropdown, variant: "filled", color: "default", tooltipConfig: {
                     placement: 'left',
                     tooltipContent: optionsButtonLabel
-                }, getRef: assignRefs, icon: react_1.default.createElement(express_1.ExpressIcons.IconDotsThreeVertical, { base: "16" }) }));
+                }, theme: "onDark", getRef: assignRefs, icon: react_1.default.createElement(express_1.ExpressIcons.IconDotsThreeVertical, { base: "16" }) }));
         } }, function (_a) {
         var toggleDropdown = _a.toggleDropdown;
-        return (react_1.default.createElement(menu_1.Menu, null,
+        return (react_1.default.createElement(menu_1.Menu, { modern: true, variant: "tightest" },
             react_1.default.createElement(menu_list_1.MenuList, null, actionsConfig.map(function (actionConfig) {
-                var actionLabel = actionConfig.actionLabel, onClick = actionConfig.onClick, _a = actionConfig.closeOnClick, closeOnClick = _a === void 0 ? true : _a, _b = actionConfig.actionColor, actionColor = _b === void 0 ? 'gray-800' : _b, testId = actionConfig.testId;
-                return (react_1.default.createElement(menu_item_1.MenuItem, { key: actionLabel, name: actionLabel, onClick: function (e) {
+                var actionLabel = actionConfig.actionLabel, onClick = actionConfig.onClick, _a = actionConfig.closeOnClick, closeOnClick = _a === void 0 ? true : _a, _b = actionConfig.actionVariant, actionVariant = _b === void 0 ? 'neutral' : _b, testId = actionConfig.testId, pendoTag = actionConfig.pendoTag;
+                return (react_1.default.createElement(menu_item_1.MenuItem, { key: actionLabel, "data-pendo": pendoTag, name: actionLabel, onClick: function (e) {
                         e.stopPropagation();
                         onClick();
                         if (closeOnClick) {
                             toggleDropdown();
                         }
-                    }, "data-testid": testId, color: actionColor }, actionLabel));
+                    }, "data-testid": testId, variant: actionVariant },
+                    react_1.default.createElement("span", { className: "font-size--s font-weight--6" }, actionLabel)));
             }))));
     }));
 }

package/lib/cjs/components/study_card/actions_menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"actions_menu.js","sourceRoot":"","sources":["../../../../src/components/study_card/actions_menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmD;AAEnD,+CAAmD;AACnD,kDAAgD;~~AAEhD~~,wCAAgD;AAChD,gCAA+B;AAC/B,0CAAwC;AACxC,0CAAwC;AACxC,wEAAiD;~~AAoBjD~~,SAAS,WAAW,CAClB,~~EAAuD~~,~~EACvD~~,GAA0C;~~QADxC~~,aAAa,mBAAA,~~EAAE~~,kBAAkB,wBAAA;~~IAGnC~~,IAAM,sBAAsB,GAAG,IAAA,cAAM,EACnC,cAAO,CAAC,CACT,CAAC;IAEF,sFAAsF;IACtF,2FAA2F;IAC3F,kGAAkG;IAClG,kFAAkF;IAClF,IAAM,MAAM,GAAG,IAAA,mBAAW,EACxB,UAAC,GAA8B,EAAE,KAA+B;QAC9D,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;YAC7B,GAAG,CAAC,KAAK,CAAC,CAAC;SACZ;aAAM,IAAI,GAAG,IAAI,SAAS,IAAI,GAAG,EAAE;YAClC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;SACrB;IACH,CAAC,EACD,EAAE,CACH,CAAC;IAEF,IAAM,UAAU,GAAG,IAAA,mBAAW,EAC5B,UAAC,OAAiC;QAChC,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;QACrB,MAAM,CAAC,sBAAsB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAClD,CAAC,EACD,CAAC,GAAG,EAAE,MAAM,CAAC,CACd,CAAC;IAEF,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;QACzB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,8BAAC,4BAAiB,IAChB,SAAS,EAAC,aAAa,EACvB,YAAY,EAAC,MAAM,EACnB,MAAM,EAAE,UAAC,EAA+C;gBAAxC,WAAW,SAAA,EAAE,cAAc,oBAAA,EAAE,SAAS,eAAA;YACpD,sBAAsB,CAAC,OAAO,GAAG,WAAW,CAAC;YAE7C,OAAO,CACL,8BAAC,4BAAY,kBACC,kBAAkB,~~EAC9B~~,cAAc,EAAE,IAAA,qBAAU,EAAC,wBAAwB,EAAE;oBACnD,iCAAiC,EAAE,SAAS;iBAC7C,CAAC,EACF,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,cAAc,EACvB,OAAO,EAAC,~~OAAO~~,~~EACf~~,KAAK,EAAC,SAAS,EACf,aAAa,EAAE;oBACb,SAAS,EAAE,MAAM;oBACjB,cAAc,EAAE,kBAAkB;iBACnC,EACD,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,8BAAC,sBAAY,CAAC,qBAAqB,IAAC,IAAI,EAAC,IAAI,GAAG,GACtD,CACH,CAAC;QACJ,CAAC,IAEA,UAAC,EAAkB;YAAhB,cAAc,oBAAA;QAAO,OAAA,CACvB,8BAAC,WAAI;~~YACH~~,8BAAC,oBAAQ,QACN,aAAa,CAAC,GAAG,CAAC,UAAC,YAAY;gBAE5B,IAAA,WAAW,~~GAKT~~,YAAY,~~YALH~~,EACX,OAAO,~~GAIL~~,YAAY,~~QAJP~~,EACP,~~KAGE~~,YAAY,~~aAHK~~,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,~~KAEE~~,YAAY,~~YAFU~~,~~EAAxB~~,~~WAAW~~,mBAAG,~~UAAU~~,KAAA,~~EACxB~~,MAAM,~~GACJ~~,YAAY,~~OADR~~,~~CACS~~;gBACjB,OAAO,CACL,8BAAC,oBAAQ,IACP,GAAG,EAAE,WAAW,~~EAChB~~,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,UAAC,CAAC;wBACT,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,OAAO,EAAE,CAAC;wBACV,IAAI,YAAY,EAAE;4BAChB,cAAc,EAAE,CAAC;yBAClB;oBACH,CAAC,iBACY,MAAM,EACnB,~~KAAK~~,EAAE,~~WAAW~~,~~IAEjB~~,WAAW,~~CACH~~,CACZ,CAAC;YACJ,CAAC,CAAC,CACO,CACN,CACR;~~IA/BwB~~,~~CA+BxB~~,CACiB,CACrB,CAAC;AACJ,CAAC;AAED,kBAAe,eAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC"}
1	+ {"version":3,"file":"actions_menu.js","sourceRoot":"","sources":["../../../../src/components/study_card/actions_menu.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/components/study_card/study_card.d.ts CHANGED Viewed

@@ -20,5 +20,5 @@ interface StudyCardProps extends ModifierClassProp, CommonComponentProps, Margin
     title: string;
     width?: Dimensions;
 }
-export declare function StudyCard({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, billboardUrl, getRef, height, maxHeight, maxWidth, minHeight, minWidth, studyTypeChip, onClick, actionsConfig, optionsButtonLabel, role, statusChip, subtitle, timestamp, title, width, margin, ...rest }: StudyCardProps): React.JSX.Element;
+export declare function StudyCard({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, billboardUrl, getRef, height, maxHeight, maxWidth, minHeight, minWidth, studyTypeChip, onClick, actionsConfig, optionsButtonLabel, optionsButtonPendoTag, role, statusChip, subtitle, timestamp, title, width, margin, ...rest }: StudyCardProps): React.JSX.Element;
 export {};

package/lib/cjs/components/study_card/study_card.js CHANGED Viewed

@@ -56,7 +56,7 @@ var modifier_classes_1 = require("../../utils/modifier_classes");
 var heading_1 = require("../heading");
 var actions_menu_1 = __importDefault(require("./actions_menu"));
 function StudyCard(_a) {
-    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], billboardUrl = _a.billboardUrl, getRef = _a.getRef, _b = _a.height, height = _b === void 0 ? '100%' : _b, _c = _a.maxHeight, maxHeight = _c === void 0 ? '100%' : _c, _d = _a.maxWidth, maxWidth = _d === void 0 ? '100%' : _d, _e = _a.minHeight, minHeight = _e === void 0 ? 'auto' : _e, _f = _a.minWidth, minWidth = _f === void 0 ? 'auto' : _f, studyTypeChip = _a.studyTypeChip, onClick = _a.onClick, actionsConfig = _a.actionsConfig, _g = _a.optionsButtonLabel, optionsButtonLabel = _g === void 0 ? 'Options' : _g, _h = _a.role, role = _h === void 0 ? 'button' : _h, statusChip = _a.statusChip, subtitle = _a.subtitle, timestamp = _a.timestamp, title = _a.title, _j = _a.width, width = _j === void 0 ? 'auto' : _j, margin = _a.margin, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "billboardUrl", "getRef", "height", "maxHeight", "maxWidth", "minHeight", "minWidth", "studyTypeChip", "onClick", "actionsConfig", "optionsButtonLabel", "role", "statusChip", "subtitle", "timestamp", "title", "width", "margin"]);
+    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], billboardUrl = _a.billboardUrl, getRef = _a.getRef, _b = _a.height, height = _b === void 0 ? '100%' : _b, _c = _a.maxHeight, maxHeight = _c === void 0 ? '100%' : _c, _d = _a.maxWidth, maxWidth = _d === void 0 ? '100%' : _d, _e = _a.minHeight, minHeight = _e === void 0 ? 'auto' : _e, _f = _a.minWidth, minWidth = _f === void 0 ? 'auto' : _f, studyTypeChip = _a.studyTypeChip, onClick = _a.onClick, actionsConfig = _a.actionsConfig, _g = _a.optionsButtonLabel, optionsButtonLabel = _g === void 0 ? 'Options' : _g, optionsButtonPendoTag = _a.optionsButtonPendoTag, _h = _a.role, role = _h === void 0 ? 'button' : _h, statusChip = _a.statusChip, subtitle = _a.subtitle, timestamp = _a.timestamp, title = _a.title, _j = _a.width, width = _j === void 0 ? 'auto' : _j, margin = _a.margin, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "billboardUrl", "getRef", "height", "maxHeight", "maxWidth", "minHeight", "minWidth", "studyTypeChip", "onClick", "actionsConfig", "optionsButtonLabel", "optionsButtonPendoTag", "role", "statusChip", "subtitle", "timestamp", "title", "width", "margin"]);
     var cardRef = (0, react_1.useRef)(null);
     var actionsToggleRef = (0, react_1.useRef)(null);
     var className = (0, class_names_1.default)('StudyCard', _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));
@@ -94,7 +94,7 @@ function StudyCard(_a) {
     return (react_1.default.createElement("div", __assign({}, (0, data_attributes_1.default)(rest), { className: className, tabIndex: 0, role: role, onClick: handleClickWithRefProtection, onKeyDown: handleKeydownWithRefProtection, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, ref: assignRefs }),
         react_1.default.createElement("div", { className: "StudyCard__Billboard", style: { backgroundImage: "url(".concat(billboardUrl, ")") } },
             react_1.default.createElement("span", { className: "StudyCard__StatusChipWrapper" }, statusChip),
-            react_1.default.createElement(actions_menu_1.default, { ref: actionsToggleRef, actionsConfig: actionsConfig, optionsButtonLabel: optionsButtonLabel })),
+            react_1.default.createElement(actions_menu_1.default, { ref: actionsToggleRef, actionsConfig: actionsConfig, optionsButtonLabel: optionsButtonLabel, optionsButtonPendoTag: optionsButtonPendoTag })),
         react_1.default.createElement("div", { className: "StudyCard__Content" },
             react_1.default.createElement("span", { className: "StudyCard__TypeChipWrapper" }, studyTypeChip),
             react_1.default.createElement(heading_1.Heading, { lineHeight: "title", level: "2", size: "l", weight: "6", _modifierClass: (0, class_names_1.default)('StudyCard__Title', {

package/lib/cjs/components/study_card/study_card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"study_card.js","sourceRoot":"","sources":["../../../../src/components/study_card/study_card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmD;AASnD,gFAA4D;AAC5D,wEAAiD;AACjD,iEAGsC;AACtC,sCAAqC;AACrC,gEAAoE;AA4BpE,SAAgB,SAAS,CAAC,~~EAwBT~~;~~IAvBf~~,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,YAAY,kBAAA,EACZ,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,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,0BAA8B,EAA9B,kBAAkB,mBAAG,SAAS,KAAA,EAC9B,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,KAAK,WAAA,EACL,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACd,MAAM,YAAA,EACH,IAAI,~~cAvBiB~~,~~2SAwBzB~~,CADQ;IAEP,IAAM,OAAO,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACpD,IAAM,gBAAgB,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IAEhE,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,IAAM,MAAM,GAAG,IAAA,mBAAW,EACxB,UAAC,GAA2B,EAAE,KAA4B;QACxD,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;YAC7B,GAAG,CAAC,KAAK,CAAC,CAAC;SACZ;aAAM,IAAI,GAAG,IAAI,SAAS,IAAI,GAAG,EAAE;YAClC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;SACrB;IACH,CAAC,EACD,EAAE,CACH,CAAC;IAEF,IAAM,UAAU,GAAG,IAAA,mBAAW,EAC5B,UAAC,OAA8B;QAC7B,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACzB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC1B,CAAC,EACD,CAAC,MAAM,EAAE,MAAM,CAAC,CACjB,CAAC;IAEF,IAAM,4BAA4B,GAAG,IAAA,mBAAW,EAC9C,UAAC,CAAmC;;QAClC,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,mEAAmE;QACnE,IACE,CAAC,CAAC,MAAM,KAAK,gBAAgB,CAAC,OAAO;aACrC,MAAA,gBAAgB,CAAC,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,CAAA,EACpD;YACA,OAAO;SACR;QAED,OAAO,CAAC,CAAC,CAAC,CAAC;IACb,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,IAAM,8BAA8B,GAAG,IAAA,mBAAW,EAChD,UAAC,CAAsC;QACrC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC,OAAO,EAAE;YAChC,OAAO;SACR;QAED,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;YACtC,OAAO,CAAC,CAAC,CAAC,CAAC;SACZ;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,CACL,kDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,IAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,EACX,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,4BAA4B,EACrC,SAAS,EAAE,8BAA8B,gBAC7B,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,GAAG,EAAE,UAAU;QAEf,uCACE,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE,EAAE,eAAe,EAAE,cAAO,YAAY,MAAG,EAAE;YAElD,wCAAM,SAAS,EAAC,8BAA8B,IAAE,UAAU,CAAQ;YAEhE,8BAAC,sBAAW,IACV,GAAG,EAAE,gBAAgB,EACrB,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,~~GACtC~~,CAEA;QAEN,uCAAK,SAAS,EAAC,oBAAoB;YACjC,wCAAM,SAAS,EAAC,4BAA4B,IAAE,aAAa,CAAQ;YACnE,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;oBAC7C,iCAAiC,EAAE,CAAC,CAAC,QAAQ;iBAC9C,CAAC,IAED,KAAK,CACE;YACT,CAAC,CAAC,QAAQ,IAAI,CACb,wCAAM,SAAS,EAAC,8BAA8B,IAAE,QAAQ,CAAQ,CACjE;YACD,wCAAM,SAAS,EAAC,sBAAsB;gBACpC,4CAAO,SAAS,CAAQ,CACnB,CACH,CACF,CACP,CAAC;AACJ,CAAC;~~AA3ID~~,~~8BA2IC~~"}
1	+ {"version":3,"file":"study_card.js","sourceRoot":"","sources":["../../../../src/components/study_card/study_card.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/components/tabs/tab_button.d.ts CHANGED Viewed

@@ -1,8 +1,12 @@
 import React from 'react';
-import { type TabItemConfig, TabsType, type TabPadding } from './types';
-type Props = (TabItemConfig<TabsType.Buttons> | TabItemConfig<TabsType.Filters>) & {
+import { TabsType, type TabPadding } from './types';
+declare const TabButton: React.ForwardRefExoticComponent<import("./types").CommonTabFields & {
+    onClick: import("./types").TabClickHandler;
+    to?: never;
+    isActive: boolean;
+} & {
     type: TabsType.Buttons | TabsType.Filters;
     padding: TabPadding;
-};
-declare const TabButton: ({ badgeCount, className, disabled, icon, id, isActive, label, onClick, padding, testId, type, variant }: Props) => React.JSX.Element;
+    trailingIcon?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
 export default TabButton;

package/lib/cjs/components/tabs/tab_button.js CHANGED Viewed

@@ -40,8 +40,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var class_names_1 = __importDefault(require("../../utils/class_names"));
 var types_1 = require("./types");
-var TabButton = function (_a) {
-    var badgeCount = _a.badgeCount, className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b, icon = _a.icon, id = _a.id, isActive = _a.isActive, label = _a.label, onClick = _a.onClick, padding = _a.padding, testId = _a.testId, type = _a.type, _c = _a.variant, variant = _c === void 0 ? types_1.TabsVariant.Default : _c;
+var TabButton = react_1.default.forwardRef(function (_a, ref) {
+    var badgeCount = _a.badgeCount, className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b, icon = _a.icon, id = _a.id, isActive = _a.isActive, label = _a.label, onClick = _a.onClick, padding = _a.padding, pendoTag = _a.pendoTag, testId = _a.testId, _c = _a.trailingIcon, trailingIcon = _c === void 0 ? false : _c, type = _a.type, _d = _a.variant, variant = _d === void 0 ? types_1.TabsVariant.Default : _d;
     var shouldRenderBadge = typeof badgeCount === 'number';
     var tabIndex = disabled ? -1 : 0;
     var semanticAttributes = (0, react_1.useMemo)(function () {
@@ -63,15 +63,16 @@ var TabButton = function (_a) {
             'Tabs__ListItem--AI': variant === types_1.TabsVariant.AI,
             'Tabs__ListItem--Default': variant === types_1.TabsVariant.Default
         }) },
-        react_1.default.createElement("button", __assign({ "data-testid": testId, disabled: disabled, onClick: handleClick, className: (0, class_names_1.default)('Tabs__TabItem', className, {
+        react_1.default.createElement("button", __assign({ "data-testid": testId, "data-pendo": pendoTag, disabled: disabled, onClick: handleClick, className: (0, class_names_1.default)('Tabs__TabItem', className, {
                 'Tabs__TabItem--selected': isActive,
                 'Tabs__TabItem--disabled': disabled,
                 'Tabs__TabItem--padding-tight': padding === 'tight'
-            }), tabIndex: tabIndex }, semanticAttributes),
-            !!icon && icon,
+            }), tabIndex: tabIndex, ref: ref }, semanticAttributes),
+            !!icon && !trailingIcon && icon,
             react_1.default.createElement("span", { className: "Tabs__Label", "data-label": label }, label),
+            !!icon && trailingIcon && icon,
             shouldRenderBadge && (react_1.default.createElement("span", { className: "Tabs__Badge" },
                 react_1.default.createElement("span", null, badgeCount))))));
-};
+});
 exports.default = TabButton;
 //# sourceMappingURL=tab_button.js.map

package/lib/cjs/components/tabs/tab_button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab_button.js","sourceRoot":"","sources":["../../../../src/components/tabs/tab_button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAoD;AAEpD,wEAAiD;AACjD,iCAKiB;~~AAOjB~~,IAAM,SAAS,GAAG,~~UAAC~~,~~EAaX~~;~~QAZN~~,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,OAAO,aAAA,EACP,OAAO,aAAA,EACP,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,eAA6B,EAA7B,OAAO,mBAAG,mBAAW,CAAC,OAAO,KAAA;~~IAE7B~~,IAAM,iBAAiB,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC;IACzD,IAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnC,IAAM,kBAAkB,GAAG,IAAA,eAAO,EAAC;QACjC,IAAI,IAAI,KAAK,gBAAQ,CAAC,OAAO,EAAE;YAC7B,OAAO;gBACL,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBAC3C,IAAI,EAAE,OAAO;aACL,CAAC;SACZ;QAED,OAAO;YACL,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;YAC5C,IAAI,EAAE,QAAQ;SACN,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAErB,IAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,UAAC,KAAuB;QACtB,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,EAAE,EAAE,OAAO,CAAC,CACd,CAAC;IAEF,OAAO,CACL,sCACE,SAAS,EAAE,IAAA,qBAAU,EAAC,gBAAgB,EAAE;YACtC,oBAAoB,EAAE,OAAO,KAAK,mBAAW,CAAC,EAAE;YAChD,yBAAyB,EAAE,OAAO,KAAK,mBAAW,CAAC,OAAO;SAC3D,CAAC;QAEF,kEACe,MAAM,~~EACnB~~,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAA,qBAAU,EAAC,eAAe,EAAE,SAAS,EAAE;gBAChD,yBAAyB,EAAE,QAAQ;gBACnC,yBAAyB,EAAE,QAAQ;gBACnC,8BAA8B,EAAE,OAAO,KAAK,OAAO;aACpD,CAAC,EACF,QAAQ,EAAE,QAAQ,~~IACd~~,kBAAkB;YAErB,CAAC,CAAC,IAAI,IAAI,IAAI;~~YACf~~,wCAAM,SAAS,EAAC,aAAa,gBAAa,KAAK,IAC5C,KAAK,CACD;YACN,iBAAiB,IAAI,CACpB,wCAAM,SAAS,EAAC,aAAa;gBAC3B,4CAAO,UAAU,CAAQ,CACpB,CACR,CACM,CACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
1	+ {"version":3,"file":"tab_button.js","sourceRoot":"","sources":["../../../../src/components/tabs/tab_button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAoD;AAEpD,wEAAiD;AACjD,iCAKiB;AAWjB,IAAM,SAAS,GAAG,eAAK,CAAC,UAAU,CAChC,UACE,EAeC,EACD,GAAG;QAfD,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,OAAO,aAAA,EACP,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,IAAI,UAAA,EACJ,eAA6B,EAA7B,OAAO,mBAAG,mBAAW,CAAC,OAAO,KAAA;IAI/B,IAAM,iBAAiB,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC;IACzD,IAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnC,IAAM,kBAAkB,GAAG,IAAA,eAAO,EAAC;QACjC,IAAI,IAAI,KAAK,gBAAQ,CAAC,OAAO,EAAE;YAC7B,OAAO;gBACL,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBAC3C,IAAI,EAAE,OAAO;aACL,CAAC;SACZ;QAED,OAAO;YACL,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;YAC5C,IAAI,EAAE,QAAQ;SACN,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAErB,IAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,UAAC,KAAuB;QACtB,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,EAAE,EAAE,OAAO,CAAC,CACd,CAAC;IAEF,OAAO,CACL,sCACE,SAAS,EAAE,IAAA,qBAAU,EAAC,gBAAgB,EAAE;YACtC,oBAAoB,EAAE,OAAO,KAAK,mBAAW,CAAC,EAAE;YAChD,yBAAyB,EAAE,OAAO,KAAK,mBAAW,CAAC,OAAO;SAC3D,CAAC;QAEF,kEACe,MAAM,gBACP,QAAQ,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAA,qBAAU,EAAC,eAAe,EAAE,SAAS,EAAE;gBAChD,yBAAyB,EAAE,QAAQ;gBACnC,yBAAyB,EAAE,QAAQ;gBACnC,8BAA8B,EAAE,OAAO,KAAK,OAAO;aACpD,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,IACJ,kBAAkB;YAErB,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI;YAChC,wCAAM,SAAS,EAAC,aAAa,gBAAa,KAAK,IAC5C,KAAK,CACD;YACN,CAAC,CAAC,IAAI,IAAI,YAAY,IAAI,IAAI;YAC9B,iBAAiB,IAAI,CACpB,wCAAM,SAAS,EAAC,aAAa;gBAC3B,4CAAO,UAAU,CAAQ,CACpB,CACR,CACM,CACN,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/components/tabs/tab_dropdown/dropdown_item.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { TabClickHandler, CommonTabFields } from '../types';
+type PropsFromTabConfig = Pick<CommonTabFields, 'id' | 'icon' | 'className' | 'isActive' | 'disabled' | 'testId' | 'label' | 'pendoTag' | 'variant'>;
+type Props = {
+    onClick: TabClickHandler;
+    to?: string;
+};
+declare const DropdownItem: ({ id, icon, className, isActive, disabled, testId, label, pendoTag, onClick, to }: Props & PropsFromTabConfig) => React.JSX.Element;
+export default DropdownItem;

package/lib/cjs/components/tabs/tab_dropdown/dropdown_item.js ADDED Viewed

@@ -0,0 +1,64 @@
+"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 __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 = __importStar(require("react"));
+var react_router_dom_1 = require("react-router-dom");
+var menu_item_1 = require("../../menu_item");
+var menu_link_1 = require("../../menu_link");
+var utils_1 = require("./utils");
+var DropdownItem = function (_a) {
+    var id = _a.id, icon = _a.icon, _b = _a.className, className = _b === void 0 ? '' : _b, isActive = _a.isActive, disabled = _a.disabled, testId = _a.testId, label = _a.label, pendoTag = _a.pendoTag, onClick = _a.onClick, to = _a.to;
+    var location = (0, react_router_dom_1.useLocation)();
+    var MenuComponent = to ? menu_link_1.MenuLink : menu_item_1.MenuItem;
+    var linkComponentProps = to ? { component: react_router_dom_1.Link } : {};
+    var handleClick = (0, react_1.useCallback)(function (event) {
+        onClick({ id: id, event: event });
+    }, [id, onClick]);
+    var isSelected = (0, react_1.useMemo)(function () {
+        if (!to)
+            return isActive;
+        // This ternary logic allows a dropdown item to force an inactive state by providing
+        // `isActive` as false to override this route matching logic
+        return typeof isActive === 'boolean'
+            ? isActive
+            : (0, utils_1.isNavLinkActive)(to, location.pathname);
+    }, [isActive, location.pathname, to]);
+    return (react_1.default.createElement(MenuComponent, __assign({ wrapWithLI: true, variant: "neutral", to: to }, linkComponentProps, { _modifierClass: "flex align-items--center flex-gap--0.5 ".concat(className), onClick: handleClick, "data-pendo": pendoTag, "data-testid": testId, selected: isSelected, disabled: disabled }),
+        icon,
+        react_1.default.createElement("span", { className: "font-size--s font-weight--6" }, label)));
+};
+exports.default = DropdownItem;
+//# sourceMappingURL=dropdown_item.js.map

package/lib/cjs/components/tabs/tab_dropdown/dropdown_item.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dropdown_item.js","sourceRoot":"","sources":["../../../../../src/components/tabs/tab_dropdown/dropdown_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAoD;AACpD,qDAAqD;AACrD,6CAA2C;AAC3C,6CAA2C;AAE3C,iCAA0C;AAoB1C,IAAM,YAAY,GAAG,UAAC,EAWO;QAV3B,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,EAAE,QAAA;IAEF,IAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,IAAM,aAAa,GAAG,EAAE,CAAC,CAAC,CAAC,oBAAQ,CAAC,CAAC,CAAC,oBAAQ,CAAC;IAC/C,IAAM,kBAAkB,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,uBAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzD,IAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,UAAC,KAAuB;QACtB,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,EAAE,EAAE,OAAO,CAAC,CACd,CAAC;IAEF,IAAM,UAAU,GAAG,IAAA,eAAO,EAAC;QACzB,IAAI,CAAC,EAAE;YAAE,OAAO,QAAQ,CAAC;QAEzB,oFAAoF;QACpF,4DAA4D;QAC5D,OAAO,OAAO,QAAQ,KAAK,SAAS;YAClC,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,IAAA,uBAAe,EAAC,EAAE,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;IAEtC,OAAO,CACL,8BAAC,aAAa,aACZ,UAAU,QACV,OAAO,EAAC,SAAS,EACjB,EAAE,EAAE,EAAE,IACF,kBAAkB,IACtB,cAAc,EAAE,iDAA0C,SAAS,CAAE,EACrE,OAAO,EAAE,WAAW,gBACR,QAAQ,iBACP,MAAM,EACnB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,QAAQ;QAEjB,IAAI;QACL,wCAAM,SAAS,EAAC,6BAA6B,IAAE,KAAK,CAAQ,CAC9C,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/lib/cjs/components/tabs/tab_dropdown/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import TabDropdown from './tab_dropdown';
2	+ export default TabDropdown;

package/lib/cjs/components/tabs/tab_dropdown/index.js ADDED Viewed

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var tab_dropdown_1 = __importDefault(require("./tab_dropdown"));
+exports.default = tab_dropdown_1.default;
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/tabs/tab_dropdown/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/tabs/tab_dropdown/index.ts"],"names":[],"mappings":";;;;;AAAA,gEAAyC;AAEzC,kBAAe,sBAAW,CAAC"}

package/lib/cjs/components/tabs/tab_dropdown/tab_dropdown.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type TabDropdownConfig, type TabsListProps, TabsType } from '../types';
+type Props<T extends TabsType> = TabDropdownConfig<T> & {
+    tabsType: T;
+    tabsPadding: TabsListProps['tabsPadding'];
+};
+declare const TabDropdown: <T extends TabsType>({ className, disabled, dropdownItems, dropdownPlacement, id: dropdownId, isActive, label, onClick, pendoTag, tabsPadding, variant, testId }: Props<T>) => React.JSX.Element;
+export default TabDropdown;