@dscout/particle 1.0.0-alpha.30 → 1.0.0-alpha.32

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

@@ -9,6 +9,12 @@ interface ChipProps extends CommonComponentProps, MarginModifierProp, ModifierCl
     outline?: boolean;
     textColor?: Colors;
     title?: string;
+    variant?: 'legacy' | 'modern';
+    /**
+     * For modern variant only
+     */
+    bgColor?: Colors;
+    icon?: React.ReactNode;
 }
 /**
  * With no color specified, the `<Chip />` bases its colors off of the text
@@ -28,5 +34,5 @@ interface ChipProps extends CommonComponentProps, MarginModifierProp, ModifierCl
  * will match the inherited text color. If desired, the text color can be set
  * explicitly with `textColor` prop, but that's an unlikely use case.
  */
-export declare function Chip({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, color, getRef, id, margin, outline, textColor, title, ...rest }: ChipProps): React.JSX.Element;
+export declare function Chip({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, color, bgColor, getRef, icon, id, margin, outline, textColor, title, variant, ...rest }: ChipProps): React.JSX.Element;
 export {};

package/lib/cjs/components/chip.js

@@ -51,7 +51,7 @@ var DEFAULT_TEXT_COLOR = 'invert';
  */
 function Chip(_a) {
     var _b, _c;
-    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, color = _a.color, getRef = _a.getRef, id = _a.id, margin = _a.margin, outline = _a.outline, textColor = _a.textColor, title = _a.title, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "color", "getRef", "id", "margin", "outline", "textColor", "title"]);
+    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, color = _a.color, bgColor = _a.bgColor, getRef = _a.getRef, icon = _a.icon, id = _a.id, margin = _a.margin, outline = _a.outline, textColor = _a.textColor, title = _a.title, _d = _a.variant, variant = _d === void 0 ? 'legacy' : _d, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "color", "bgColor", "getRef", "icon", "id", "margin", "outline", "textColor", "title", "variant"]);
     function getContentColor() {
         if (outline)
             return textColor || null;
@@ -62,13 +62,19 @@ function Chip(_a) {
             'Chip--outlined': outline
         },
         _b["color--".concat(color)] = color && outline,
-        _b["bg-color--".concat(color)] = color && !outline,
+        _b["bg-color--".concat(color)] = color && !outline && !bgColor,
+        _b["bg-color--".concat(bgColor)] = bgColor,
+        _b['Chip--modern'] = variant === 'modern',
         _b));
     var contentClassname = (0, class_names_1.default)('Chip__Content', (_c = {},
         _c["color--".concat(contentColor)] = contentColor,
+        _c['Chip__Content--modern'] = variant === 'modern',
+        _c['Chip__Content--with-icon'] = !!icon,
         _c));
     return (react_1.default.createElement("span", __assign({}, (0, data_attributes_1.default)(rest), { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: chipClassname, id: id, ref: getRef, title: title }),
-        react_1.default.createElement("span", { className: contentClassname }, children)));
+        react_1.default.createElement("span", { className: contentClassname },
+            icon && icon,
+            children)));
 }
 exports.Chip = Chip;
 //# sourceMappingURL=chip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAU1B,qEAA8C;AAC9C,6EAAyD;AACzD,8DAA2D;AAe3D,IAAM,kBAAkB,GAAG,QAAQ,CAAC;AAEpC;;;;;;;;;;;;;;;;;GAiBG;AAEH,SAAgB,IAAI,CAAC,EAcT;;IAbV,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,MAAM,YAAA,EACN,EAAE,QAAA,EACF,MAAM,YAAA,EACN,OAAO,aAAA,EACP,SAAS,eAAA,EACT,KAAK,WAAA,EACF,IAAI,cAbY,uJAcpB,CADQ;IAEP,SAAS,eAAe;QACtB,IAAI,OAAO;YAAE,OAAO,SAAS,IAAI,IAAI,CAAC;QAEtC,OAAO,SAAS,IAAI,kBAAkB,CAAC;IACzC,CAAC;IAED,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,IAAM,aAAa,GAAG,IAAA,qBAAU,EAC9B,MAAM,EACN,IAAA,iCAAc,EAAC,MAAM,CAAC,EACtB,cAAc;YAEZ,gBAAgB,EAAE,OAAO;;QACzB,GAAC,iBAAU,KAAK,CAAE,IAAG,KAAK,IAAI,OAAO;QACrC,GAAC,oBAAa,KAAK,CAAE,IAAG,KAAK,IAAI,CAAC,OAAO;YAE5C,CAAC;IACF,IAAM,gBAAgB,GAAG,IAAA,qBAAU,EAAC,eAAe;QACjD,GAAC,iBAAU,YAAY,CAAE,IAAG,YAAY;YACxC,CAAC;IAEH,OAAO,CACL,mDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,aAAa,EACxB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,KAAK;QAEZ,wCAAM,SAAS,EAAE,gBAAgB,IAAG,QAAQ,CAAQ,CAC/C,CACR,CAAC;AACJ,CAAC;AAnDD,oBAmDC"}
