@licklist/design 0.78.5-dev.58 → 0.78.5-dev.59

package/dist/Maintenance/MaintenancePage.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react';
 import { Button } from '../v2/components/Button/Button.js';
+import '../v2/components/Button/GhostButton.scss.js';
 
 var MaintenancePage = function(param) {
     var svg = param.svg, title = param.title, subheading = param.subheading, body = param.body, buttonLabel = param.buttonLabel, onButtonClick = param.onButtonClick;

package/dist/index.js

@@ -219,7 +219,7 @@ export { AnalyticsIcon, CustomersIcon, FlowsIcon, HomeIcon, InventoryIcon, Loyal
 export { AdminSidebar } from './v2/navigation/DashboardLayout/AdminSidebar.js';
 export { TopNavigation } from './v2/navigation/DashboardLayout/TopNavigation.js';
 export { DashboardFooter } from './v2/navigation/DashboardLayout/DashboardFooter.js';
-export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, ClearIcon, CloseIcon, EditIcon, ExportIcon, ExternalLinkIcon, InfoIcon, RefreshIcon, SearchIcon, SendIcon } from './v2/icons/index.js';
+export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, CircleIcon, ClearIcon, CloseIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, InfoIcon, RefreshIcon, SearchIcon, SendIcon } from './v2/icons/index.js';
 export { SettingsPage } from './v2/pages/Settings/SettingsPage.js';
 export { SettingsTabs } from './v2/pages/Settings/SettingsTabs.js';
 export { SidebarCustomisation, defaultSidebarItems } from './v2/pages/Settings/components/SidebarCustomisation.js';
@@ -227,6 +227,7 @@ export { SidebarNavItem } from './v2/pages/Settings/components/SidebarNavItem.js
 export { Badge } from './v2/components/Badge/Badge.js';
 export { QuickFilter } from './v2/components/QuickFilter/QuickFilter.js';
 export { NewTable } from './v2/components/NewTable/NewTable.js';
+export { TableSortIcon } from './v2/components/TableSortIcon/TableSortIcon.js';
 export { ActionMenu } from './v2/components/ActionMenu/ActionMenu.js';
 export { DeleteModal } from './v2/components/Modal/DeleteModal.js';
 export { FormField } from './v2/components/FormField/FormField.js';
@@ -236,6 +237,7 @@ export { WYSIWYGEditor } from './v2/components/WYSIWYGEditor/WYSIWYGEditor.js';
 export { NewPageHeader } from './v2/components/NewPageHeader/NewPageHeader.js';
 export { SectionHeader } from './v2/components/SectionHeader/SectionHeader.js';
 export { Button, ButtonText } from './v2/components/Button/Button.js';
+export { GhostButton } from './v2/components/Button/GhostButton.js';
 export { Select } from './v2/components/Select/Select.js';
 export { Tooltip } from './v2/components/Tooltip/Tooltip.js';
 export { UserAvatar } from './v2/components/UserAvatar/UserAvatar.js';

