@popsure/dirty-swan 0.59.0-beta → 0.59.0-beta-2

package/dist/cjs/index.js

@@ -303,7 +303,7 @@ function generateId() {
     return 'xxxx-xxxx-xxx-xxxx'.replace(/[x]/g, function () { return (Math.floor(Math.random() * 16).toString(16)); });
 }
 
-var css_248z$J = ".style-module_container__2L4SP {\n  position: relative;\n}\n\n.style-module_prefix__3jAFZ {\n  position: absolute;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--ds-neutral-600);\n  transition: top 0.3s, color 0.3s;\n}\n.style-module_prefix--with-value__2QiEA {\n  color: var(--ds-neutral-900);\n}\n.style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n.style-module_prefix--disabled__2-gcw {\n  color: var(--ds-neutral-700);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_placeholder__1U2z0,\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0,\n.style-module_input--with-inside-label__253bZ ~ .style-module_placeholder__1U2z0 {\n  top: 7px;\n  left: 16px;\n  transform: translateY(0);\n  font-size: 10px;\n  line-height: 12px;\n  opacity: 1;\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n  color: var(--ds-purple-600);\n}\n.style-module_input__1eJO5:focus ~ .style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\ninput:focus ~ .style-module_prefix__3jAFZ {\n  color: var(--ds-neutral-900);\n}\ninput:focus ~ .style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ,\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  top: 28px;\n}\n\n.style-module_input--with-inside-label__253bZ ~ .style-module_prefix__3jAFZ,\n.style-module_input--with-inside-label__253bZ:focus ~ .style-module_prefix__3jAFZ,\n.style-module_input--with-inside-label__253bZ:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ {\n  top: 29px;\n}\n\n.style-module_input__1eJO5 {\n  box-sizing: border-box;\n  padding-top: 9px;\n  font-family: inherit;\n}\n.style-module_input--no-placeholder__3EGwh {\n  padding-top: 0px;\n}\n.style-module_input--with-prefix__38e0j {\n  padding-left: 32px !important;\n}\n.style-module_input--with-inside-label__253bZ {\n  padding-top: 9px;\n}\n\n.style-module_placeholder__1U2z0 {\n  position: absolute;\n  pointer-events: none;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: 0.3s ease all;\n  color: var(--ds-neutral-600);\n}\n.style-module_placeholder--with-prefix__2PquQ {\n  left: 32px;\n}\n.style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_label__3FEZ1 {\n  display: inline-block;\n  margin-bottom: 8px;\n  color: var(--ds-neutral-700);\n}\n.style-module_label--with-error__166bP {\n  color: var(--ds-red-500);\n}\n\n.style-module_error__167Zc {\n  margin-top: 4px;\n}";
+var css_248z$J = ".style-module_container__2L4SP {\n  position: relative;\n}\n\n.style-module_prefix__3jAFZ {\n  position: absolute;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--ds-neutral-600);\n  transition: top 0.3s, color 0.3s;\n}\n.style-module_prefix--with-value__2QiEA {\n  color: var(--ds-neutral-900);\n}\n.style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n.style-module_prefix--disabled__2-gcw {\n  color: var(--ds-neutral-700);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_placeholder__1U2z0,\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0,\n.style-module_input--with-inside-label__253bZ ~ .style-module_placeholder__1U2z0 {\n  top: 7px;\n  left: 16px;\n  transform: translateY(0);\n  font-size: 10px;\n  line-height: 12px;\n  opacity: 1;\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n  color: var(--ds-neutral-900);\n}\n.style-module_input__1eJO5:focus ~ .style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\ninput:focus ~ .style-module_prefix__3jAFZ {\n  color: var(--ds-neutral-900);\n}\ninput:focus ~ .style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ,\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  top: 28px;\n}\n\n.style-module_input--with-inside-label__253bZ ~ .style-module_prefix__3jAFZ,\n.style-module_input--with-inside-label__253bZ:focus ~ .style-module_prefix__3jAFZ,\n.style-module_input--with-inside-label__253bZ:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ {\n  top: 29px;\n}\n\n.style-module_input__1eJO5 {\n  box-sizing: border-box;\n  padding-top: 9px;\n  font-family: inherit;\n}\n.style-module_input--no-placeholder__3EGwh {\n  padding-top: 0px;\n}\n.style-module_input--with-prefix__38e0j {\n  padding-left: 32px !important;\n}\n.style-module_input--with-inside-label__253bZ {\n  padding-top: 9px;\n}\n\n.style-module_placeholder__1U2z0 {\n  position: absolute;\n  pointer-events: none;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: 0.3s ease all;\n  color: var(--ds-neutral-600);\n}\n.style-module_placeholder--with-prefix__2PquQ {\n  left: 32px;\n}\n.style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_label__3FEZ1 {\n  display: inline-block;\n  margin-bottom: 8px;\n  color: var(--ds-neutral-700);\n}\n.style-module_label--with-error__166bP {\n  color: var(--ds-red-500);\n}\n\n.style-module_error__167Zc {\n  margin-top: 4px;\n}";
 var styles$I = {"container":"style-module_container__2L4SP","prefix":"style-module_prefix__3jAFZ","prefix--with-value":"style-module_prefix--with-value__2QiEA","prefix--with-error":"style-module_prefix--with-error__1yTTM","prefix--disabled":"style-module_prefix--disabled__2-gcw","input":"style-module_input__1eJO5","placeholder":"style-module_placeholder__1U2z0","input--with-inside-label":"style-module_input--with-inside-label__253bZ","placeholder--with-error":"style-module_placeholder--with-error__2ieRU","input--no-placeholder":"style-module_input--no-placeholder__3EGwh","input--with-prefix":"style-module_input--with-prefix__38e0j","placeholder--with-prefix":"style-module_placeholder--with-prefix__2PquQ","label":"style-module_label__3FEZ1","label--with-error":"style-module_label--with-error__166bP","error":"style-module_error__167Zc"};
 styleInject(css_248z$J);
 