+{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAU1B,qEAA8C;AAC9C,6EAAyD;AACzD,8DAA2D;AAqB3D,IAAM,kBAAkB,GAAG,QAAQ,CAAC;AAEpC;;;;;;;;;;;;;;;;;GAiBG;AAEH,SAAgB,IAAI,CAAC,EAiBT;;IAhBV,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,OAAO,aAAA,EACP,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,MAAM,YAAA,EACN,OAAO,aAAA,EACP,SAAS,eAAA,EACT,KAAK,WAAA,EACL,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EACf,IAAI,cAhBY,qLAiBpB,CADQ;IAEP,SAAS,eAAe;QACtB,IAAI,OAAO;YAAE,OAAO,SAAS,IAAI,IAAI,CAAC;QAEtC,OAAO,SAAS,IAAI,kBAAkB,CAAC;IACzC,CAAC;IAED,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,IAAM,aAAa,GAAG,IAAA,qBAAU,EAC9B,MAAM,EACN,IAAA,iCAAc,EAAC,MAAM,CAAC,EACtB,cAAc;YAEZ,gBAAgB,EAAE,OAAO;;QACzB,GAAC,iBAAU,KAAK,CAAE,IAAG,KAAK,IAAI,OAAO;QACrC,GAAC,oBAAa,KAAK,CAAE,IAAG,KAAK,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO;QACrD,GAAC,oBAAa,OAAO,CAAE,IAAG,OAAO;QACjC,kBAAc,GAAE,OAAO,KAAK,QAAQ;YAEvC,CAAC;IACF,IAAM,gBAAgB,GAAG,IAAA,qBAAU,EAAC,eAAe;QACjD,GAAC,iBAAU,YAAY,CAAE,IAAG,YAAY;QACxC,2BAAuB,GAAE,OAAO,KAAK,QAAQ;QAC7C,8BAA0B,GAAE,CAAC,CAAC,IAAI;YAClC,CAAC;IAEH,OAAO,CACL,mDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,aAAa,EACxB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,KAAK;QAEZ,wCAAM,SAAS,EAAE,gBAAgB;YAC9B,IAAI,IAAI,IAAI;YACZ,QAAQ,CACJ,CACF,CACR,CAAC;AACJ,CAAC;AA7DD,oBA6DC"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Colors, CommonComponentProps, MarginModifierProp, ModifierClassProp, Shadows, Spacing } from '../types';
+import type { Colors, CommonComponentProps, MarginModifierProp, ModifierClassProp, Radii, Shadows, Spacing } from '../types';
 import type { GetRef } from '../utils/refs';
 interface ContainerProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     children?: React.ReactNode;
@@ -7,7 +7,8 @@ interface ContainerProps extends CommonComponentProps, MarginModifierProp, Modif
     id?: string;
     outlineColor?: Colors;
     padding?: Spacing;
+    radius?: Omit<Radii, 'circle'>;
     shadow?: Shadows;
 }