package/dist/v2/components/ActionMenu/ActionMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/ActionMenu/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAG1D,OAAO,mBAAmB,CAAA;AAE1B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;CAC/B;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiDhD,CAAA"}
+{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/ActionMenu/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAE3E,OAAO,mBAAmB,CAAA;AAE1B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;CAC/B;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkGhD,CAAA"}

package/dist/v2/components/ActionMenu/ActionMenu.js

@@ -1,7 +1,6 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
-import { FaEllipsisH } from 'react-icons/fa';
-import { CloseIcon } from '../../icons/index.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useLayoutEffect, useEffect } from 'react';
+import { CloseIcon, CircleIcon, EllipsisIcon } from '../../icons/index.js';
 import './ActionMenu.scss.js';
 
 function _array_like_to_array(arr, len) {
@@ -53,7 +52,43 @@ function _unsupported_iterable_to_array(o, minLen) {
 var ActionMenu = function(param) {
     var items = param.items, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_iconColour = param.iconColour, iconColour = _param_iconColour === void 0 ? '' : _param_iconColour;
     var _useState = _sliced_to_array(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+    var _useState1 = _sliced_to_array(useState('bottom'), 2), placement = _useState1[0], setPlacement = _useState1[1];
     var menuRef = useRef(null);
+    var dropdownRef = useRef(null);
+    useLayoutEffect(function() {
+        if (isOpen && menuRef.current && dropdownRef.current) {
+            var menuRect = menuRef.current.getBoundingClientRect();
+            var dropdownRect = dropdownRef.current.getBoundingClientRect();
+            var viewportHeight = window.innerHeight;
+            var spaceBelow = viewportHeight - menuRect.bottom;
+            var spaceAbove = menuRect.top;
+            if (spaceBelow < dropdownRect.height && spaceAbove > spaceBelow) {
+                setPlacement('top');
+            } else {
+                setPlacement('bottom');
+            }
+        }
+    }, [
+        isOpen
+    ]);
+    useEffect(function() {
+        var _menuRef_current, _menuRef_current1;
+        var parentRow = (_menuRef_current = menuRef.current) === null || _menuRef_current === void 0 ? void 0 : _menuRef_current.closest('tr');
+        var tableWrapper = (_menuRef_current1 = menuRef.current) === null || _menuRef_current1 === void 0 ? void 0 : _menuRef_current1.closest('.new-table-wrapper');
+        if (isOpen) {
+            parentRow === null || parentRow === void 0 ? void 0 : parentRow.classList.add('action-menu-open');
+            tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.add('action-menu-open');
+        } else {
+            parentRow === null || parentRow === void 0 ? void 0 : parentRow.classList.remove('action-menu-open');
+            tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.remove('action-menu-open');
+        }
+        return function() {
+            parentRow === null || parentRow === void 0 ? void 0 : parentRow.classList.remove('action-menu-open');
+            tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.remove('action-menu-open');
+        };
+    }, [
+        isOpen
+    ]);
     useEffect(function() {
         var handleClickOutside = function(event) {
             if (menuRef.current && !menuRef.current.contains(event.target)) {
@@ -74,6 +109,7 @@ var ActionMenu = function(param) {
         ref: menuRef,
         children: [
             /*#__PURE__*/ jsx("button", {
+                type: "button",
                 className: "action-menu__trigger ".concat(isOpen ? 'action-menu__trigger--close' : ''),
                 onClick: function() {
                     return setIsOpen(!isOpen);
@@ -83,14 +119,30 @@ var ActionMenu = function(param) {
                     color: iconColour
                 },
                 children: isOpen ? /*#__PURE__*/ jsx(CloseIcon, {
-                    width: 16,
-                    height: 16
-                }) : /*#__PURE__*/ jsx(FaEllipsisH, {})
+                    width: 18,
+                    height: 18
+                }) : /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx(CircleIcon, {
+                            width: 32,
+                            height: 32,
+                            className: "action-menu__circle",
+                            fill: "var(--surface-action-soft)"
+                        }),
+                        /*#__PURE__*/ jsx(EllipsisIcon, {
+                            width: 18,
+                            height: 18,
+                            fill: "var(--fill-action)"
+                        })
+                    ]
+                })
             }),
             isOpen && /*#__PURE__*/ jsx("div", {
-                className: "action-menu__dropdown",
+                ref: dropdownRef,
+                className: "action-menu__dropdown action-menu__dropdown--".concat(placement),
                 children: items.map(function(item, index) {
                     return /*#__PURE__*/ jsx("button", {
+                        type: "button",
                         className: "action-menu__item action-menu__item--".concat(item.variant || 'default'),
                         onClick: function() {
                             item.onClick();

package/dist/v2/components/ActionMenu/ActionMenu.scss.js

@@ -1,6 +1,6 @@
 import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ":root{--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600;--blue-50:#e7f4fc;--blue-100:#b4dbf6;--blue-200:#90caf2;--blue-300:#5eb2ec;--blue-400:#3ea3e8;--blue-500:#0e8ce2;--blue-600:#0d7fce;--blue-700:#0a63a0;--blue-800:#084d7c;--blue-900:#063b5f;--cyan-50:#eafbff;--cyan-75:#bdf3ff;--cyan-100:#aff1ff;--cyan-200:#9deeff;--cyan-300:#71e6ff;--cyan-400:#55e1ff;--cyan-500:#2bd9ff;--cyan-600:#27c5e8;--cyan-700:#1f9ab5;--cyan-800:#18778c;--cyan-900:#125b6b;--indigo-50:#efeffe;--indigo-100:#cdccfc;--indigo-200:#b4b4fa;--indigo-300:#9291f8;--indigo-400:#7c74ff;--indigo-500:#5d5bf4;--indigo-600:#5553de;--indigo-700:#4241ad;--indigo-800:#333286;--indigo-900:#272666;--green-50:#eef9ea;--green-100:#c9ecbd;--green-200:#afe39d;--green-300:#8bd671;--green-400:#75ce55;--green-500:#52c22b;--green-600:#4bb127;--green-700:#3a8a1f;--green-800:#2d6b18;--green-900:#225112;--red-50:#fceceb;--red-100:#f5c4c2;--red-200:#f1a8a4;--red-300:#ea807b;--red-400:#e66861;--red-500:#e0423a;--red-600:#cc3c35;--red-700:#9f2f29;--red-800:#7b2420;--red-900:#5e1c18;--purple-50:#efe6fd;--purple-100:#ceb0fa;--purple-200:#b78af7;--purple-300:#965ff4;--purple-400:#8133f1;--purple-500:#6200ee;--purple-600:#5900d9;--purple-700:#4600a9;--purple-800:#360083;--purple-900:#290064;--orange-50:#fff2e8;--orange-100:#fed7b6;--orange-200:#fec493;--orange-300:#fea962;--orange-400:#fd9843;--orange-500:#fd7e14;--orange-600:#e67312;--orange-700:#b4590e;--orange-800:#8b450b;--orange-900:#6a3508;--yellow-50:#fcf6e7;--yellow-100:#f6e3b4;--yellow-200:#f2d68f;--yellow-300:#ecc35c;--yellow-400:#fcc741;--yellow-500:#fbb912;--yellow-600:#e4a810;--yellow-700:#a07509;--yellow-800:#7c5b07;--yellow-900:#5f4505;--pink-50:#fdecf4;--pink-100:#f8c3db;--pink-200:#f4a6ca;--pink-300:#f07eb2;--pink-400:#ed65a3;--pink-500:#e83e8c;--pink-600:#d33874;--pink-700:#a52c63;--pink-800:#80224d;--pink-900:#611a3b;--teal-50:#e9faf7;--teal-100:#baf0e7;--teal-200:#99e8db;--teal-300:#6bdecb;--teal-400:#4ed8c1;--teal-500:#22ceb1;--teal-600:#1fbba1;--teal-700:#18927e;--teal-800:#137161;--teal-900:#0e574a;--neutral-white:#fff;--neutral-25:#f8f8fa;--neutral-50:#e8e9ef;--neutral-75:#d2d5e3;--neutral-100:#b6bacc;--neutral-200:#9399b3;--neutral-300:#626a90;--neutral-400:#433d7b;--neutral-500:#14215a;--neutral-600:#121e52;--neutral-700:#0e1740;--neutral-800:#0b1232;--neutral-900:#080e26;--neutral-black:#000;--purple-lightest:var(--purple-50);--purple-lighter:var(--purple-100);--purple-light:var(--purple-300);--purple-regular:var(--purple-500);--purple-dark:var(--purple-600);--purple-darker:var(--purple-800);--purple-darkest:var(--purple-900);--blue-lightest:var(--blue-50);--blue-lighter:var(--blue-100);--blue-light:var(--blue-300);--blue-regular:var(--blue-500);--blue-dark:var(--blue-600);--blue-darker:var(--blue-800);--blue-darkest:var(--blue-900);--indigo-lightest:var(--indigo-50);--indigo-lighter:var(--indigo-100);--indigo-light:var(--indigo-300);--indigo-regular:var(--indigo-500);--indigo-dark:var(--indigo-600);--indigo-darker:var(--indigo-800);--indigo-darkest:var(--indigo-900);--cyan-lightest:var(--cyan-50);--cyan-lighter:var(--cyan-100);--cyan-light:var(--cyan-300);--cyan-regular:var(--cyan-500);--cyan-dark:var(--cyan-700);--cyan-darker:var(--cyan-800);--cyan-darkest:var(--cyan-900);--red-lightest:var(--red-50);--red-lighter:var(--red-100);--red-light:var(--red-400);--red-regular:var(--red-500);--red-dark:var(--red-600);--red-darker:var(--red-800);--red-darkest:var(--red-900);--orange-lightest:var(--orange-50);--orange-lighter:var(--orange-100);--orange-light:var(--orange-300);--orange-regular:var(--orange-500);--orange-dark:var(--orange-600);--orange-darker:var(--orange-700);--orange-darkest:var(--orange-800);--yellow-lightest:var(--yellow-50);--yellow-lighter:var(--yellow-100);--yellow-light:var(--yellow-300);--yellow-regular:var(--yellow-500);--yellow-dark:var(--yellow-600);--yellow-darker:var(--yellow-800);--yellow-darkest:var(--yellow-900);--pink-lightest:var(--pink-50);--pink-lighter:var(--pink-100);--pink-light:var(--pink-300);--pink-regular:var(--pink-500);--pink-dark:var(--pink-600);--pink-darker:var(--pink-700);--pink-darkest:var(--pink-800);--green-lightest:var(--green-50);--green-lighter:var(--green-100);--green-light:var(--green-300);--green-regular:var(--green-500);--green-dark:var(--green-600);--green-darker:var(--green-800);--green-darkest:var(--green-900);--teal-lightest:var(--teal-50);--teal-lighter:var(--teal-100);--teal-light:var(--teal-300);--teal-regular:var(--teal-500);--teal-dark:var(--teal-600);--teal-darker:var(--teal-700);--teal-darkest:var(--teal-800);--tone-lightest:var(--neutral-white);--tone-lighter:var(--neutral-25);--tone-light:var(--neutral-50);--tone-regular:var(--neutral-75);--tone-dark:var(--neutral-100);--tone-darker:var(--neutral-200);--tone-darkest:var(--neutral-300);--shade-lightest:var(--neutral-400);--shade-lighter:var(--neutral-500);--shade-light:var(--neutral-600);--shade-regular:var(--neutral-700);--shade-dark:var(--neutral-800);--shade-darker:var(--neutral-900);--shade-darkest:var(--neutral-black);--highlight-lightest:var(--cyan-lightest);--highlight-lighter:var(--cyan-lighter);--highlight-light:var(--cyan-light);--highlight-regular:var(--blue-regular);--highlight-dark:var(--blue-dark);--highlight-darker:var(--blue-darker);--highlight-darkest:var(--blue-darkest);--success-lightest:var(--green-lightest);--success-lighter:var(--green-lighter);--success-light:var(--green-light);--success-regular:var(--green-regular);--success-dark:var(--green-dark);--success-darker:var(--green-darker);--success-darkest:var(--green-darkest);--errors-lightest:var(--red-lightest);--errors-lighter:var(--red-lighter);--errors-light:var(--red-light);--errors-regular:var(--red-regular);--errors-dark:var(--red-dark);--errors-darker:var(--red-darker);--errors-darkest:var(--red-darkest);--actions-lightest:var(--purple-50);--actions-lighter:var(--purple-lighter);--actions-light:var(--purple-light);--actions-regular:var(--purple-regular);--actions-dark:var(--purple-dark);--actions-darker:var(--purple-darker);--actions-darkest:var(--purple-darkest);--information-lightest:var(--blue-lightest);--information-lighter:var(--blue-lighter);--information-light:var(--blue-light);--information-regular:var(--blue-regular);--information-dark:var(--blue-dark);--information-darker:var(--blue-darker);--information-darkest:var(--blue-darkest);--alert-lightest:var(--yellow-lightest);--alert-lighter:var(--yellow-lighter);--alert-light:var(--orange-light);--alert-regular:var(--orange-regular);--alert-darker:var(--yellow-darker);--alert-darkest:var(--yellow-darkest);--danger-lightest:var(--red-lightest);--danger-lighter:var(--red-lighter);--danger-light:var(--red-light);--danger-regular:var(--red-regular);--danger-dark:var(--red-dark);--danger-darker:var(--red-darker);--danger-darkest:var(--red-darkest);--disabled-lightest:var(--tone-light);--disabled-lighter:var(--tone-regular);--disabled-light:var(--tone-dark);--disabled-regular:var(--tone-darker);--disabled-dark:var(--shade-lighter);--disabled-darker:var(--shade-light);--disabled-darkest:var(--shade-regular);--label-primary:var(--shade-light);--label-primary-alt:var(--tone-lighter);--label-secondary:var(--tone-darkest);--label-secondary-hover:var(--shade-lighter);--label-white:var(--tone-lightest);--label-highlight:var(--highlight-dark);--label-action:var(--actions-regular);--label-danger:var(--danger-dark);--label-status-error:var(--errors-dark);--label-status-success:var(--success-darker);--label-status-info:var(--information-dark);--label-status-alert:var(--alert-regular);--label-status-disabled:var(--disabled-regular);--surface-primary:var(--tone-lightest);--surface-primary-hover:var(--tone-lighter);--surface-primary-pressed:var(--tone-light);--surface-secondary:var(--neutral-25);--surface-secondary-hover:var(--tone-light);--surface-secondary-pressed:var(--tone-regular);--surface-tertiary:var(--tone-light);--surface-tertiary-hover:var(--tone-lighter);--surface-tertiary-pressed:var(--tone-lightest);--surface-status-success:var(--success-lightest);--surface-status-error:var(--errors-lightest);--surface-status-alert:var(--alert-lightest);--surface-status-info:var(--information-lightest);--surface-status-disabled:var(--disabled-lighter);--surface-action:var(--actions-regular);--surface-action-hover:var(--actions-dark);--surface-action-soft:var(--actions-lightest);--surface-action-soft-hover:var(--actions-lighter);--surface-action-soft-pressed:var(--actions-light);--surface-danger-soft:var(--danger-lightest);--surface-danger-soft-hover:var(--danger-lighter);--surface-danger-soft-pressed:var(--danger-light);--surface-highlight-soft:var(--highlight-lightest);--surface-colour-red-soft:var(--red-lightest);--surface-colour-green-soft:var(--green-lightest);--surface-colour-blue-soft:var(--blue-lightest);--surface-colour-orange-soft:var(--orange-lightest);--surface-colour-yellow-soft:var(--yellow-lightest);--surface-colour-purple-soft:var(--purple-lightest);--surface-colour-indigo-soft:var(--indigo-lightest);--surface-colour-cyan-soft:var(--cyan-lightest);--surface-colour-pink-soft:var(--pink-lightest);--surface-colour-teal-soft:var(--teal-lightest);--border-primary:var(--tone-light);--border-secondary:var(--tone-regular);--border-selected:var(--neutral-600);--border-action:var(--actions-regular);--border-status-error:var(--errors-lighter);--border-status-success:var(--success-lighter);--border-status-alert:var(--alert-lighter);--border-status-info:var(--information-lighter);--border-status-disabled:var(--disabled-lightest);--border-colour-overlay:#121e521a;--fill-primary:var(--shade-lighter);--fill-secondary:var(--tone-darkest);--fill-white:var(--tone-lightest);--fill-action:var(--actions-regular);--fill-highlight:var(--highlight-dark);--fill-danger:var(--danger-dark);--fill-status-success:var(--success-darker);--fill-status-error:var(--errors-dark);--fill-status-alert:var(--alert-regular);--fill-status-info:var(--information-regular);--fill-status-disabled:var(--disabled-light);--gradient-stop1:var(--purple-500);--gradient-stop2:var(--indigo-500);--gradient-stop3:var(--blue-500)}[data-theme=dark]{--label-primary:var(--tone-lighter);--label-primary-alt:var(--shade-light);--label-secondary:var(--tone-darker);--label-secondary-hover:var(--tone-lighter);--label-white:var(--tone-lightest);--label-highlight:var(--highlight-light);--label-action:var(--actions-lighter);--label-danger:var(--danger-light);--label-status-error:var(--errors-light);--label-status-success:var(--success-light);--label-status-info:var(--information-light);--label-status-alert:var(--alert-light);--label-status-disabled:var(--disabled-regular);--surface-primary:var(--shade-darker);--surface-primary-hover:var(--shade-dark);--surface-primary-pressed:var(--shade-regular);--surface-secondary:var(--shade-dark);--surface-secondary-hover:var(--shade-darker);--surface-secondary-pressed:var(--shade-darkest);--surface-tertiary:var(--shade-regular);--surface-tertiary-hover:var(--shade-dark);--surface-tertiary-pressed:var(--shade-darker);--surface-status-success:var(--success-darkest);--surface-status-error:var(--errors-darkest);--surface-status-alert:var(--alert-darkest);--surface-status-info:var(--information-darkest);--surface-status-disabled:var(--disabled-darkest);--surface-action:var(--actions-regular);--surface-action-hover:var(--actions-light);--surface-action-soft:var(--actions-darkest);--surface-action-soft-hover:var(--actions-darker);--surface-action-soft-pressed:var(--actions-dark);--surface-danger-soft:var(--danger-darkest);--surface-danger-soft-hover:var(--danger-darker);--surface-danger-soft-pressed:var(--danger-dark);--surface-highlight-soft:var(--highlight-darkest);--surface-colour-red-soft:var(--red-darkest);--surface-colour-green-soft:var(--green-darkest);--surface-colour-blue-soft:var(--blue-darkest);--surface-colour-orange-soft:var(--orange-darkest);--surface-colour-yellow-soft:var(--yellow-darkest);--surface-colour-purple-soft:var(--purple-darkest);--surface-colour-indigo-soft:var(--indigo-darkest);--surface-colour-cyan-soft:var(--cyan-darkest);--surface-colour-pink-soft:var(--pink-darkest);--surface-colour-teal-soft:var(--teal-darkest);--border-primary:var(--shade-light);--border-secondary:var(--shade-dark);--border-selected:var(--tone-light);--border-action:var(--actions-light);--border-status-error:var(--errors-darker);--border-status-success:var(--success-darker);--border-status-alert:var(--alert-darker);--border-status-info:var(--information-darker);--border-status-disabled:var(--disabled-dark);--border-colour-overlay:#ffffff1a;--fill-primary:var(--tone-lighter);--fill-secondary:var(--tone-darker);--fill-white:var(--tone-lightest);--fill-action:var(--actions-lighter);--fill-highlight:var(--highlight-light);--fill-danger:var(--danger-light);--fill-status-success:var(--success-light);--fill-status-error:var(--errors-light);--fill-status-alert:var(--alert-light);--fill-status-info:var(--information-light);--fill-status-disabled:var(--disabled-dark);--gradient-stop1:var(--indigo-400);--gradient-stop2:var(--cyan-500);--gradient-stop3:var(--cyan-100)}.text-primary{color:var(--label-primary)}.text-secondary{color:var(--label-secondary)}.text-white{color:var(--label-white)}.text-action{color:var(--label-action)}.text-danger{color:var(--label-danger)}.text-success{color:var(--label-status-success)}.text-error{color:var(--label-status-error)}.text-info{color:var(--label-status-info)}.text-warning{color:var(--label-status-alert)}.text-disabled{color:var(--label-status-disabled)}.bg-primary{background-color:var(--surface-primary)}.bg-secondary{background-color:var(--surface-secondary)}.bg-tertiary{background-color:var(--surface-tertiary)}.bg-success{background-color:var(--surface-status-success)}.bg-error{background-color:var(--surface-status-error)}.bg-warning{background-color:var(--surface-status-alert)}.bg-info{background-color:var(--surface-status-info)}.bg-action-soft{background-color:var(--surface-action-soft)}.bg-danger-soft{background-color:var(--surface-danger-soft)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-selected{border-color:var(--border-selected)}.border-action{border-color:var(--border-action)}.border-success{border-color:var(--border-status-success)}.border-error{border-color:var(--border-status-error)}.border-warning{border-color:var(--border-status-alert)}.border-info{border-color:var(--border-status-info)}.action-menu{display:inline-block;position:relative}.action-menu__trigger{align-items:center;border:1px solid var(--border-primary,#e8e9ef);border-radius:50%;color:var(--actions-regular,#5d5bf4);cursor:pointer;display:flex;height:32px;justify-content:center;padding:8px;transition:all .2s ease;width:32px}.action-menu__trigger,.action-menu__trigger:hover{background:var(--surface-action-soft)}.action-menu__trigger--close{background:#f4f4fe;border:1px solid #f4f4fe;border-radius:50%}.action-menu__trigger--close:hover{background:#e8e8fd}.action-menu__trigger svg{height:16px;width:16px}.action-menu__dropdown{align-items:flex-start;background:var(--surface-primary,#fff);border:1px solid var(--border-primary,#e8e9ef);border-radius:12px;bottom:calc(100% + 4px);box-shadow:0 4px 20px 0 #121e5226;display:flex;flex-direction:column;min-width:180px;overflow:hidden;position:absolute;right:0;z-index:1000}.action-menu__item{align-items:center;align-self:stretch;background:none;border:none;color:var(--labels-main-label-primary,#121e52);cursor:pointer;display:flex;font-family:var(--font-family-sans);font-size:var(--text-small-size);font-weight:var(--text-small-emphasis-weight);gap:8px;line-height:var(--text-small-line);padding:12px 16px;text-align:left;transition:background .2s ease;white-space:nowrap}.action-menu__item--default{color:var(--label-primary,#121e52)}.action-menu__item--default:hover{background:var(--surface-primary-hover,#f8f8fa)}.action-menu__item--danger{color:var(--label-danger,#e0423a)}.action-menu__item--danger:hover{background:var(--surface-danger-soft,#fceceb)}";
+var css_248z = ":root{--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600;--blue-50:#e7f4fc;--blue-100:#b4dbf6;--blue-200:#90caf2;--blue-300:#5eb2ec;--blue-400:#3ea3e8;--blue-500:#0e8ce2;--blue-600:#0d7fce;--blue-700:#0a63a0;--blue-800:#084d7c;--blue-900:#063b5f;--cyan-50:#eafbff;--cyan-75:#bdf3ff;--cyan-100:#aff1ff;--cyan-200:#9deeff;--cyan-300:#71e6ff;--cyan-400:#55e1ff;--cyan-500:#2bd9ff;--cyan-600:#27c5e8;--cyan-700:#1f9ab5;--cyan-800:#18778c;--cyan-900:#125b6b;--indigo-50:#efeffe;--indigo-100:#cdccfc;--indigo-200:#b4b4fa;--indigo-300:#9291f8;--indigo-400:#7c74ff;--indigo-500:#5d5bf4;--indigo-600:#5553de;--indigo-700:#4241ad;--indigo-800:#333286;--indigo-900:#272666;--green-50:#eef9ea;--green-100:#c9ecbd;--green-200:#afe39d;--green-300:#8bd671;--green-400:#75ce55;--green-500:#52c22b;--green-600:#4bb127;--green-700:#3a8a1f;--green-800:#2d6b18;--green-900:#225112;--red-50:#fceceb;--red-100:#f5c4c2;--red-200:#f1a8a4;--red-300:#ea807b;--red-400:#e66861;--red-500:#e0423a;--red-600:#cc3c35;--red-700:#9f2f29;--red-800:#7b2420;--red-900:#5e1c18;--purple-50:#efe6fd;--purple-100:#ceb0fa;--purple-200:#b78af7;--purple-300:#965ff4;--purple-400:#8133f1;--purple-500:#6200ee;--purple-600:#5900d9;--purple-700:#4600a9;--purple-800:#360083;--purple-900:#290064;--orange-50:#fff2e8;--orange-100:#fed7b6;--orange-200:#fec493;--orange-300:#fea962;--orange-400:#fd9843;--orange-500:#fd7e14;--orange-600:#e67312;--orange-700:#b4590e;--orange-800:#8b450b;--orange-900:#6a3508;--yellow-50:#fcf6e7;--yellow-100:#f6e3b4;--yellow-200:#f2d68f;--yellow-300:#ecc35c;--yellow-400:#fcc741;--yellow-500:#fbb912;--yellow-600:#e4a810;--yellow-700:#a07509;--yellow-800:#7c5b07;--yellow-900:#5f4505;--pink-50:#fdecf4;--pink-100:#f8c3db;--pink-200:#f4a6ca;--pink-300:#f07eb2;--pink-400:#ed65a3;--pink-500:#e83e8c;--pink-600:#d33874;--pink-700:#a52c63;--pink-800:#80224d;--pink-900:#611a3b;--teal-50:#e9faf7;--teal-100:#baf0e7;--teal-200:#99e8db;--teal-300:#6bdecb;--teal-400:#4ed8c1;--teal-500:#22ceb1;--teal-600:#1fbba1;--teal-700:#18927e;--teal-800:#137161;--teal-900:#0e574a;--neutral-white:#fff;--neutral-25:#f8f8fa;--neutral-50:#e8e9ef;--neutral-75:#d2d5e3;--neutral-100:#b6bacc;--neutral-200:#9399b3;--neutral-300:#626a90;--neutral-400:#433d7b;--neutral-500:#14215a;--neutral-600:#121e52;--neutral-700:#0e1740;--neutral-800:#0b1232;--neutral-900:#080e26;--neutral-black:#000;--purple-lightest:var(--purple-50);--purple-lighter:var(--purple-100);--purple-light:var(--purple-300);--purple-regular:var(--purple-500);--purple-dark:var(--purple-600);--purple-darker:var(--purple-800);--purple-darkest:var(--purple-900);--blue-lightest:var(--blue-50);--blue-lighter:var(--blue-100);--blue-light:var(--blue-300);--blue-regular:var(--blue-500);--blue-dark:var(--blue-600);--blue-darker:var(--blue-800);--blue-darkest:var(--blue-900);--indigo-lightest:var(--indigo-50);--indigo-lighter:var(--indigo-100);--indigo-light:var(--indigo-300);--indigo-regular:var(--indigo-500);--indigo-dark:var(--indigo-600);--indigo-darker:var(--indigo-800);--indigo-darkest:var(--indigo-900);--cyan-lightest:var(--cyan-50);--cyan-lighter:var(--cyan-100);--cyan-light:var(--cyan-300);--cyan-regular:var(--cyan-500);--cyan-dark:var(--cyan-700);--cyan-darker:var(--cyan-800);--cyan-darkest:var(--cyan-900);--red-lightest:var(--red-50);--red-lighter:var(--red-100);--red-light:var(--red-400);--red-regular:var(--red-500);--red-dark:var(--red-600);--red-darker:var(--red-800);--red-darkest:var(--red-900);--orange-lightest:var(--orange-50);--orange-lighter:var(--orange-100);--orange-light:var(--orange-300);--orange-regular:var(--orange-500);--orange-dark:var(--orange-600);--orange-darker:var(--orange-700);--orange-darkest:var(--orange-800);--yellow-lightest:var(--yellow-50);--yellow-lighter:var(--yellow-100);--yellow-light:var(--yellow-300);--yellow-regular:var(--yellow-500);--yellow-dark:var(--yellow-600);--yellow-darker:var(--yellow-800);--yellow-darkest:var(--yellow-900);--pink-lightest:var(--pink-50);--pink-lighter:var(--pink-100);--pink-light:var(--pink-300);--pink-regular:var(--pink-500);--pink-dark:var(--pink-600);--pink-darker:var(--pink-700);--pink-darkest:var(--pink-800);--green-lightest:var(--green-50);--green-lighter:var(--green-100);--green-light:var(--green-300);--green-regular:var(--green-500);--green-dark:var(--green-600);--green-darker:var(--green-800);--green-darkest:var(--green-900);--teal-lightest:var(--teal-50);--teal-lighter:var(--teal-100);--teal-light:var(--teal-300);--teal-regular:var(--teal-500);--teal-dark:var(--teal-600);--teal-darker:var(--teal-700);--teal-darkest:var(--teal-800);--tone-lightest:var(--neutral-white);--tone-lighter:var(--neutral-25);--tone-light:var(--neutral-50);--tone-regular:var(--neutral-75);--tone-dark:var(--neutral-100);--tone-darker:var(--neutral-200);--tone-darkest:var(--neutral-300);--shade-lightest:var(--neutral-400);--shade-lighter:var(--neutral-500);--shade-light:var(--neutral-600);--shade-regular:var(--neutral-700);--shade-dark:var(--neutral-800);--shade-darker:var(--neutral-900);--shade-darkest:var(--neutral-black);--highlight-lightest:var(--cyan-lightest);--highlight-lighter:var(--cyan-lighter);--highlight-light:var(--cyan-light);--highlight-regular:var(--blue-regular);--highlight-dark:var(--blue-dark);--highlight-darker:var(--blue-darker);--highlight-darkest:var(--blue-darkest);--success-lightest:var(--green-lightest);--success-lighter:var(--green-lighter);--success-light:var(--green-light);--success-regular:var(--green-regular);--success-dark:var(--green-dark);--success-darker:var(--green-darker);--success-darkest:var(--green-darkest);--errors-lightest:var(--red-lightest);--errors-lighter:var(--red-lighter);--errors-light:var(--red-light);--errors-regular:var(--red-regular);--errors-dark:var(--red-dark);--errors-darker:var(--red-darker);--errors-darkest:var(--red-darkest);--actions-lightest:var(--purple-50);--actions-lighter:var(--purple-lighter);--actions-light:var(--purple-light);--actions-regular:var(--purple-regular);--actions-dark:var(--purple-dark);--actions-darker:var(--purple-darker);--actions-darkest:var(--purple-darkest);--information-lightest:var(--blue-lightest);--information-lighter:var(--blue-lighter);--information-light:var(--blue-light);--information-regular:var(--blue-regular);--information-dark:var(--blue-dark);--information-darker:var(--blue-darker);--information-darkest:var(--blue-darkest);--alert-lightest:var(--yellow-lightest);--alert-lighter:var(--yellow-lighter);--alert-light:var(--orange-light);--alert-regular:var(--orange-regular);--alert-darker:var(--yellow-darker);--alert-darkest:var(--yellow-darkest);--danger-lightest:var(--red-lightest);--danger-lighter:var(--red-lighter);--danger-light:var(--red-light);--danger-regular:var(--red-regular);--danger-dark:var(--red-dark);--danger-darker:var(--red-darker);--danger-darkest:var(--red-darkest);--disabled-lightest:var(--tone-light);--disabled-lighter:var(--tone-regular);--disabled-light:var(--tone-dark);--disabled-regular:var(--tone-darker);--disabled-dark:var(--shade-lighter);--disabled-darker:var(--shade-light);--disabled-darkest:var(--shade-regular);--label-primary:var(--shade-light);--label-primary-alt:var(--tone-lighter);--label-secondary:var(--tone-darkest);--label-secondary-hover:var(--shade-lighter);--label-white:var(--tone-lightest);--label-highlight:var(--highlight-dark);--label-action:var(--actions-regular);--label-danger:var(--danger-dark);--label-status-error:var(--errors-dark);--label-status-success:var(--success-darker);--label-status-info:var(--information-dark);--label-status-alert:var(--alert-regular);--label-status-disabled:var(--disabled-regular);--surface-primary:var(--tone-lightest);--surface-primary-hover:var(--tone-lighter);--surface-primary-pressed:var(--tone-light);--surface-secondary:var(--neutral-25);--surface-secondary-hover:var(--tone-light);--surface-secondary-pressed:var(--tone-regular);--surface-tertiary:var(--tone-light);--surface-tertiary-hover:var(--tone-lighter);--surface-tertiary-pressed:var(--tone-lightest);--surface-status-success:var(--success-lightest);--surface-status-error:var(--errors-lightest);--surface-status-alert:var(--alert-lightest);--surface-status-info:var(--information-lightest);--surface-status-disabled:var(--disabled-lighter);--surface-action:var(--actions-regular);--surface-action-hover:var(--actions-dark);--surface-action-soft:var(--actions-lightest);--surface-action-soft-hover:var(--actions-lighter);--surface-action-soft-pressed:var(--actions-light);--surface-danger-soft:var(--danger-lightest);--surface-danger-soft-hover:var(--danger-lighter);--surface-danger-soft-pressed:var(--danger-light);--surface-highlight-soft:var(--highlight-lightest);--surface-colour-red-soft:var(--red-lightest);--surface-colour-green-soft:var(--green-lightest);--surface-colour-blue-soft:var(--blue-lightest);--surface-colour-orange-soft:var(--orange-lightest);--surface-colour-yellow-soft:var(--yellow-lightest);--surface-colour-purple-soft:var(--purple-lightest);--surface-colour-indigo-soft:var(--indigo-lightest);--surface-colour-cyan-soft:var(--cyan-lightest);--surface-colour-pink-soft:var(--pink-lightest);--surface-colour-teal-soft:var(--teal-lightest);--border-primary:var(--tone-light);--border-secondary:var(--tone-regular);--border-selected:var(--neutral-600);--border-action:var(--actions-regular);--border-status-error:var(--errors-lighter);--border-status-success:var(--success-lighter);--border-status-alert:var(--alert-lighter);--border-status-info:var(--information-lighter);--border-status-disabled:var(--disabled-lightest);--border-colour-overlay:#121e521a;--fill-primary:var(--shade-lighter);--fill-secondary:var(--tone-darkest);--fill-white:var(--tone-lightest);--fill-action:var(--actions-regular);--fill-highlight:var(--highlight-dark);--fill-danger:var(--danger-dark);--fill-status-success:var(--success-darker);--fill-status-error:var(--errors-dark);--fill-status-alert:var(--alert-regular);--fill-status-info:var(--information-regular);--fill-status-disabled:var(--disabled-light);--gradient-stop1:var(--purple-500);--gradient-stop2:var(--indigo-500);--gradient-stop3:var(--blue-500)}[data-theme=dark]{--label-primary:var(--tone-lighter);--label-primary-alt:var(--shade-light);--label-secondary:var(--tone-darker);--label-secondary-hover:var(--tone-lighter);--label-white:var(--tone-lightest);--label-highlight:var(--highlight-light);--label-action:var(--actions-lighter);--label-danger:var(--danger-light);--label-status-error:var(--errors-light);--label-status-success:var(--success-light);--label-status-info:var(--information-light);--label-status-alert:var(--alert-light);--label-status-disabled:var(--disabled-regular);--surface-primary:var(--shade-darker);--surface-primary-hover:var(--shade-dark);--surface-primary-pressed:var(--shade-regular);--surface-secondary:var(--shade-dark);--surface-secondary-hover:var(--shade-darker);--surface-secondary-pressed:var(--shade-darkest);--surface-tertiary:var(--shade-regular);--surface-tertiary-hover:var(--shade-dark);--surface-tertiary-pressed:var(--shade-darker);--surface-status-success:var(--success-darkest);--surface-status-error:var(--errors-darkest);--surface-status-alert:var(--alert-darkest);--surface-status-info:var(--information-darkest);--surface-status-disabled:var(--disabled-darkest);--surface-action:var(--actions-regular);--surface-action-hover:var(--actions-light);--surface-action-soft:var(--actions-darkest);--surface-action-soft-hover:var(--actions-darker);--surface-action-soft-pressed:var(--actions-dark);--surface-danger-soft:var(--danger-darkest);--surface-danger-soft-hover:var(--danger-darker);--surface-danger-soft-pressed:var(--danger-dark);--surface-highlight-soft:var(--highlight-darkest);--surface-colour-red-soft:var(--red-darkest);--surface-colour-green-soft:var(--green-darkest);--surface-colour-blue-soft:var(--blue-darkest);--surface-colour-orange-soft:var(--orange-darkest);--surface-colour-yellow-soft:var(--yellow-darkest);--surface-colour-purple-soft:var(--purple-darkest);--surface-colour-indigo-soft:var(--indigo-darkest);--surface-colour-cyan-soft:var(--cyan-darkest);--surface-colour-pink-soft:var(--pink-darkest);--surface-colour-teal-soft:var(--teal-darkest);--border-primary:var(--shade-light);--border-secondary:var(--shade-dark);--border-selected:var(--tone-light);--border-action:var(--actions-light);--border-status-error:var(--errors-darker);--border-status-success:var(--success-darker);--border-status-alert:var(--alert-darker);--border-status-info:var(--information-darker);--border-status-disabled:var(--disabled-dark);--border-colour-overlay:#ffffff1a;--fill-primary:var(--tone-lighter);--fill-secondary:var(--tone-darker);--fill-white:var(--tone-lightest);--fill-action:var(--actions-lighter);--fill-highlight:var(--highlight-light);--fill-danger:var(--danger-light);--fill-status-success:var(--success-light);--fill-status-error:var(--errors-light);--fill-status-alert:var(--alert-light);--fill-status-info:var(--information-light);--fill-status-disabled:var(--disabled-dark);--gradient-stop1:var(--indigo-400);--gradient-stop2:var(--cyan-500);--gradient-stop3:var(--cyan-100)}.text-primary{color:var(--label-primary)}.text-secondary{color:var(--label-secondary)}.text-white{color:var(--label-white)}.text-action{color:var(--label-action)}.text-danger{color:var(--label-danger)}.text-success{color:var(--label-status-success)}.text-error{color:var(--label-status-error)}.text-info{color:var(--label-status-info)}.text-warning{color:var(--label-status-alert)}.text-disabled{color:var(--label-status-disabled)}.bg-primary{background-color:var(--surface-primary)}.bg-secondary{background-color:var(--surface-secondary)}.bg-tertiary{background-color:var(--surface-tertiary)}.bg-success{background-color:var(--surface-status-success)}.bg-error{background-color:var(--surface-status-error)}.bg-warning{background-color:var(--surface-status-alert)}.bg-info{background-color:var(--surface-status-info)}.bg-action-soft{background-color:var(--surface-action-soft)}.bg-danger-soft{background-color:var(--surface-danger-soft)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-selected{border-color:var(--border-selected)}.border-action{border-color:var(--border-action)}.border-success{border-color:var(--border-status-success)}.border-error{border-color:var(--border-status-error)}.border-warning{border-color:var(--border-status-alert)}.border-info{border-color:var(--border-status-info)}.action-menu{display:inline-block;position:relative}.action-menu__trigger{align-items:center;border:1px solid var(--border-primary,#e8e9ef);border-radius:50%;color:var(--actions-regular,#5d5bf4);cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.action-menu__trigger,.action-menu__trigger:hover{background:var(--surface-action-soft)}.action-menu__trigger--close{background:#f4f4fe;border:1px solid #f4f4fe;border-radius:50%}.action-menu__trigger--close:hover{background:#e8e8fd}.action-menu__trigger svg{height:28px;width:28px}.action-menu__trigger .action-menu__circle{height:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px;z-index:-1}.action-menu__dropdown{align-items:flex-start;background:var(--surface-primary,#fff);border:1px solid var(--border-primary,#e8e9ef);border-radius:12px;box-shadow:0 4px 20px 0 #121e5226;display:flex;flex-direction:column;min-width:180px;overflow:hidden;position:absolute;right:0;z-index:1000}.action-menu__dropdown--bottom{top:calc(100% + 4px)}.action-menu__dropdown--top{bottom:calc(100% + 4px)}.action-menu__item{align-items:center;align-self:stretch;background:none;border:none;color:var(--labels-main-label-primary,#121e52);cursor:pointer;display:flex;font-family:var(--font-family-sans);font-size:var(--text-small-size);font-weight:var(--text-small-emphasis-weight);gap:8px;line-height:var(--text-small-line);padding:12px 16px;text-align:left;transition:background .2s ease;white-space:nowrap}.action-menu__item--default{color:var(--label-primary,#121e52)}.action-menu__item--default:hover{background:var(--surface-primary-hover,#f8f8fa)}.action-menu__item--danger{color:var(--label-danger,#e0423a)}.action-menu__item--danger:hover{background:var(--surface-danger-soft,#fceceb)}";
 styleInject(css_248z);
 
 export { css_248z as default };

package/dist/v2/components/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAYtC,CAAA"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CActC,CAAA"}

package/dist/v2/components/Badge/Badge.js

@@ -5,7 +5,7 @@ import './Badge.scss.js';
 var Badge = function(param) {
     var children = param.children, _param_variant = param.variant, variant = _param_variant === void 0 ? 'neutral' : _param_variant, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, icon = param.icon;
     return /*#__PURE__*/ jsxs("span", {
-        className: "new-badge new-badge--".concat(variant, " ").concat(className),
+        className: "new-badge new-badge--".concat(variant, " ").concat(icon ? 'new-badge--with-icon' : '', " ").concat(className),
         children: [
             icon && /*#__PURE__*/ jsx("span", {
                 className: "new-badge__icon",

package/dist/v2/components/Badge/Badge.scss.js

@@ -1,6 +1,6 @@
 import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".new-badge{border-radius:100px;font-size:var(--text-small-size,13px);font-weight:500;gap:4px;line-height:1.2;padding:2px 12px;white-space:nowrap}.new-badge,.new-badge__icon{align-items:center;display:inline-flex;justify-content:center}.new-badge__icon svg{height:16px;width:16px}.new-badge--success{background-color:var(--surface-status-success,#eef9ea);border:1px solid var(--border-status-success,#c9ecbd);color:var(--label-status-success,#3a8a1f)}.new-badge--danger{background-color:var(--surface-status-error,#fceceb);border:1px solid var(--border-status-error,#f5c4c2);color:var(--label-status-error,#cc3c35)}.new-badge--warning{background-color:var(--surface-status-alert,#fcf6e7);border:1px solid var(--border-status-alert,#fed7b6);color:var(--label-status-alert,#fd7e14)}.new-badge--info{background-color:var(--surface-status-info,#e7f4fc);border:1px solid var(--border-status-info,#b4dbf6);color:var(--label-status-info,#0d7fce)}.new-badge--neutral{background-color:var(--surface-secondary,#f8f8fa);border:1px solid var(--border-primary,#e8e9ef);color:var(--label-secondary,#9399b3)}@media (max-width:768px){.new-badge{font-size:12px;padding:1px 10px}}@media (max-width:480px){.new-badge{font-size:11px;padding:1px 8px}}";
+var css_248z = ".new-badge{align-items:center;border-radius:100px;display:inline-flex;justify-content:center;padding:2px 12px}.new-badge--with-icon{padding-left:8px}.new-badge{font-family:var(--font-family-mono,\"Geist Mono\",monospace);font-size:var(--text-small-size,13px);font-weight:500;gap:4px;line-height:1.2;white-space:nowrap}.new-badge__icon{align-items:center;display:inline-flex;justify-content:center}.new-badge__icon svg{height:16px;width:16px}.new-badge--success{background-color:var(--surface-status-success,#eef9ea);border:1px solid var(--border-status-success,#c9ecbd);color:var(--label-status-success,#3a8a1f)}.new-badge--danger{background-color:var(--surface-status-error,#fceceb);border:1px solid var(--border-status-error,#f5c4c2);color:var(--label-status-error,#cc3c35)}.new-badge--warning{background-color:var(--surface-status-alert,#fcf6e7);border:1px solid var(--border-status-alert,#fed7b6);color:var(--label-status-alert,#fd7e14)}.new-badge--info{background-color:var(--surface-status-info,#e7f4fc);border:1px solid var(--border-status-info,#b4dbf6);color:var(--label-status-info,#0d7fce)}.new-badge--neutral{background-color:var(--surface-secondary,#f8f8fa);border:1px solid var(--border-primary,#e8e9ef);color:var(--label-secondary,#9399b3)}@media (max-width:768px){.new-badge{font-size:12px;padding:1px 10px}.new-badge--with-icon{padding-left:6px}}@media (max-width:480px){.new-badge{font-size:11px;padding:1px 8px}.new-badge--with-icon{padding-left:4px}}";
 styleInject(css_248z);
 
 export { css_248z as default };

package/dist/v2/components/Button/Button.d.ts

@@ -5,7 +5,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     size?: 'sm' | 'md' | 'lg';
     isLoading?: boolean;
 }
-export declare function Button({ variant, size, disabled, isLoading, className, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ variant, size: _size, disabled, isLoading, className, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export interface ButtonTextProps {
     children: React.ReactNode;
     className?: string;

package/dist/v2/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,eAAe,CAAA;AAEtB,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,SAAS,GAAG,cAAc,GAAG,gBAAgB,GAAG,eAAe,GAAG,iBAAiB,GAAG,WAAW,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,MAAM,GAAG,UAAU,CAAA;IAC7K,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,QAAgB,EAChB,SAAiB,EACjB,SAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAsBb;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;CAChE;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,KAAK,EAAE,EAAE,eAAe,2CAY9E"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,eAAe,CAAA;AAEtB,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EACJ,SAAS,GACT,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,iBAAiB,GACjB,WAAW,GACX,kBAAkB,GAClB,oBAAoB,GACpB,MAAM,GACN,UAAU,CAAA;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAI,EAAE,KAAY,EAClB,QAAgB,EAChB,SAAiB,EACjB,SAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAuBb;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;CAChE;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,KAAK,EAAE,EAAE,eAAe,2CAY9E"}

package/dist/v2/components/Button/Button.js

@@ -100,6 +100,7 @@ function Button(_param) {
         children: children
     }) : children;
     return /*#__PURE__*/ jsxs("button", _object_spread_props(_object_spread({
+        type: "button",
         className: classes,
         disabled: disabled || isLoading
     }, props), {

package/dist/v2/components/Button/GhostButton.scss.js

@@ -1,6 +1,6 @@
 import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".ghost-button{align-items:center;background:#0000;border:1px solid var(--borders-main-border-primary,#e8e9ef);border-radius:6px;color:var(--labels-main-label-primary,#121e52);cursor:pointer;display:inline-flex;font-family:var(--font-family-sans);font-weight:500;gap:6px;justify-content:center;transition:background-color .2s ease;white-space:nowrap}.ghost-button:hover:not(:disabled){background-color:var(--surfaces-main-background-tertiary,#e8e9ef)}.ghost-button:disabled{cursor:default;opacity:.5}.ghost-button:focus-visible{outline:2px solid var(--fills-main-fill-action,#6200ee);outline-offset:2px}.ghost-button--sm{font-size:13px;height:28px;padding:0 8px}.ghost-button--md{font-size:14px;height:36px;padding:0 12px 0 8px}.ghost-button__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.ghost-button__icon svg{height:20px;width:20px}";
+var css_248z = ".ghost-button{align-items:center;background:#0000;border:1px solid var(--borders-main-border-primary,#e8e9ef);border-radius:6px;color:var(--labels-main-label-primary,#121e52);cursor:pointer;display:inline-flex;font-family:var(--font-family-sans);font-weight:500;gap:6px;justify-content:center;transition:background-color .2s ease;white-space:nowrap}.ghost-button:not(.active):hover:not(:disabled){background-color:var(--surfaces-main-background-tertiary,#e8e9ef)}.ghost-button:disabled{cursor:default;opacity:.5}.ghost-button:focus-visible{outline:2px solid var(--fills-main-fill-action,#6200ee);outline-offset:2px}.ghost-button.active{background-color:var(--fill-primary,#6200ee);border-color:var(--border-selected,#121e52)}.ghost-button.active,.ghost-button.active .ghost-button__text{color:var(--neutral-white,#fff)}.ghost-button--sm{font-size:13px;height:28px;padding:0 8px}.ghost-button--md{font-size:14px;height:36px;padding:0 12px 0 8px}.ghost-button__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.ghost-button__icon svg{height:20px;width:20px}";
 styleInject(css_248z);
 
 export { css_248z as default };

package/dist/v2/components/Button/index.d.ts

@@ -1,3 +1,5 @@
 export { Button, ButtonText } from './Button';
 export type { ButtonProps, ButtonTextProps } from './Button';
+export { GhostButton } from './GhostButton';
+export type { GhostButtonProps } from './GhostButton';
 //# sourceMappingURL=index.d.ts.map

package/dist/v2/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC7C,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC7C,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA"}

package/dist/v2/components/FormField/FormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/FormField/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAc,MAAM,OAAO,CAAA;AACvD,OAAO,kBAAkB,CAAA;AAEzB,MAAM,WAAW,cAAe,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,SAAS,6GAsBrB,CAAA"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/FormField/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAc,MAAM,OAAO,CAAA;AACvD,OAAO,kBAAkB,CAAA;AAEzB,MAAM,WAAW,cAAe,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,SAAS,6GAoBrB,CAAA"}

package/dist/v2/components/Modal/DeleteModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteModal.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Modal/DeleteModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,oBAAoB,CAAA;AAG3B,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,EAAE,MAAM,CAAA;IACxB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkFlD,CAAA"}
+{"version":3,"file":"DeleteModal.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Modal/DeleteModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,oBAAoB,CAAA;AAG3B,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,EAAE,MAAM,CAAA;IACxB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoFlD,CAAA"}

package/dist/v2/components/Modal/DeleteModal.js

@@ -71,9 +71,11 @@ var DeleteModal = function(param) {
     if (!isOpen) return null;
     return /*#__PURE__*/ jsx("div", {
         className: "delete-modal-overlay",
+        role: "presentation",
         onClick: handleClose,
         children: /*#__PURE__*/ jsx("div", {
             className: "delete-modal",
+            role: "presentation",
             onClick: function(e) {
                 return e.stopPropagation();
             },
@@ -125,12 +127,14 @@ var DeleteModal = function(param) {
                         className: "delete-modal__actions",
                         children: [
                             /*#__PURE__*/ jsx("button", {
+                                type: "button",
                                 className: "delete-modal__button delete-modal__button--delete",
                                 onClick: handleConfirm,
                                 disabled: isConfirmDisabled,
                                 children: isDeleting ? 'Deleting...' : 'Delete'
                             }),
                             /*#__PURE__*/ jsx("button", {
+                                type: "button",
                                 className: "delete-modal__button delete-modal__button--cancel",
                                 onClick: handleClose,
                                 disabled: isDeleting,

package/dist/v2/components/NPSScore/NPSScore.js

@@ -2,6 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
 import './NPSScore.scss.js';
 import { Button } from '../Button/Button.js';
+import '../Button/GhostButton.scss.js';
 import { Alert } from '../Alert/Alert.js';
 
 function _array_like_to_array(arr, len) {

package/dist/v2/components/NewInput/NewInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewInput.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewInput/NewInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,mBAAmB,EAAE,sBAAsB,EAAc,SAAS,EAAC,MAAM,OAAO,CAAC;AAChG,OAAO,iCAAiC,CAAC;AAEzC,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAA;AAED,KAAK,UAAU,GAAG,gBAAgB,GAAG;IACnC,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAEzC,KAAK,aAAa,GAAG,gBAAgB,GAAG;IACtC,EAAE,EAAE,UAAU,CAAC;CAChB,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAA;AAE/C,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,aAAa,CAAA;AAEtD,eAAO,MAAM,QAAQ,8GAgFpB,CAAC"}
+{"version":3,"file":"NewInput.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewInput/NewInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,mBAAmB,EAAE,sBAAsB,EAAc,SAAS,EAAC,MAAM,OAAO,CAAC;AAChG,OAAO,iCAAiC,CAAC;AAEzC,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAA;AAED,KAAK,UAAU,GAAG,gBAAgB,GAAG;IACnC,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAEzC,KAAK,aAAa,GAAG,gBAAgB,GAAG;IACtC,EAAE,EAAE,UAAU,CAAC;CAChB,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAA;AAE/C,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,aAAa,CAAA;AAEtD,eAAO,MAAM,QAAQ,8GA4FpB,CAAC"}

package/dist/v2/components/NewInput/NewInput.js

@@ -106,7 +106,15 @@ var NewInput = /*#__PURE__*/ forwardRef(function(_param, ref) {
                     }, props)),
                     /*#__PURE__*/ jsx("div", {
                         className: "icon",
+                        role: "button",
+                        tabIndex: 0,
                         onClick: handleIconClick,
+                        onKeyDown: function(e) {
+                            if (e.key === 'Enter' || e.key === ' ') {
+                                e.preventDefault();
+                                handleIconClick();
+                            }
+                        },
                         style: {
                             cursor: onIconClick || props.type === 'date' ? 'pointer' : 'default'
                         },

package/dist/v2/components/NewPageHeader/NewPageHeader.d.ts

@@ -7,6 +7,7 @@ export interface NewPageHeaderProps {
     renderRight?: () => React.ReactNode;
     className?: string;
     showDivider?: boolean;
+    dividerClassName?: string;
 }
-export declare const NewPageHeader: ({ title, cancelLabel, onCancel, renderRight, className, showDivider }: NewPageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NewPageHeader: ({ title, cancelLabel, onCancel, renderRight, className, showDivider, dividerClassName }: NewPageHeaderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=NewPageHeader.d.ts.map

package/dist/v2/components/NewPageHeader/NewPageHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewPageHeader.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewPageHeader/NewPageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,sBAAsB,CAAC;AAE9B,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,GAAI,uEAO3B,kBAAkB,4CAqBpB,CAAC"}
+{"version":3,"file":"NewPageHeader.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewPageHeader/NewPageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,sBAAsB,CAAC;AAE9B,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,GAAI,yFAQ3B,kBAAkB,4CAmBpB,CAAC"}

package/dist/v2/components/NewPageHeader/NewPageHeader.js

@@ -1,10 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react';
 import { Button, ButtonText } from '../Button/Button.js';
+import '../Button/GhostButton.scss.js';
 import './NewPageHeader.scss.js';
 
 var NewPageHeader = function(param) {
-    var title = param.title, _param_cancelLabel = param.cancelLabel, cancelLabel = _param_cancelLabel === void 0 ? 'Cancel' : _param_cancelLabel, onCancel = param.onCancel, renderRight = param.renderRight, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_showDivider = param.showDivider, showDivider = _param_showDivider === void 0 ? true : _param_showDivider;
+    var title = param.title, _param_cancelLabel = param.cancelLabel, cancelLabel = _param_cancelLabel === void 0 ? 'Cancel' : _param_cancelLabel, onCancel = param.onCancel, renderRight = param.renderRight, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_showDivider = param.showDivider, showDivider = _param_showDivider === void 0 ? true : _param_showDivider, _param_dividerClassName = param.dividerClassName, dividerClassName = _param_dividerClassName === void 0 ? '' : _param_dividerClassName;
     return /*#__PURE__*/ jsxs("div", {
         className: "new-page-header-container ".concat(className),
         children: [
@@ -33,7 +34,7 @@ var NewPageHeader = function(param) {
                 ]
             }),
             showDivider && /*#__PURE__*/ jsx("hr", {
-                className: "new-page-header__divider"
+                className: "new-page-header__divider ".concat(dividerClassName)
             })
         ]
     });

package/dist/v2/components/NewPageHeader/NewPageHeader.scss.js

@@ -1,6 +1,6 @@
 import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".new-page-header-container{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:14px;padding:32px 32px 0}@media (max-width:768px){.new-page-header-container{gap:10px;padding:16px 16px 0}}.new-page-header{align-items:center;align-self:stretch;display:flex;gap:16px;justify-content:space-between;width:100%}@media (max-width:768px){.new-page-header{gap:8px;padding-top:16px}}.new-page-header__title{color:var(--label-primary);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:24px;font-style:normal;font-weight:600;line-height:28px;margin:0;padding:0}.new-page-header__actions{align-items:center;display:flex;flex-shrink:0;gap:16px}.new-page-header__divider{background-color:var(--border-primary,#e8e9ef);border:none;height:1px;margin:0;width:100%}";
+var css_248z = ".new-page-header-container{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:0;padding:32px 32px 0}@media (max-width:768px){.new-page-header-container{gap:0;padding:16px 16px 0}}@media (max-width:480px){.new-page-header-container{padding:16px 12px 0}}.new-page-header{align-items:center;align-self:stretch;display:flex;gap:16px;justify-content:space-between;width:100%}@media (max-width:768px){.new-page-header{gap:8px;padding-top:16px}}.new-page-header__title{color:var(--label-primary);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:24px;font-style:normal;font-weight:600;line-height:28px;margin:0;padding:0}.new-page-header__actions{align-items:center;display:flex;flex-shrink:0;gap:16px}.new-page-header__divider{background-color:var(--border-primary,#e8e9ef);border:none;height:1px;width:100%}";
 styleInject(css_248z);
 
 export { css_248z as default };

package/dist/v2/components/NewTable/NewTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewTable.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewTable/NewTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,iBAAiB,CAAA;AAExB,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAA;IAC5B,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;IAC5C,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS;IAAE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAAE,EAC3D,OAAO,EACP,IAAI,EACJ,SAAc,EACd,YAAiB,EACjB,UAAU,EACV,UAAU,GACX,EAAE,aAAa,CAAC,CAAC,CAAC,2CA+DlB"}
+{"version":3,"file":"NewTable.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewTable/NewTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,iBAAiB,CAAA;AAExB,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAA;IAC5B,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;IAC5C,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS;IAAE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAAE,EAC3D,OAAO,EACP,IAAI,EACJ,SAAc,EACd,YAAiB,EACjB,UAAU,EACV,UAAU,GACX,EAAE,aAAa,CAAC,CAAC,CAAC,2CAgElB"}

package/dist/v2/components/NewTable/NewTable.js

@@ -36,6 +36,7 @@ function NewTable(param) {
                                 var content = typeof column.accessor === 'function' ? column.accessor(row) : row[column.accessor];
                                 return /*#__PURE__*/ jsx("td", {
                                     className: "new-table__cell ".concat(column.className || ''),
+                                    role: "presentation",
                                     onClick: function(e) {
                                         if (column.disableRowClick) {
                                             e.stopPropagation();

package/dist/v2/components/NewTable/NewTable.scss.js

@@ -1,6 +1,6 @@
 import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".new-table-wrapper{overflow-x:auto;width:100%}.new-table{border-collapse:collapse;text-align:left;width:100%}.new-table__head{background-color:var(--surface-secondary,#f8f8fa)}.new-table__header-cell{border-bottom:1px solid var(--border-primary,#e8e9ef);color:var(--label-secondary,#9399b3);font-size:var(--text-small-size,13px);font-weight:500;padding:16px 24px;white-space:nowrap}.new-table__body{background-color:var(--neutral-white,#fff)}.new-table__row{border-bottom:1px solid var(--border-primary,#e8e9ef);transition:background-color .2s ease}.new-table__row:last-child{border-bottom:none}.new-table__row--clickable{cursor:pointer}.new-table__row--clickable:hover{background-color:var(--surface-primary-hover,#f8f8fa)}.new-table__cell{color:var(--label-primary,#121e52);font-size:var(--text-base-size,14px);padding:16px 24px;vertical-align:middle}.new-table__no-data-cell{color:#9399b3;font-size:16px;font-weight:500;padding:64px 24px;text-align:center}@media (max-width:768px){.new-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.new-table{min-width:600px}.new-table__header-cell{font-size:12px;padding:12px 16px}.new-table__cell{font-size:13px;padding:12px 16px}.new-table__no-data-cell{font-size:14px;padding:48px 16px}}@media (max-width:480px){.new-table{min-width:500px}.new-table__cell,.new-table__header-cell{padding:10px 12px}.new-table__header-cell{font-size:11px}.new-table__cell{font-size:12px}.new-table__no-data-cell{font-size:13px;padding:32px 12px}}";
+var css_248z = ".new-table-wrapper{overflow-x:auto;overflow-y:visible;width:100%}.new-table-wrapper.action-menu-open{overflow:visible!important}.new-table{border-collapse:collapse;text-align:left;width:100%}.new-table__head{background-color:var(--surface-secondary,#f8f8fa)}.new-table__header-cell{border-bottom:1px solid var(--border-primary,#e8e9ef);color:var(--label-secondary,#9399b3);font-size:var(--text-small-size,13px);font-weight:500;padding:16px 24px;white-space:nowrap}.new-table__body{background-color:var(--neutral-white,#fff)}.new-table__row{border-bottom:1px solid var(--border-primary,#e8e9ef);overflow:visible;transition:background-color .2s ease}.new-table__row.action-menu-open{overflow:visible!important;position:relative;z-index:20}.new-table__row.action-menu-open .new-table__cell{overflow:visible!important}.new-table__row:last-child{border-bottom:none}.new-table__row--clickable{cursor:pointer}.new-table__row--clickable:hover{background-color:var(--surface-primary-hover,#f8f8fa)}.new-table__cell{color:var(--label-primary,#121e52);font-size:var(--text-base-size,14px);overflow:visible;padding:16px 24px;vertical-align:middle}.new-table__no-data-cell{color:#9399b3;font-size:16px;font-weight:500;padding:64px 24px;text-align:center}@media (max-width:768px){.new-table-wrapper{-webkit-overflow-scrolling:touch}.new-table{min-width:600px}.new-table__header-cell{font-size:12px;padding:12px 16px}.new-table__cell{font-size:13px;padding:12px 16px}.new-table__no-data-cell{font-size:14px;padding:48px 16px}}@media (max-width:480px){.new-table{min-width:500px}.new-table__cell,.new-table__header-cell{padding:10px 12px}.new-table__header-cell{font-size:11px}.new-table__cell{font-size:12px}.new-table__no-data-cell{font-size:13px;padding:32px 12px}}";
 styleInject(css_248z);
 
 export { css_248z as default };

package/dist/v2/components/Pagination/Pagination.js

@@ -45,10 +45,7 @@ var Pagination = function(param) {
                         "aria-label": t('App:next', {
                             defaultValue: 'Next'
                         }),
-                        children: /*#__PURE__*/ jsx(ArrowRightIcon, {
-                            width: 32,
-                            height: 32
-                        })
+                        children: /*#__PURE__*/ jsx(ArrowRightIcon, {})
                     })
                 ]
             }),

package/dist/v2/components/Pagination/Pagination.scss.js

@@ -1,6 +1,6 @@
 import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".v2-pagination{align-items:center;display:flex;font-family:var(--font-family-sans,\"Geist\",sans-serif),serif;gap:16px}.v2-pagination__controls{display:flex;gap:8px}.v2-pagination__button{align-items:center;background-color:#efeffe;border:none;border-radius:50%;color:#6200ee;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:background-color .2s ease,color .2s ease;width:40px}.v2-pagination__button:hover:not(:disabled){background-color:#cdccfc}.v2-pagination__button:active:not(:disabled){background-color:#b4b4fa}.v2-pagination__button:focus-visible{outline:2px solid #6200ee;outline-offset:2px}.v2-pagination__button:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.v2-pagination__button svg{flex-shrink:0;height:20px;width:20px}.v2-pagination__info{display:flex;flex-direction:column;gap:2px}.v2-pagination__page-number{color:#14215a;font-size:14px;font-weight:600}.v2-pagination__showing{color:#626a90;font-size:12px;font-weight:500}@media (max-width:768px){.v2-pagination{gap:12px}.v2-pagination__controls{gap:6px}.v2-pagination__button{height:36px;width:36px}.v2-pagination__button svg{height:18px;width:18px}.v2-pagination__info{gap:2px}.v2-pagination__page-number{font-size:13px}.v2-pagination__showing{font-size:11px}}@media (max-width:480px){.v2-pagination{align-items:flex-start;flex-direction:column;gap:10px}.v2-pagination__controls{justify-content:center;order:2;width:100%}.v2-pagination__button{height:32px;width:32px}.v2-pagination__button svg{height:16px;width:16px}.v2-pagination__info{align-items:center;order:1;text-align:center;width:100%}.v2-pagination__page-number{font-size:12px}.v2-pagination__showing{font-size:10px}}";
+var css_248z = ".v2-pagination{align-items:center;display:flex;font-family:var(--font-family-sans,\"Geist\",sans-serif),serif;gap:16px}.v2-pagination__controls{display:flex;gap:8px}.v2-pagination__button{align-items:center;background-color:#efeffe;border:none;border-radius:50%;color:#6200ee;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:background-color .2s ease,color .2s ease;width:44px}.v2-pagination__button:hover:not(:disabled){background-color:#cdccfc}.v2-pagination__button:active:not(:disabled){background-color:#b4b4fa}.v2-pagination__button:focus-visible{outline:2px solid #6200ee;outline-offset:2px}.v2-pagination__button:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.v2-pagination__button svg{flex-shrink:0;height:24px;width:24px}.v2-pagination__info{display:flex;flex-direction:column;gap:2px}.v2-pagination__page-number{color:#14215a;font-size:15px;font-weight:600}.v2-pagination__showing{color:#626a90;font-size:13px;font-weight:500}@media (max-width:768px){.v2-pagination{gap:12px}.v2-pagination__controls{gap:6px}.v2-pagination__button{height:40px;width:40px}.v2-pagination__button svg{height:20px;width:20px}.v2-pagination__info{gap:2px}.v2-pagination__page-number{font-size:14px}.v2-pagination__showing{font-size:12px}}@media (max-width:480px){.v2-pagination{align-items:flex-start;flex-direction:column;gap:10px}.v2-pagination__controls{justify-content:center;order:2;width:100%}.v2-pagination__button{height:36px;width:36px}.v2-pagination__button svg{height:18px;width:18px}.v2-pagination__info{align-items:center;order:1;text-align:center;width:100%}.v2-pagination__page-number{font-size:13px}.v2-pagination__showing{font-size:11px}}";
 styleInject(css_248z);
 
 export { css_248z as default };

package/dist/v2/components/QuickFilter/QuickFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuickFilter.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/QuickFilter/QuickFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,oBAAoB,CAAA;AAE3B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,iBAAiB,EAAE,CAAA;IAC5B,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiClD,CAAA"}
+{"version":3,"file":"QuickFilter.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/QuickFilter/QuickFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,oBAAoB,CAAA;AAE3B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,iBAAiB,EAAE,CAAA;IAC5B,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkClD,CAAA"}

package/dist/v2/components/QuickFilter/QuickFilter.js

@@ -1,5 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react';
+import '../Button/Button.scss.js';
+import { GhostButton } from '../Button/GhostButton.js';
 import './QuickFilter.scss.js';
 
 function _array_like_to_array(arr, len) {
@@ -50,9 +52,10 @@ var QuickFilter = function(param) {
             /*#__PURE__*/ jsx("div", {
                 className: "quick-filter__options",
                 children: options.map(function(option) {
-                    return /*#__PURE__*/ jsx("button", {
+                    return /*#__PURE__*/ jsx(GhostButton, {
                         type: "button",
-                        className: "quick-filter__option ".concat((selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(option.value)) ? 'quick-filter__option--active' : ''),
+                        size: "sm",
+                        className: (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(option.value)) ? 'active' : '',
                         onClick: function() {
                             return toggleOption(option.value);
                         },

package/dist/v2/components/QuickFilter/QuickFilter.scss.js

@@ -1,6 +1,6 @@
 import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".quick-filter{align-items:center;display:flex;gap:12px}.quick-filter__label{color:var(--label-secondary,#9399b3);font-size:var(--text-small-size,13px);font-weight:500;white-space:nowrap}.quick-filter__options{display:flex;flex-wrap:wrap;gap:8px}.quick-filter__option{background-color:var(--neutral-white,#fff);border:1px solid var(--border-primary,#e8e9ef);border-radius:100px;color:var(--label-primary,#121e52);cursor:pointer;font-size:var(--text-small-size,13px);font-weight:500;padding:4px 16px;transition:all .2s ease}.quick-filter__option:hover:not(.quick-filter__option--active){background-color:var(--surface-primary-hover,#f8f8fa)}.quick-filter__option--active{background-color:var(--fill-primary);border-color:var(--border-selected,#121e52);color:var(--neutral-white,#fff);font-weight:600}@media (max-width:768px){.quick-filter{align-items:flex-start;flex-direction:column;gap:8px}.quick-filter__label{font-size:12px}.quick-filter__options{gap:6px;width:100%}.quick-filter__option{font-size:12px;padding:3px 12px}}@media (max-width:480px){.quick-filter{gap:6px}.quick-filter__label{font-size:11px}.quick-filter__options{gap:4px}.quick-filter__option{font-size:11px;padding:2px 10px}}";
+var css_248z = ".quick-filter{align-items:center;display:flex;gap:12px}.quick-filter__label{color:var(--label-secondary,#9399b3);font-size:var(--text-small-size,13px);font-weight:500;white-space:nowrap}.quick-filter__options{display:flex;flex-wrap:wrap;gap:8px}.quick-filter__options .ghost-button{border-radius:100px}@media (max-width:768px){.quick-filter{align-items:flex-start;display:flex;flex-direction:row;gap:12px;width:100%}.quick-filter__label{font-size:12px}.quick-filter__options{display:flex;flex:1;flex-wrap:wrap;gap:6px;margin:0;min-width:0;padding:0}.quick-filter__options .ghost-button{border-radius:100px;flex-shrink:0}}@media (max-width:480px){.quick-filter{gap:8px}.quick-filter__label{font-size:11px}.quick-filter__options{gap:4px}}";
 styleInject(css_248z);
 
 export { css_248z as default };

package/dist/v2/components/SectionHeader/SectionHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/SectionHeader/SectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,sBAAsB,CAAC;AAE9B,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAMtD,CAAC"}
+{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/SectionHeader/SectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,sBAAsB,CAAC;AAE9B,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAItD,CAAC"}

package/dist/v2/components/TableSortIcon/TableSortIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type SortDirection = 'asc' | 'desc' | null;
+export interface TableSortIconProps {
+    active?: boolean;
+    direction: SortDirection;
+    className?: string;
+}
+export declare const TableSortIcon: React.FC<TableSortIconProps>;
+//# sourceMappingURL=TableSortIcon.d.ts.map

package/dist/v2/components/TableSortIcon/TableSortIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSortIcon.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/TableSortIcon/TableSortIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAA;AAEjD,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,aAAa,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAQtD,CAAA"}

package/dist/v2/components/TableSortIcon/TableSortIcon.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { ArrowUpIcon, ArrowDownIcon } from '../../icons/index.js';
+
+var TableSortIcon = function(param) {
+    var _param_active = param.active, active = _param_active === void 0 ? false : _param_active, direction = param.direction, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className;
+    if (!active || !direction) return null;
+    return /*#__PURE__*/ jsx("span", {
+        className: className,
+        children: direction === 'asc' ? /*#__PURE__*/ jsx(ArrowUpIcon, {}) : /*#__PURE__*/ jsx(ArrowDownIcon, {})
+    });
+};
+
+export { TableSortIcon };

package/dist/v2/components/TableSortIcon/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TableSortIcon';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/components/TableSortIcon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/TableSortIcon/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}