@@ -3901,19 +3901,18 @@ var styles$G = {"container":"style-module_container__3SY_g"};
 styleInject(css_248z$H);
 
 var buttonTypeClassNameMap = {
-    filledColor: 'p-btn--primary',
+    filledBlack: 'p-btn--secondary-black',
     filledGray: 'p-btn--secondary-grey',
     filledWhite: 'p-btn--secondary-white',
-    filledBlack: 'p-btn--secondary-black',
-    textColor: 'p-btn--secondary',
+    textBlack: 'p-btn--text-black',
     textWhite: 'p-btn--secondary-inverted',
     outlineWhite: 'p-btn--outline-white',
-    filledSuccess: 'p-btn--success',
+    outlineGray: 'p-btn--outline-grey',
     filledError: 'p-btn--danger',
 };
 var buttonDefaultAsType = 'button';
 var Button = React__default['default'].forwardRef(function (_a, ref) {
-    var _b = _a.as, ButtonTag = _b === void 0 ? buttonDefaultAsType : _b, className = _a.className, _c = _a.loading, loading = _c === void 0 ? false : _c, children = _a.children, _d = _a.variant, variant = _d === void 0 ? 'filledColor' : _d, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, hideLabel = _a.hideLabel, props = __rest$1(_a, ["as", "className", "loading", "children", "variant", "leftIcon", "rightIcon", "hideLabel"]);
+    var _b = _a.as, ButtonTag = _b === void 0 ? buttonDefaultAsType : _b, className = _a.className, _c = _a.loading, loading = _c === void 0 ? false : _c, children = _a.children, _d = _a.variant, variant = _d === void 0 ? 'filledBlack' : _d, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, hideLabel = _a.hideLabel, props = __rest$1(_a, ["as", "className", "loading", "children", "variant", "leftIcon", "rightIcon", "hideLabel"]);
     return (jsxRuntime.jsx(ButtonTag, __assign({ ref: ref, className: classNames$1(buttonTypeClassNameMap[variant], className, {
             'p-btn--loading': loading,
             'tc-transparent': loading,
@@ -3958,7 +3957,7 @@ var Calendar = function (_a) {
     if (!displayCalendar) {
         return null;
     }
-    return (jsxRuntime.jsxs("div", { className: "".concat(styles$G.container, " ml8"), ref: calendarContainerRef, children: [jsxRuntime.jsx(Button, { onClick: function () { return setCalendarOpen(!isOpen); }, "data-testid": "calendar-button", hideLabel: true, variant: 'textColor', leftIcon: jsxRuntime.jsx(CalendarIcon, {}), type: "button", children: "Select date" }), isOpen && (jsxRuntime.jsx(DayPicker, { month: selectedDateInDateType, showOutsideDays: true, fromMonth: dateCalendarFromMonth, toMonth: dateCalendarToMonth, selectedDays: selectedDateInDateType, onDayClick: function (date) {
+    return (jsxRuntime.jsxs("div", { className: "".concat(styles$G.container, " ml8"), ref: calendarContainerRef, children: [jsxRuntime.jsx(Button, { onClick: function () { return setCalendarOpen(!isOpen); }, "data-testid": "calendar-button", hideLabel: true, variant: 'filledBlack', leftIcon: jsxRuntime.jsx(CalendarIcon, {}), type: "button", children: "Select date" }), isOpen && (jsxRuntime.jsx(DayPicker, { month: selectedDateInDateType, showOutsideDays: true, fromMonth: dateCalendarFromMonth, toMonth: dateCalendarToMonth, selectedDays: selectedDateInDateType, onDayClick: function (date) {
                     if (!dayjs(date).isValid()) {
                         return;
                     }
@@ -15506,7 +15505,7 @@ var ArrowIcon = function (_a) {
     return (jsxRuntime.jsx("svg", { width: "14", height: "8", viewBox: "0 0 14 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M1 1.00003L7 7.00003L13 1.00003", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 };
 
-var css_248z$k = ".style-module_container__3BxOi {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  padding: 0 16px;\n  justify-content: space-between;\n  align-items: stretch;\n  display: flex;\n}\n@media (min-width: 34rem) {\n  .style-module_container__3BxOi {\n    display: none;\n  }\n}\n\n.style-module_next__3yJsi {\n  transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n  transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n  width: 32px;\n  height: 56px;\n  z-index: 3;\n  padding: 0;\n  border-radius: 8px;\n  background-color: #f7f7fd;\n  justify-content: center;\n  align-items: center;\n  stroke: #b8b8c0;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n  background-color: #f7f7fd;\n  cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n  stroke: #26262e;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n  background-color: #f7f7fd;\n  cursor: pointer;\n}\n\n.style-module_noPointerEvents__21KuB {\n  pointer-events: none;\n}";
+var css_248z$k = ".style-module_container__3BxOi {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  padding: 0 16px;\n  justify-content: space-between;\n  align-items: stretch;\n  display: flex;\n}\n@media (min-width: 34rem) {\n  .style-module_container__3BxOi {\n    display: none;\n  }\n}\n\n.style-module_next__3yJsi {\n  transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n  transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n  width: 32px;\n  height: 56px;\n  z-index: 3;\n  padding: 0;\n  border-radius: 8px;\n  background-color: #f7f7fd;\n  justify-content: center;\n  align-items: center;\n  stroke: #b8b8c0;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n  background-color: #f7f7fd;\n  cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n  stroke: #26262e;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n  background-color: #f7f7fd;\n  cursor: pointer;\n}\n\n.style-module_noPointerEvents__21KuB {\n  visibility: hidden;\n  pointer-events: none;\n}";
 var styles$j = {"container":"style-module_container__3BxOi","next":"style-module_next__3yJsi","prev":"style-module_prev__3rIR_","arrow":"style-module_arrow__1tlbD","active":"style-module_active__2kklB","noPointerEvents":"style-module_noPointerEvents__21KuB"};
 styleInject(css_248z$k);
 
@@ -15749,7 +15748,7 @@ var ComparisonTable = function (props) {
                             }), hideDetails && (jsxRuntime.jsx("div", { className: classNames$1(baseStyles['show-details-container'], baseStyles.sticky, 'mt48'), children: jsxRuntime.jsx("div", { children: jsxRuntime.jsxs("button", { className: classNames$1('w100 d-flex p-h4 c-pointer', baseStyles['show-details-button'], classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.hideDetailsButton), onClick: toggleMoreRows, type: "button", children: [showMore ? hideDetailsCaption : showDetailsCaption, jsxRuntime.jsx(Chevron, { className: showMore ? '' : baseStyles['icon-inverted'] })] }) }) }))] })] }) }));
 };
 
-var css_248z$e = ".style-module_background-container__2Gjka {\n  position: relative;\n  display: inline-block;\n  background-color: var(--ds-primary-100);\n  border-radius: 8px;\n  padding: 0 8px;\n}\n\n.style-module_chip-container__7XeKn {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_chip__3rgLT {\n  cursor: pointer;\n  z-index: 2;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.style-module_chip__3rgLT:focus {\n  outline-color: var(--ds-purple-600);\n  outline-offset: 2px;\n}\n\n.style-module_select-chip-background__YCAyw {\n  position: absolute;\n  background-color: white;\n  border-radius: 8px;\n  top: 8px;\n  z-index: 1;\n  transition: width 0.3s, left 0.3s;\n}";
+var css_248z$e = ".style-module_background-container__2Gjka {\n  position: relative;\n  display: inline-block;\n  background-color: var(--ds-purple-100);\n  border-radius: 8px;\n  padding: 0 8px;\n}\n\n.style-module_chip-container__7XeKn {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_chip__3rgLT {\n  cursor: pointer;\n  z-index: 2;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.style-module_chip__3rgLT:focus {\n  outline-color: var(--ds-purple-600);\n  outline-offset: 2px;\n}\n\n.style-module_select-chip-background__YCAyw {\n  position: absolute;\n  background-color: white;\n  border-radius: 8px;\n  top: 8px;\n  z-index: 1;\n  transition: width 0.3s, left 0.3s;\n}";
 var styles$e = {"background-container":"style-module_background-container__2Gjka","chip-container":"style-module_chip-container__7XeKn","chip":"style-module_chip__3rgLT","select-chip-background":"style-module_select-chip-background__YCAyw"};
 styleInject(css_248z$e);
 
@@ -16207,7 +16206,7 @@ var toast = function (title, _a) {
     return (dist.toast(function (t) { return (jsxRuntime.jsx(Toast, __assign({ title: title, onDismiss: function () { return dist.toast.dismiss(t.id); } }, toastOptions))); }, { duration: duration }));
 };
 
-var css_248z$b = ".style-module_wrapperBordered__1BsXF {\n  border: 1px solid #e7e7ed;\n}\n\n.style-module_container__37ni0 {\n  border-bottom: 1px solid #e7e7ed;\n}\n.style-module_containerBordered__2IHWI:last-of-type {\n  border-bottom: 0;\n}\n\n.style-module_question__2bC30 {\n  color: #26262e;\n}\n.style-module_question__2bC30:hover {\n  color: #8883D8;\n}\n\n.style-module_chevron__2nixo {\n  color: #3f3f47;\n  transition: transform 0.3s ease-in-out;\n}\n.style-module_chevronOpen__1nFZj {\n  transform: rotate(180deg);\n}\n\n.style-module_answerIcon__Pugpz {\n  padding-left: 20px;\n}\n.style-module_answerIconDefault__2myqw {\n  padding-left: 4px;\n}\n\n.style-module_buttonWrapper__2A5FG {\n  background-color: transparent !important;\n  color: #8883D8;\n  outline-offset: -4px;\n}\n.style-module_buttonWrapperDefault__2DCgb {\n  outline-offset: 0;\n}\n.style-module_buttonWrapper__2A5FG:hover, .style-module_buttonWrapper__2A5FG:focus-visible {\n  background: #F6F6FE;\n}\n.style-module_buttonWrapper__2A5FG:hover .style-module_icon__jyQp0, .style-module_buttonWrapper__2A5FG:focus-visible .style-module_icon__jyQp0 {\n  color: #8883D8 !important;\n}\n.style-module_buttonWrapper__2A5FG:hover .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:hover .style-module_chevron__2nixo, .style-module_buttonWrapper__2A5FG:focus-visible .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:focus-visible .style-module_chevron__2nixo {\n  color: #8883D8;\n}\n.style-module_buttonWrapper__2A5FG:hover {\n  outline: 0 solid transparent !important;\n}\n.style-module_buttonWrapper__2A5FG:focus-visible {\n  outline: 2px solid #8883D8 !important;\n}";
+var css_248z$b = ".style-module_wrapperBordered__1BsXF {\n  border: 1px solid #e7e7ed;\n}\n\n.style-module_container__37ni0 {\n  border-bottom: 1px solid #e7e7ed;\n}\n.style-module_containerBordered__2IHWI:last-of-type {\n  border-bottom: 0;\n}\n\n.style-module_question__2bC30 {\n  color: #26262e;\n}\n.style-module_question__2bC30:hover {\n  color: #8883D8;\n}\n\n.style-module_chevron__2nixo {\n  color: #3f3f47;\n  transition: transform 0.3s ease-in-out;\n}\n.style-module_chevronOpen__1nFZj {\n  transform: rotate(180deg);\n}\n\n.style-module_answerIcon__Pugpz {\n  padding-left: 20px;\n}\n.style-module_answerIconDefault__2myqw {\n  padding-left: 4px;\n}\n\n.style-module_buttonWrapper__2A5FG {\n  background-color: transparent !important;\n  color: #8883D8;\n  outline-offset: -4px;\n}\n.style-module_buttonWrapperDefault__2DCgb {\n  outline-offset: 0;\n}\n.style-module_buttonWrapper__2A5FG:hover, .style-module_buttonWrapper__2A5FG:focus-visible {\n  background: #F6F6FE;\n}\n.style-module_buttonWrapper__2A5FG:hover .style-module_icon__jyQp0, .style-module_buttonWrapper__2A5FG:focus-visible .style-module_icon__jyQp0 {\n  color: #8883D8 !important;\n}\n.style-module_buttonWrapper__2A5FG:hover .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:hover .style-module_chevron__2nixo, .style-module_buttonWrapper__2A5FG:focus-visible .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:focus-visible .style-module_chevron__2nixo {\n  color: #8883D8;\n}\n.style-module_buttonWrapper__2A5FG:hover {\n  outline: 0 solid transparent !important;\n}";
 var styles$b = {"wrapperBordered":"style-module_wrapperBordered__1BsXF","container":"style-module_container__37ni0","containerBordered":"style-module_containerBordered__2IHWI","question":"style-module_question__2bC30","chevron":"style-module_chevron__2nixo","chevronOpen":"style-module_chevronOpen__1nFZj","answerIcon":"style-module_answerIcon__Pugpz","answerIconDefault":"style-module_answerIconDefault__2myqw","buttonWrapper":"style-module_buttonWrapper__2A5FG","buttonWrapperDefault":"style-module_buttonWrapperDefault__2DCgb","icon":"style-module_icon__jyQp0"};
 styleInject(css_248z$b);
 
@@ -16242,7 +16241,7 @@ var Accordion = function (_a) {
             var _a, _b, _c, _d, _e;
             var question = questionData.question, answer = questionData.answer, id = questionData.id, icon = questionData.icon;
             var isOpen = selectedQuestionId.includes(id);
-            return (jsxRuntime.jsxs("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.questionWrapper, styles$b.container, (_a = {}, _a[styles$b.containerBordered] = !isDefaultVariant, _a)), children: [jsxRuntime.jsx(Card, { title: question, titleVariant: "small", density: 'compact', icon: icon, classNames: __assign({ icon: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.icon, styles$b.icon, 'tc-neutral-800'), buttonWrapper: classNames$1('py8 my8', classNames === null || classNames === void 0 ? void 0 : classNames.buttonWrapper, styles$b.buttonWrapper, (_b = {},
+            return (jsxRuntime.jsxs("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.questionWrapper, styles$b.container, (_a = {}, _a[styles$b.containerBordered] = !isDefaultVariant, _a)), children: [jsxRuntime.jsx(Card, { title: question, titleVariant: "small", density: 'compact', variant: 'transparent', icon: icon, classNames: __assign({ icon: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.icon, styles$b.icon, 'tc-neutral-800'), buttonWrapper: classNames$1('py8 my8', classNames === null || classNames === void 0 ? void 0 : classNames.buttonWrapper, styles$b.buttonWrapper, (_b = {},
                                 _b[styles$b.buttonWrapperDefault] = isDefaultVariant,
                                 _b)), wrapper: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.wrapper, 'bg-transparent br0 py0', { 'pl0': isDefaultVariant }), title: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.question, styles$b.question, (_c = {}, _c[styles$b.questionOpen] = isOpen, _c)) }, classNames), dropShadow: false, onClick: function () { return handleClick(questionData); }, "aria-expanded": isOpen, actionIcon: jsxRuntime.jsx(ChevronDownIcon, { className: classNames$1(styles$b.chevron, (_d = {},
                                 _d[styles$b.chevronOpen] = isOpen,
@@ -16587,13 +16586,14 @@ var useTableNavigation = function (_a) {
     };
 };
 
-var css_248z$1 = ".TableControls-module_stickyHeader__1f6Ta {\n  display: flex;\n  position: sticky;\n  left: 0;\n  right: 0;\n  min-height: 72px;\n  z-index: 9;\n}\n\n.TableControls-module_controlButton__2kQiG {\n  width: 32px;\n  height: 100%;\n  padding: 0;\n  min-width: 32px;\n}";
-var styles$1 = {"stickyHeader":"TableControls-module_stickyHeader__1f6Ta","controlButton":"TableControls-module_controlButton__2kQiG"};
+var css_248z$1 = ".TableControls-module_stickyHeader__1f6Ta {\n  display: flex;\n  position: sticky;\n  left: 0;\n  right: 0;\n  min-height: 72px;\n  z-index: 9;\n}\n\n.TableControls-module_controlButton__2kQiG {\n  width: 32px;\n  height: 100%;\n  padding: 0;\n  min-width: 32px;\n}\n.TableControls-module_controlButtonHidden__1YsHA {\n  visibility: hidden;\n  pointer-events: none;\n}";
+var styles$1 = {"stickyHeader":"TableControls-module_stickyHeader__1f6Ta","controlButton":"TableControls-module_controlButton__2kQiG","controlButtonHidden":"TableControls-module_controlButtonHidden__1YsHA"};
 styleInject(css_248z$1);
 
 var TableControls = function (_a) {
+    var _b, _c;
     var activeSection = _a.activeSection, children = _a.children, columnsLength = _a.columnsLength, stickyHeaderTopOffset = _a.stickyHeaderTopOffset, navigateTable = _a.navigateTable;
-    return (jsxRuntime.jsxs("div", { "aria-hidden": true, className: classNames$1('d-flex ai-stretch jc-between bg-white px8', styles$1.stickyHeader), style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: [jsxRuntime.jsx("div", { className: 'py24', children: jsxRuntime.jsx(Button, { className: classNames$1('br8', styles$1.controlButton), disabled: activeSection <= 1, hideLabel: true, leftIcon: jsxRuntime.jsx(ChevronLeftIcon, {}), onClick: function () { return navigateTable(); }, type: "button", variant: "filledGray", "data-testid": "previous-section-button", style: { height: '100%' }, children: "Previous section" }) }), children, jsxRuntime.jsx("div", { className: 'py24', children: jsxRuntime.jsx(Button, { className: classNames$1('br8', styles$1.controlButton), disabled: activeSection >= columnsLength - 1, hideLabel: true, leftIcon: jsxRuntime.jsx(ChevronRightIcon, {}), onClick: function () { return navigateTable(true); }, type: "button", variant: "filledGray", "data-testid": "next-section-button", children: "Next section" }) })] }));
+    return (jsxRuntime.jsxs("div", { "aria-hidden": true, className: classNames$1('d-flex ai-stretch jc-between bg-white px8', styles$1.stickyHeader), style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: [jsxRuntime.jsx("div", { className: 'py24', children: jsxRuntime.jsx(Button, { className: classNames$1((_b = {}, _b[styles$1.controlButtonHidden] = activeSection <= 1, _b), 'br8', styles$1.controlButton), disabled: activeSection <= 1, hideLabel: true, leftIcon: jsxRuntime.jsx(ChevronLeftIcon, {}), onClick: function () { return navigateTable(); }, type: "button", variant: "filledGray", "data-testid": "previous-section-button", style: { height: '100%' }, children: "Previous section" }) }), children, jsxRuntime.jsx("div", { className: 'py24', children: jsxRuntime.jsx(Button, { className: classNames$1((_c = {}, _c[styles$1.controlButtonHidden] = activeSection >= columnsLength - 1, _c), 'br8', styles$1.controlButton), disabled: activeSection >= columnsLength - 1, hideLabel: true, leftIcon: jsxRuntime.jsx(ChevronRightIcon, {}), onClick: function () { return navigateTable(true); }, type: "button", variant: "filledGray", "data-testid": "next-section-button", children: "Next section" }) })] }));
 };
 
 var useScrollSync = function (sourceRef, targetRef, enabled) {