-export declare function Container({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, outlineColor, children, getRef, margin, id, padding, shadow, ...rest }: ContainerProps): React.JSX.Element;
+export declare function Container({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, outlineColor, children, getRef, margin, id, padding, radius, shadow, ...rest }: ContainerProps): React.JSX.Element;
 export {};

package/lib/cjs/components/container.js

@@ -33,11 +33,12 @@ var modifier_classes_1 = require("../utils/modifier_classes");
 var PADDING_CLASS_PATTERN = /padding-/;
 function Container(_a) {
     var _b;
-    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], _c = _a.outlineColor, outlineColor = _c === void 0 ? 'none' : _c, children = _a.children, getRef = _a.getRef, margin = _a.margin, id = _a.id, _d = _a.padding, padding = _d === void 0 ? '2' : _d, shadow = _a.shadow, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "outlineColor", "children", "getRef", "margin", "id", "padding", "shadow"]);
+    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], _c = _a.outlineColor, outlineColor = _c === void 0 ? 'none' : _c, children = _a.children, getRef = _a.getRef, margin = _a.margin, id = _a.id, _d = _a.padding, padding = _d === void 0 ? '2' : _d, radius = _a.radius, shadow = _a.shadow, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "outlineColor", "children", "getRef", "margin", "id", "padding", "radius", "shadow"]);
     var modifierAppliesPadding = PADDING_CLASS_PATTERN.test(_modifierClass);
     var className = (0, class_names_1.default)('Container', _modifierClass, (0, modifier_classes_1.getMarginClass)(margin), (_b = {},
         _b["padding--".concat(padding)] = padding && !modifierAppliesPadding,
         _b["shadow--".concat(shadow)] = shadow,
+        _b["rounded--".concat(radius)] = !!radius,
         _b));
     return (react_1.default.createElement("div", __assign({}, (0, data_attributes_1.default)(rest), { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, id: id, ref: getRef, style: outlineColor
             ? {

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

@@ -1 +1 @@
-{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/components/container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAY1B,qEAA8C;AAC9C,6EAAyD;AACzD,8DAA2D;AAc3D,IAAM,qBAAqB,GAAG,UAAU,CAAC;AAEzC,SAAgB,SAAS,CAAC,EAaT;;IAZf,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,oBAAqB,EAArB,YAAY,mBAAG,MAAM,KAAA,EACrB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,MAAM,YAAA,EACN,EAAE,QAAA,EACF,eAAa,EAAb,OAAO,mBAAG,GAAG,KAAA,EACb,MAAM,YAAA,EACH,IAAI,cAZiB,kJAazB,CADQ;IAEP,IAAM,sBAAsB,GAAG,qBAAqB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAC1E,IAAM,SAAS,GAAG,IAAA,qBAAU,EAC1B,WAAW,EACX,cAAc,EACd,IAAA,iCAAc,EAAC,MAAM,CAAC;QAEpB,GAAC,mBAAY,OAAO,CAAE,IAAG,OAAO,IAAI,CAAC,sBAAsB;QAC3D,GAAC,kBAAW,MAAM,CAAE,IAAG,MAAM;YAEhC,CAAC;IAEF,OAAO,CACL,kDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,EACX,KAAK,EACH,YAAY;YACV,CAAC,CAAE;gBACC,8BAA8B,EAAE,uBAAgB,YAAY,MAAG;aACxC;YAC3B,CAAC,CAAC,EAAE,KAGP,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AA7CD,8BA6CC"}
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/components/container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAa1B,qEAA8C;AAC9C,6EAAyD;AACzD,8DAA2D;AAe3D,IAAM,qBAAqB,GAAG,UAAU,CAAC;AAEzC,SAAgB,SAAS,CAAC,EAcT;;IAbf,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,oBAAqB,EAArB,YAAY,mBAAG,MAAM,KAAA,EACrB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,MAAM,YAAA,EACN,EAAE,QAAA,EACF,eAAa,EAAb,OAAO,mBAAG,GAAG,KAAA,EACb,MAAM,YAAA,EACN,MAAM,YAAA,EACH,IAAI,cAbiB,4JAczB,CADQ;IAEP,IAAM,sBAAsB,GAAG,qBAAqB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAC1E,IAAM,SAAS,GAAG,IAAA,qBAAU,EAC1B,WAAW,EACX,cAAc,EACd,IAAA,iCAAc,EAAC,MAAM,CAAC;QAEpB,GAAC,mBAAY,OAAO,CAAE,IAAG,OAAO,IAAI,CAAC,sBAAsB;QAC3D,GAAC,kBAAW,MAAM,CAAE,IAAG,MAAM;QAC7B,GAAC,mBAAY,MAAM,CAAE,IAAG,CAAC,CAAC,MAAM;YAEnC,CAAC;IAEF,OAAO,CACL,kDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,EACX,KAAK,EACH,YAAY;YACV,CAAC,CAAE;gBACC,8BAA8B,EAAE,uBAAgB,YAAY,MAAG;aACxC;YAC3B,CAAC,CAAC,EAAE,KAGP,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AA/CD,8BA+CC"}

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

@@ -17,7 +17,7 @@ function GenericConfirmModalContent(_a) {
             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", bgSize: "2.5em", bgColor: "none", hoverBgColor: "gray-50", color: "gray-800", radius: "med" },
+                }, onClick: onClose, _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;AAiBtD,SAAS,0BAA0B,CAAC,EAa5B;QAZN,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,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,gBAAgB,EAC/B,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,IAAC,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,oBAAoB,IAC7D,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,gDAA0B;AAC1B,sCAAqC;AACrC,8CAA4C;AAC5C,+CAAmD;AACnD,oCAAsD;AAiBtD,SAAS,0BAA0B,CAAC,EAa5B;QAZN,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,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,IAAC,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,oBAAoB,IAC7D,kBAAkB,CACZ,CACL,CACF,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,0BAA0B,CAAC"}

package/lib/cjs/components/study_card/actions_menu.d.ts

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

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

@@ -0,0 +1,85 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var express_1 = require("../../icons/express");
+var button_icon_1 = require("../button_icon");
+var dropdown_1 = require("../dropdown");
+var menu_1 = require("../menu");
+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 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
+    // toggle do not trigger clicks on the parent `StudyCard`. `e.stopPropagation()` is not sufficient
+    // as it prevents the dropdown from closing when another card's toggle is clicked.
+    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(ref, element);
+        setRef(dropdownRefFunctionRef.current, element);
+    }, [ref, setRef]);
+    if (!actionsConfig.length) {
+        return null;
+    }
+    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(button_icon_1.ButtonIcon, { "aria-label": optionsButtonLabel, _modifierClass: (0, class_names_1.default)('StudyCard__ActionsMenu', {
+                    'StudyCard__ActionsMenu--toggled': isToggled
+                }), bgColor: isToggled ? 'gray-100' : 'white', hoverBgColor: "gray-50", onClick: toggleDropdown, bgSize: "2.5em", radius: "med", color: "gray-800", tooltipConfig: {
+                    placement: 'left',
+                    tooltipContent: optionsButtonLabel
+                }, getRef: assignRefs },
+                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,
+            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) {
+                        e.stopPropagation();
+                        onClick();
+                        if (closeOnClick) {
+                            toggleDropdown();
+                        }
+                    }, "data-testid": testId, color: actionColor }, actionLabel));
+            }))));
+    }));
+}
+exports.default = react_1.default.forwardRef(ActionsMenu);
+//# sourceMappingURL=actions_menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"actions_menu.js","sourceRoot":"","sources":["../../../../src/components/study_card/actions_menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmD;AAEnD,+CAAmD;AACnD,8CAA4C;AAE5C,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,wBAAU,kBACG,kBAAkB,EAC9B,cAAc,EAAE,IAAA,qBAAU,EAAC,wBAAwB,EAAE;oBACnD,iCAAiC,EAAE,SAAS;iBAC7C,CAAC,EACF,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,EACzC,YAAY,EAAC,SAAS,EACtB,OAAO,EAAE,cAAc,EACvB,MAAM,EAAC,OAAO,EACd,MAAM,EAAC,KAAK,EACZ,KAAK,EAAC,UAAU,EAChB,aAAa,EAAE;oBACb,SAAS,EAAE,MAAM;oBACjB,cAAc,EAAE,kBAAkB;iBACnC,EACD,MAAM,EAAE,UAAU;gBAElB,8BAAC,sBAAY,CAAC,qBAAqB,IAAC,IAAI,EAAC,IAAI,GAAG,CACrC,CACd,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"}

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

@@ -0,0 +1 @@
+export { StudyCard } from './study_card';

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

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

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

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

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

@@ -0,0 +1,23 @@
+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 ActionsMenuProps } from './actions_menu';
+interface StudyCardProps extends ModifierClassProp, CommonComponentProps, MarginModifierProp, ActionsMenuProps {
+    billboardUrl: string;
+    getRef?: GetRef<HTMLDivElement>;
+    height?: Dimensions;
+    maxHeight?: Dimensions;
+    maxWidth?: Dimensions;
+    minHeight?: Dimensions;
+    minWidth?: Dimensions;
+    studyTypeChip: React.ReactElement<typeof Chip>;
+    onClick: () => void;
+    statusChip: React.ReactElement<typeof Chip>;
+    subtitle?: string;
+    timestamp: string;
+    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, statusChip, subtitle, timestamp, title, width, margin, ...rest }: StudyCardProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,91 @@
+"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;
+};
+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.StudyCard = void 0;
+var react_1 = __importStar(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 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, statusChip = _a.statusChip, subtitle = _a.subtitle, timestamp = _a.timestamp, 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", "getRef", "height", "maxHeight", "maxWidth", "minHeight", "minWidth", "studyTypeChip", "onClick", "actionsConfig", "optionsButtonLabel", "statusChip", "subtitle", "timestamp", "title", "width", "margin"]);
+    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)('maxHeight', maxHeight), (0, modifier_classes_1.getDimensionClass)('minHeight', minHeight), (0, modifier_classes_1.getDimensionClass)('width', width), (0, modifier_classes_1.getDimensionClass)('maxWidth', maxWidth), (0, modifier_classes_1.getDimensionClass)('minWidth', minWidth), (0, modifier_classes_1.getMarginClass)(margin));
+    var handleClickWithRefProtection = (0, react_1.useCallback)(function (e) {
+        var _a;
+        e.stopPropagation();
+        // Prevent click on the actions menu from triggering the card click
+        if (e.target === actionsToggleRef.current ||
+            ((_a = actionsToggleRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
+            return;
+        }
+        onClick();
+    }, [onClick]);
+    return (react_1.default.createElement("div", __assign({}, (0, data_attributes_1.default)(rest), { className: className, tabIndex: 0, role: "button", onClick: handleClickWithRefProtection, onKeyDown: function (e) {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.stopPropagation();
+                onClick();
+            }
+        }, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, ref: getRef }),
+        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("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', {
+                    'StudyCard__Title--with-subtitle': !!subtitle
+                }) }, title),
+            !!subtitle && (react_1.default.createElement("span", { className: "StudyCard__Subtitle truncate" }, subtitle)),
+            react_1.default.createElement("span", { className: "StudyCard__Timestamp" },
+                react_1.default.createElement("span", null, timestamp)))));
+}
+exports.StudyCard = StudyCard;
+//# sourceMappingURL=study_card.js.map

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

@@ -0,0 +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;AAuBpE,SAAgB,SAAS,CAAC,EAuBT;IAtBf,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,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,KAAK,WAAA,EACL,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACd,MAAM,YAAA,EACH,IAAI,cAtBiB,mSAuBzB,CADQ;IAEP,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,WAAW,EAAE,SAAS,CAAC,EACzC,IAAA,oCAAiB,EAAC,WAAW,EAAE,SAAS,CAAC,EACzC,IAAA,oCAAiB,EAAC,OAAO,EAAE,KAAK,CAAC,EACjC,IAAA,oCAAiB,EAAC,UAAU,EAAE,QAAQ,CAAC,EACvC,IAAA,oCAAiB,EAAC,UAAU,EAAE,QAAQ,CAAC,EACvC,IAAA,iCAAc,EAAC,MAAM,CAAC,CACvB,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,EAAE,CAAC;IACZ,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,EAAC,QAAQ,EACb,OAAO,EAAE,4BAA4B,EACrC,SAAS,EAAE,UAAC,CAAC;YACX,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;gBACtC,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,OAAO,EAAE,CAAC;aACX;QACH,CAAC,gBACW,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,GAAG,EAAE,MAAM;QAEX,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;AA7GD,8BA6GC"}

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

@@ -1,3 +1,3 @@
 import TabsList from './tabs_list';
-import { TabsVariant } from './types';
-export { TabsList, TabsVariant };
+import { TabsVariant, TabsType } from './types';
+export { TabsList, TabsVariant, TabsType };

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

@@ -3,9 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabsVariant = exports.TabsList = void 0;
+exports.TabsType = exports.TabsVariant = exports.TabsList = void 0;
 var tabs_list_1 = __importDefault(require("./tabs_list"));
 exports.TabsList = tabs_list_1.default;
 var types_1 = require("./types");
 Object.defineProperty(exports, "TabsVariant", { enumerable: true, get: function () { return types_1.TabsVariant; } });
+Object.defineProperty(exports, "TabsType", { enumerable: true, get: function () { return types_1.TabsType; } });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tabs/index.ts"],"names":[],"mappings":";;;;;;AAAA,0DAAmC;AAG1B,mBAHF,mBAAQ,CAGE;AAFjB,iCAAsC;AAEnB,4FAFV,mBAAW,OAEU"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tabs/index.ts"],"names":[],"mappings":";;;;;;AAAA,0DAAmC;AAG1B,mBAHF,mBAAQ,CAGE;AAFjB,iCAAgD;AAE7B,4FAFV,mBAAW,OAEU;AAAE,yFAFV,gBAAQ,OAEU"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type TabItemConfig, TabsType, type TabPadding } from './types';
+type Props = (TabItemConfig<TabsType.Buttons> | TabItemConfig<TabsType.Filters>) & {
+    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;
+export default TabButton;

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

@@ -0,0 +1,77 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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 shouldRenderBadge = typeof badgeCount === 'number';
+    var tabIndex = disabled ? -1 : 0;
+    var semanticAttributes = (0, react_1.useMemo)(function () {
+        if (type === types_1.TabsType.Filters) {
+            return {
+                'aria-checked': isActive ? 'true' : 'false',
+                role: 'radio'
+            };
+        }
+        return {
+            'aria-selected': isActive ? 'true' : 'false',
+            role: 'button'
+        };
+    }, [isActive, type]);
+    var handleClick = (0, react_1.useCallback)(function (event) {
+        onClick({ id: id, event: event });
+    }, [id, onClick]);
+    return (react_1.default.createElement("li", { className: (0, class_names_1.default)('Tabs__ListItem', {
+            '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, {
+                'Tabs__TabItem--selected': isActive,
+                'Tabs__TabItem--disabled': disabled,
+                'Tabs__TabItem--padding-tight': padding === 'tight'
+            }), tabIndex: tabIndex }, semanticAttributes),
+            !!icon && icon,
+            react_1.default.createElement("span", { className: "Tabs__Label", "data-label": label }, label),
+            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

@@ -0,0 +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"}

package/lib/cjs/components/tabs/tab_link.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
-import { type TabItemConfig } from './types';
-declare const TabLink: ({ badgeCount, className, disabled, icon, isActive, label, onClick, testId, to, variant }: TabItemConfig) => React.JSX.Element;
+import { type TabPadding, type TabItemConfig, type TabsType } from './types';
+type Props = TabItemConfig<TabsType.Links> & {
+    padding: TabPadding;
+};
+declare const TabLink: ({ badgeCount, className, disabled, icon, id, isActive, label, onClick, padding, testId, to, variant }: Props) => React.JSX.Element;
 export default TabLink;

package/lib/cjs/components/tabs/tab_link.js

@@ -31,7 +31,7 @@ var react_router_dom_1 = require("react-router-dom");
 var class_names_1 = __importDefault(require("../../utils/class_names"));
 var types_1 = require("./types");
 var TabLink = function (_a) {
-    var badgeCount = _a.badgeCount, className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b, icon = _a.icon, isActive = _a.isActive, label = _a.label, onClick = _a.onClick, testId = _a.testId, to = _a.to, _c = _a.variant, variant = _c === void 0 ? types_1.TabsVariant.Default : _c;
+    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, to = _a.to, _c = _a.variant, variant = _c === void 0 ? types_1.TabsVariant.Default : _c;
     var activeStateExternallyControlled = typeof isActive === 'boolean';
     var _d = (0, react_1.useState)(!!isActive), renderAsActive = _d[0], setRenderAsActive = _d[1];
     var shouldRenderBadge = typeof badgeCount === 'number';
@@ -42,18 +42,27 @@ var TabLink = function (_a) {
             setRenderAsActive(!!isActive);
         }
     }, [isActive, activeStateExternallyControlled]);
+    var handleClick = (0, react_1.useCallback)(function (event) {
+        if (disabled) {
+            return;
+        }
+        if (onClick) {
+            onClick({ id: id, event: event });
+        }
+    }, [disabled, id, onClick]);
     return (react_1.default.createElement("li", { className: (0, class_names_1.default)('Tabs__ListItem', {
             'Tabs__ListItem--AI': variant === types_1.TabsVariant.AI,
             'Tabs__ListItem--Default': variant === types_1.TabsVariant.Default
         }) },
-        react_1.default.createElement(react_router_dom_1.NavLink, { "aria-disabled": disabled, "data-testid": testId, onClick: onClick, "aria-current": ariaCurrent, to: to, className: function (_a) {
+        react_1.default.createElement(react_router_dom_1.NavLink, { "aria-disabled": disabled, "data-testid": testId, onClick: handleClick, "aria-current": ariaCurrent, to: to, className: function (_a) {
                 var linkIsActive = _a.isActive;
                 if (!activeStateExternallyControlled) {
                     setRenderAsActive(linkIsActive);
                 }
                 return (0, class_names_1.default)('Tabs__TabItem', className, {
                     'Tabs__TabItem--selected': renderAsActive,
-                    'Tabs__TabItem--disabled': disabled
+                    'Tabs__TabItem--disabled': disabled,
+                    'Tabs__TabItem--padding-tight': padding === 'tight'
                 });
             }, tabIndex: tabIndex },
             !!icon && icon,

package/lib/cjs/components/tabs/tab_link.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab_link.js","sourceRoot":"","sources":["../../../../src/components/tabs/tab_link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmD;AACnD,qDAA2C;AAE3C,wEAAiD;AACjD,iCAA0D;AAE1D,IAAM,OAAO,GAAG,UAAC,EAWD;QAVd,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,OAAO,aAAA,EACP,MAAM,YAAA,EACN,EAAE,QAAA,EACF,eAA6B,EAA7B,OAAO,mBAAG,mBAAW,CAAC,OAAO,KAAA;IAE7B,IAAM,+BAA+B,GAAG,OAAO,QAAQ,KAAK,SAAS,CAAC;IAChE,IAAA,KAAsC,IAAA,gBAAQ,EAAC,CAAC,CAAC,QAAQ,CAAC,EAAzD,cAAc,QAAA,EAAE,iBAAiB,QAAwB,CAAC;IACjE,IAAM,iBAAiB,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC;IACzD,IAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,IAAM,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAExD,IAAA,iBAAS,EAAC;QACR,IAAI,+BAA+B,EAAE;YACnC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;SAC/B;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,+BAA+B,CAAC,CAAC,CAAC;IAEhD,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,8BAAC,0BAAO,qBACS,QAAQ,iBACV,MAAM,EACnB,OAAO,EAAE,OAAO,kBACF,WAAW,EACzB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAC,EAA0B;oBAAd,YAAY,cAAA;gBAClC,IAAI,CAAC,+BAA+B,EAAE;oBACpC,iBAAiB,CAAC,YAAY,CAAC,CAAC;iBACjC;gBACD,OAAO,IAAA,qBAAU,EAAC,eAAe,EAAE,SAAS,EAAE;oBAC5C,yBAAyB,EAAE,cAAc;oBACzC,yBAAyB,EAAE,QAAQ;iBACpC,CAAC,CAAC;YACL,CAAC,EACD,QAAQ,EAAE,QAAQ;YAEjB,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,CACO,CACP,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
+{"version":3,"file":"tab_link.js","sourceRoot":"","sources":["../../../../src/components/tabs/tab_link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAgE;AAChE,qDAA2C;AAE3C,wEAAiD;AACjD,iCAKiB;AAIjB,IAAM,OAAO,GAAG,UAAC,EAaT;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,EAAE,QAAA,EACF,eAA6B,EAA7B,OAAO,mBAAG,mBAAW,CAAC,OAAO,KAAA;IAE7B,IAAM,+BAA+B,GAAG,OAAO,QAAQ,KAAK,SAAS,CAAC;IAChE,IAAA,KAAsC,IAAA,gBAAQ,EAAC,CAAC,CAAC,QAAQ,CAAC,EAAzD,cAAc,QAAA,EAAE,iBAAiB,QAAwB,CAAC;IACjE,IAAM,iBAAiB,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC;IACzD,IAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,IAAM,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAExD,IAAA,iBAAS,EAAC;QACR,IAAI,+BAA+B,EAAE;YACnC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;SAC/B;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,+BAA+B,CAAC,CAAC,CAAC;IAEhD,IAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,UAAC,KAAuB;QACtB,IAAI,QAAQ,EAAE;YACZ,OAAO;SACR;QAED,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;SACxB;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,EAAE,EAAE,OAAO,CAAC,CACxB,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,8BAAC,0BAAO,qBACS,QAAQ,iBACV,MAAM,EACnB,OAAO,EAAE,WAAW,kBACN,WAAW,EACzB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAC,EAA0B;oBAAd,YAAY,cAAA;gBAClC,IAAI,CAAC,+BAA+B,EAAE;oBACpC,iBAAiB,CAAC,YAAY,CAAC,CAAC;iBACjC;gBACD,OAAO,IAAA,qBAAU,EAAC,eAAe,EAAE,SAAS,EAAE;oBAC5C,yBAAyB,EAAE,cAAc;oBACzC,yBAAyB,EAAE,QAAQ;oBACnC,8BAA8B,EAAE,OAAO,KAAK,OAAO;iBACpD,CAAC,CAAC;YACL,CAAC,EACD,QAAQ,EAAE,QAAQ;YAEjB,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,CACO,CACP,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/lib/cjs/components/tabs/tabs_list.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import type { MarginModifierProp, ModifierClassProp } from '../../types';
-import type { TabsListProps } from './types';
-interface Props extends TabsListProps, MarginModifierProp, ModifierClassProp {
-}
-declare const TabsList: ({ _modifierClass, margin, role, tabsConfig, width, ...rest }: Props) => React.JSX.Element;
+import { type TabsListProps, TabsType } from './types';
+type Props<T extends TabsType> = TabsListProps<T> & MarginModifierProp & ModifierClassProp;
+declare const TabsList: <T extends TabsType>({ _modifierClass, margin, role, tabsConfig, tabsPadding, tabsType, width, ...rest }: Props<T>) => React.JSX.Element;
 export default TabsList;