@banyan_cloud/roots 2.0.56 → 2.0.58
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/index.js +1185 -255
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/components/accordion/types/index.d.ts +1 -0
- package/dist/esm/src/components/alert/types/index.d.ts +6 -1
- package/dist/esm/src/components/buttons/baseButton/types/index.d.ts +1 -0
- package/dist/esm/src/components/buttons/button/types/index.d.ts +1 -0
- package/dist/esm/src/components/cell/BaseCell.d.ts +2 -0
- package/dist/esm/src/components/cell/types/index.d.ts +2 -0
- package/dist/esm/src/components/icons/Checked/Checked.d.ts +4 -0
- package/dist/esm/src/components/icons/Checked/index.d.ts +1 -0
- package/dist/esm/src/components/icons/Info/InfoHex.d.ts +4 -0
- package/dist/esm/src/components/icons/Info/index.d.ts +1 -0
- package/dist/esm/src/components/icons/index.d.ts +1 -0
- package/dist/esm/src/components/input/checkbox/types/index.d.ts +3 -0
- package/dist/esm/src/components/input/checkbox/v2/CheckBox.d.ts +4 -0
- package/dist/esm/src/components/input/checkbox/v2/index.d.ts +1 -0
- package/dist/esm/src/components/input/dropdown/Dropdown.d.ts +1 -0
- package/dist/esm/src/components/input/dropdown/dropdown-item/types/index.d.ts +2 -0
- package/dist/esm/src/components/input/dropdown/dropdown-item/v2/DropdownItem.d.ts +3 -0
- package/dist/esm/src/components/input/dropdown/dropdown-item/v2/index.d.ts +1 -0
- package/dist/esm/src/components/input/dropdown/dropdown-item/v2/types/index.d.ts +20 -0
- package/dist/esm/src/components/input/dropdown/v2/Dropdown.d.ts +52 -0
- package/dist/esm/src/components/input/dropdown/v2/index.d.ts +1 -0
- package/dist/esm/src/components/input/switch/Switch.d.ts +1 -0
- package/dist/esm/src/components/table/table/Table.d.ts +1 -1
- package/dist/esm/src/components/table/table/tableFilters/TableFilters.d.ts +1 -0
- package/dist/esm/src/components/table/types/index.d.ts +1 -0
- package/dist/esm/src/components/v2/accordion/Accordion.d.ts +10 -0
- package/dist/esm/src/components/v2/accordion/index.d.ts +1 -0
- package/dist/esm/src/components/v2/accordion/types/index.d.ts +56 -0
- package/dist/esm/src/components/v2/checkbox/CheckBox.d.ts +4 -0
- package/dist/esm/src/components/v2/checkbox/index.d.ts +1 -0
- package/dist/esm/src/components/v2/icons/index.d.ts +1 -0
- package/dist/esm/src/components/v2/icons/tickIcon/TickIcon.d.ts +4 -0
- package/dist/esm/src/components/v2/icons/tickIcon/index.d.ts +1 -0
- package/dist/esm/src/components/v2/input/index.d.ts +1 -0
- package/dist/esm/src/components/v2/input/toggle/Toggle.d.ts +14 -0
- package/dist/esm/src/components/v2/input/toggle/index.d.ts +1 -0
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -4080,9 +4080,9 @@ var generateColors = function generateColors(_ref) {
|
|
|
4080
4080
|
|
|
4081
4081
|
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
4082
4082
|
|
|
4083
|
-
var css$
|
|
4083
|
+
var css$1f = ".BaseCell_module_root__e11a03a1 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0.5rem;\n gap: 0.5rem;\n flex: none;\n height: 3rem;\n background: var(--light-color3);\n max-width: 100%;\n max-height: 100%;\n}\n.BaseCell_module_root__e11a03a1 > [data-elem*=component] {\n display: inline-block;\n max-height: 100%;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_sm__e11a03a1 {\n width: 9.063rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_md__e11a03a1 {\n width: 15.625rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_lg__e11a03a1 {\n width: 21.875rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_auto__e11a03a1 {\n width: auto;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusDefault__e11a03a1 {\n border-radius: 0.25rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusRound__e11a03a1 {\n border-radius: 50%;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusEllipse__e11a03a1 {\n border-radius: 1.563rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusNone__e11a03a1 {\n border-radius: 0rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1 {\n flex-grow: 1;\n flex-shrink: 1;\n min-width: 3rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_sm__e11a03a1 {\n min-width: 9.063rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_md__e11a03a1 {\n min-width: 15.625rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_lg__e11a03a1 {\n min-width: 21.875rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_centered__e11a03a1 {\n justify-content: center;\n}";
|
|
4084
4084
|
var modules_3af9b74c = {"root":"BaseCell_module_root__e11a03a1","sm":"BaseCell_module_sm__e11a03a1","md":"BaseCell_module_md__e11a03a1","lg":"BaseCell_module_lg__e11a03a1","auto":"BaseCell_module_auto__e11a03a1","border-radius-default":"BaseCell_module_borderRadiusDefault__e11a03a1","border-radius-round":"BaseCell_module_borderRadiusRound__e11a03a1","border-radius-ellipse":"BaseCell_module_borderRadiusEllipse__e11a03a1","border-radius-none":"BaseCell_module_borderRadiusNone__e11a03a1","flexible":"BaseCell_module_flexible__e11a03a1","centered":"BaseCell_module_centered__e11a03a1"};
|
|
4085
|
-
n(css$
|
|
4085
|
+
n(css$1f,{});
|
|
4086
4086
|
|
|
4087
4087
|
/**
|
|
4088
4088
|
* BaseCell - A flexible container component for displaying up to three components in a structured layout
|
|
@@ -4112,7 +4112,9 @@ var BaseCell = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
4112
4112
|
_props$attrs = props.attrs,
|
|
4113
4113
|
attrs = _props$attrs === void 0 ? {} : _props$attrs,
|
|
4114
4114
|
_props$radius = props.radius,
|
|
4115
|
-
radius = _props$radius === void 0 ? 'none' : _props$radius
|
|
4115
|
+
radius = _props$radius === void 0 ? 'none' : _props$radius,
|
|
4116
|
+
dataTestId = props.dataTestId,
|
|
4117
|
+
title = props.title;
|
|
4116
4118
|
var mainComponent = null;
|
|
4117
4119
|
if (!component2) {
|
|
4118
4120
|
if (component1 && component3) {
|
|
@@ -4120,9 +4122,13 @@ var BaseCell = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
4120
4122
|
}
|
|
4121
4123
|
mainComponent = component1 !== null && component1 !== void 0 ? component1 : component3;
|
|
4122
4124
|
}
|
|
4123
|
-
var Component = /*#__PURE__*/createElement(RootDOM, _objectSpread2({
|
|
4125
|
+
var Component = /*#__PURE__*/createElement(RootDOM, _objectSpread2(_objectSpread2({
|
|
4124
4126
|
'data-elem': 'base-cell',
|
|
4125
|
-
|
|
4127
|
+
'data-testid': dataTestId !== null && dataTestId !== void 0 ? dataTestId : typeof title === 'string' ? "".concat(title, "-test") : null,
|
|
4128
|
+
ref: ref
|
|
4129
|
+
}, typeof title === 'string' && {
|
|
4130
|
+
title: title
|
|
4131
|
+
}), {}, {
|
|
4126
4132
|
className: classes(modules_3af9b74c.root, modules_3af9b74c[size], modules_3af9b74c["border-radius-".concat(radius)], flexible && modules_3af9b74c.flexible, mainComponent && modules_3af9b74c.centered, className)
|
|
4127
4133
|
}, attrs), jsxs(Fragment, {
|
|
4128
4134
|
children: [!mainComponent && component1 && jsx("span", {
|
|
@@ -4142,9 +4148,9 @@ var BaseCell = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
4142
4148
|
return null;
|
|
4143
4149
|
});
|
|
4144
4150
|
|
|
4145
|
-
var css$
|
|
4151
|
+
var css$1e = "button.BaseButton_module_root__eb55429f[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n display: inline-flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: none;\n background: none;\n padding: 0.5rem 0.75rem;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:focus {\n outline: 1px solid var(--primary-color4);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:active {\n outline: none;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:disabled {\n cursor: not-allowed;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_contained__eb55429f {\n background: var(--text-color);\n color: var(--light-color3);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_outlined__eb55429f {\n color: var(--text-color);\n border: 1px solid var(--text-color);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_text__eb55429f {\n color: var(--text-color);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem=component2] {\n min-width: 0;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}";
|
|
4146
4152
|
var modules_ab72627b$1 = {"root":"BaseButton_module_root__eb55429f","contained":"BaseButton_module_contained__eb55429f","outlined":"BaseButton_module_outlined__eb55429f","text":"BaseButton_module_text__eb55429f"};
|
|
4147
|
-
n(css$
|
|
4153
|
+
n(css$1e,{});
|
|
4148
4154
|
|
|
4149
4155
|
var BaseButton$1 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
4150
4156
|
var _props$className = props.className,
|
|
@@ -4165,7 +4171,8 @@ var BaseButton$1 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
4165
4171
|
_props$blurOnClick = props.blurOnClick,
|
|
4166
4172
|
blurOnClick = _props$blurOnClick === void 0 ? true : _props$blurOnClick,
|
|
4167
4173
|
_props$variant = props.variant,
|
|
4168
|
-
variant = _props$variant === void 0 ? 'contained' : _props$variant
|
|
4174
|
+
variant = _props$variant === void 0 ? 'contained' : _props$variant,
|
|
4175
|
+
dataTestId = props.dataTestId;
|
|
4169
4176
|
var Title = jsx("span", {
|
|
4170
4177
|
"data-elem": 'title',
|
|
4171
4178
|
children: title
|
|
@@ -4190,17 +4197,15 @@ var BaseButton$1 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
4190
4197
|
void (_onClick === null || _onClick === void 0 ? void 0 : _onClick(event));
|
|
4191
4198
|
}
|
|
4192
4199
|
},
|
|
4200
|
+
title: title,
|
|
4201
|
+
dataTestId: dataTestId,
|
|
4193
4202
|
RootDOM: 'button'
|
|
4194
4203
|
});
|
|
4195
4204
|
});
|
|
4196
4205
|
|
|
4197
|
-
var css$
|
|
4198
|
-
var modules_b0070f27$1 = {"root":"Button_module_root__cb319292","primary":"Button_module_primary__cb319292","contained":"Button_module_contained__cb319292","text":"Button_module_text__cb319292","outlined":"Button_module_outlined__cb319292","success":"Button_module_success__cb319292","danger":"Button_module_danger__cb319292","warning":"Button_module_warning__cb319292"};
|
|
4199
|
-
n(css$18,{});
|
|
4200
|
-
|
|
4201
|
-
var css$17 = "button.BaseButton_module_root__eb55429f[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n display: inline-flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: none;\n background: none;\n padding: 0.5rem 0.75rem;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:focus {\n outline: 1px solid var(--primary-color4);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:active {\n outline: none;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:disabled {\n cursor: not-allowed;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_contained__eb55429f {\n background: var(--text-color);\n color: var(--light-color3);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_outlined__eb55429f {\n color: var(--text-color);\n border: 1px solid var(--text-color);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_text__eb55429f {\n color: var(--text-color);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem=component2] {\n min-width: 0;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}";
|
|
4206
|
+
var css$1d = "button.BaseButton_module_root__eb55429f[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n display: inline-flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: none;\n background: none;\n padding: 0.5rem 0.75rem;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:focus {\n outline: 1px solid var(--primary-color4);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:active {\n outline: none;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:disabled {\n cursor: not-allowed;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_contained__eb55429f {\n background: var(--text-color);\n color: var(--light-color3);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_outlined__eb55429f {\n color: var(--text-color);\n border: 1px solid var(--text-color);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_text__eb55429f {\n color: var(--text-color);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem=component2] {\n min-width: 0;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}";
|
|
4202
4207
|
var modules_ab72627b = {"root":"BaseButton_module_root__eb55429f","contained":"BaseButton_module_contained__eb55429f","outlined":"BaseButton_module_outlined__eb55429f","text":"BaseButton_module_text__eb55429f"};
|
|
4203
|
-
n(css$
|
|
4208
|
+
n(css$1d,{});
|
|
4204
4209
|
|
|
4205
4210
|
var BaseButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
4206
4211
|
var _props$className = props.className,
|
|
@@ -4250,9 +4255,9 @@ var BaseButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
4250
4255
|
});
|
|
4251
4256
|
});
|
|
4252
4257
|
|
|
4253
|
-
var css$16 = "@charset \"UTF-8\";\n/* Motion durations */\n/* Easing – Productive */\nbutton.Button_module_root__2e474c0a[data-elem=base-cell] {\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 4px;\n border-radius: 4px;\n cursor: pointer;\n position: relative;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_sizeXs__2e474c0a {\n height: 24px;\n gap: 4px;\n border-radius: 4px;\n padding: 0 16px;\n width: -moz-fit-content;\n width: fit-content;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_sizeSm__2e474c0a {\n height: 32px;\n gap: 8px;\n border-radius: 8px;\n padding: 0 16px;\n width: -moz-fit-content;\n width: fit-content;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_sizeMd__2e474c0a {\n height: 40px;\n gap: 8px;\n border-radius: 8px;\n padding: 0 16px;\n width: -moz-fit-content;\n width: fit-content;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_sizeLg__2e474c0a {\n height: 48px;\n gap: 8px;\n border-radius: 10px;\n padding: 0 16px;\n width: -moz-fit-content;\n width: fit-content;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_text14__2e474c0a [data-elem=title] {\n font-family: Poppins;\n font-weight: 400;\n font-size: 14px;\n line-height: 18px;\n letter-spacing: 0.16px;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_text16__2e474c0a [data-elem=title] {\n font-family: Poppins;\n font-weight: 400;\n font-size: 16px;\n line-height: 22px;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a {\n background: #1f5fcc;\n color: #ffffff;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a:hover:not(:disabled) {\n background: #1b55b5;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a:active:not(:disabled) {\n background: #0f1f3d;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a:active:not(:disabled) {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a:not(:active):hover {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a:focus-visible:not(:active) {\n outline: none;\n box-shadow: 0 0 0 1px #3b82f6;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a:focus-visible:not(:active)::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n border: 1px solid #ffffff;\n pointer-events: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a {\n background: #323232;\n color: #ffffff;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a:active:not(:disabled) {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a:not(:active):hover {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a:hover:not(:disabled) {\n background: #3e3e3e;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a:active:not(:disabled) {\n background: #646464;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a:focus-visible:not(:active) {\n outline: none;\n box-shadow: 0 0 0 1px #3b82f6;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a:focus-visible:not(:active)::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n border: 1px solid #ffffff;\n pointer-events: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a {\n background: #fef3c7;\n color: #b34700;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a:active:not(:disabled) {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a:not(:active):hover {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a svg {\n fill: #b34700;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a:hover:not(:disabled) {\n background: #f3e9bd;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a:active:not(:disabled) {\n background: #fcd34d;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a:focus-visible:not(:active) {\n outline: none;\n box-shadow: 0 0 0 1px #3b82f6;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a:focus-visible:not(:active)::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n border: 1px solid #ffffff;\n pointer-events: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a {\n background: transparent;\n border: 1px solid var(--button-button-outline, #1f5fcc);\n color: var(--button-button-outline, #1f5fcc);\n /* icon default */\n /* hover */\n /* focus */\n /* active */\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:active:not(:disabled) {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:not(:active):hover {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a svg {\n fill: var(--icon-icon-interactive, #2563eb);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:hover:not(:disabled) {\n background: var(--button-button-outline-hover, #1b55b5);\n color: var(--text-text-inverse, #fff);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:hover:not(:disabled) svg {\n fill: var(--text-text-inverse, #fff);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:focus-visible:not(:active) {\n outline: none;\n box-shadow: 0 0 0 1px #3b82f6;\n background: var(--button-button-outline-hover, #1b55b5);\n color: var(--text-text-inverse, #fff);\n border: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:focus-visible:not(:active)::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n border: 1px solid #ffffff;\n pointer-events: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:active:not(:disabled) {\n background: #0f1f3d;\n color: #ffffff;\n border: 1px solid transparent;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:active:not(:disabled) svg {\n fill: #ffffff;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:disabled {\n background: transparent;\n border: 1px solid #dcdcdc;\n color: #161616;\n cursor: not-allowed;\n pointer-events: none;\n box-shadow: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:disabled [data-elem=title],\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:disabled svg {\n fill: #161616;\n opacity: 0.25;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a {\n background: transparent;\n border: none;\n border-radius: 0;\n color: #1f5fcc;\n /* hover */\n /* active */\n /* focus (optional – ghost usually minimal) */\n /* disabled */\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:active:not(:disabled) {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:not(:active):hover {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a svg {\n fill: #1f5fcc;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:hover:not(:disabled) {\n background: rgba(130, 130, 130, 0.12);\n color: #1b55b5;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:hover:not(:disabled) svg {\n fill: #1b55b5;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:active:not(:disabled) {\n background: rgba(130, 130, 130, 0.5);\n color: #1b55b5;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:active:not(:disabled) svg {\n fill: #1b55b5;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:focus-visible {\n outline: none;\n box-shadow: 0 0 0 1px #3b82f6;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:focus-visible::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n border: 1px solid #ffffff;\n pointer-events: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:disabled {\n background: transparent;\n color: #161616;\n cursor: not-allowed;\n pointer-events: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:disabled [data-elem=title],\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:disabled svg {\n fill: #161616;\n opacity: 0.25;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell]:disabled {\n transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9), color 150ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n background: #dcdcdc;\n color: #161616;\n cursor: not-allowed;\n pointer-events: none;\n box-shadow: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell]:disabled [data-elem=title],\nbutton.Button_module_root__2e474c0a[data-elem=base-cell]:disabled svg {\n fill: #161616;\n opacity: 0.25;\n}\n@media (prefers-reduced-motion: reduce) {\n button.Button_module_root__2e474c0a[data-elem=base-cell] {\n transition: none !important;\n }\n}";
|
|
4254
|
-
var modules_b0070f27 = {"root":"Button_module_root__2e474c0a","size-xs":"Button_module_sizeXs__2e474c0a","size-sm":"Button_module_sizeSm__2e474c0a","size-md":"Button_module_sizeMd__2e474c0a","size-lg":"Button_module_sizeLg__2e474c0a","text-14":"Button_module_text14__2e474c0a","text-16":"Button_module_text16__2e474c0a","primary":"Button_module_primary__2e474c0a","secondary":"Button_module_secondary__2e474c0a","soft":"Button_module_soft__2e474c0a","outlined":"Button_module_outlined__2e474c0a","ghost":"Button_module_ghost__2e474c0a"};
|
|
4255
|
-
n(css$
|
|
4258
|
+
var css$1c = "@charset \"UTF-8\";\n/* Motion durations */\n/* Easing – Productive */\nbutton.Button_module_root__2e474c0a[data-elem=base-cell] {\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 4px;\n border-radius: 4px;\n cursor: pointer;\n position: relative;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_sizeXs__2e474c0a {\n height: 24px;\n gap: 4px;\n border-radius: 4px;\n padding: 0 16px;\n width: -moz-fit-content;\n width: fit-content;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_sizeSm__2e474c0a {\n height: 32px;\n gap: 8px;\n border-radius: 8px;\n padding: 0 16px;\n width: -moz-fit-content;\n width: fit-content;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_sizeMd__2e474c0a {\n height: 40px;\n gap: 8px;\n border-radius: 8px;\n padding: 0 16px;\n width: -moz-fit-content;\n width: fit-content;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_sizeLg__2e474c0a {\n height: 48px;\n gap: 8px;\n border-radius: 10px;\n padding: 0 16px;\n width: -moz-fit-content;\n width: fit-content;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_text14__2e474c0a [data-elem=title] {\n font-family: Poppins;\n font-weight: 400;\n font-size: 14px;\n line-height: 18px;\n letter-spacing: 0.16px;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_text16__2e474c0a [data-elem=title] {\n font-family: Poppins;\n font-weight: 400;\n font-size: 16px;\n line-height: 22px;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a {\n background: #1f5fcc;\n color: #ffffff;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a:hover:not(:disabled) {\n background: #1b55b5;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a:active:not(:disabled) {\n background: #0f1f3d;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a:active:not(:disabled) {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a:not(:active):hover {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a:focus-visible:not(:active) {\n outline: none;\n box-shadow: 0 0 0 1px #3b82f6;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a:focus-visible:not(:active)::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n border: 1px solid #ffffff;\n pointer-events: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a {\n background: #323232;\n color: #ffffff;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a:active:not(:disabled) {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a:not(:active):hover {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a:hover:not(:disabled) {\n background: #3e3e3e;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a:active:not(:disabled) {\n background: #646464;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a:focus-visible:not(:active) {\n outline: none;\n box-shadow: 0 0 0 1px #3b82f6;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a:focus-visible:not(:active)::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n border: 1px solid #ffffff;\n pointer-events: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a {\n background: #fef3c7;\n color: #b34700;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a:active:not(:disabled) {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a:not(:active):hover {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a svg {\n fill: #b34700;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a:hover:not(:disabled) {\n background: #f3e9bd;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a:active:not(:disabled) {\n background: #fcd34d;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a:focus-visible:not(:active) {\n outline: none;\n box-shadow: 0 0 0 1px #3b82f6;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a:focus-visible:not(:active)::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n border: 1px solid #ffffff;\n pointer-events: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a {\n background: transparent;\n border: 1px solid var(--button-button-outline, #1f5fcc);\n color: var(--button-button-outline, #1f5fcc);\n /* icon default */\n /* hover */\n /* focus */\n /* active */\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:active:not(:disabled) {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:not(:active):hover {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a svg {\n fill: var(--icon-icon-interactive, #2563eb);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:hover:not(:disabled) {\n background: var(--button-button-outline-hover, #1b55b5);\n color: var(--text-text-inverse, #fff);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:hover:not(:disabled) svg {\n fill: var(--text-text-inverse, #fff);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:focus-visible:not(:active) {\n outline: none;\n box-shadow: 0 0 0 1px #3b82f6;\n background: var(--button-button-outline-hover, #1b55b5);\n color: var(--text-text-inverse, #fff);\n border: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:focus-visible:not(:active)::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n border: 1px solid #ffffff;\n pointer-events: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:active:not(:disabled) {\n background: #0f1f3d;\n color: #ffffff;\n border: 1px solid transparent;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:active:not(:disabled) svg {\n fill: #ffffff;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:disabled {\n background: transparent;\n border: 1px solid #dcdcdc;\n color: #161616;\n cursor: not-allowed;\n pointer-events: none;\n box-shadow: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:disabled [data-elem=title],\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:disabled svg {\n fill: #161616;\n opacity: 0.25;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a {\n background: transparent;\n border: none;\n border-radius: 0;\n color: #1f5fcc;\n /* hover */\n /* active */\n /* focus (optional – ghost usually minimal) */\n /* disabled */\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:active:not(:disabled) {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:not(:active):hover {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a svg {\n fill: #1f5fcc;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:hover:not(:disabled) {\n background: rgba(130, 130, 130, 0.12);\n color: #1b55b5;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:hover:not(:disabled) svg {\n fill: #1b55b5;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:active:not(:disabled) {\n background: rgba(130, 130, 130, 0.5);\n color: #1b55b5;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:active:not(:disabled) svg {\n fill: #1b55b5;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:focus-visible {\n outline: none;\n box-shadow: 0 0 0 1px #3b82f6;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:focus-visible::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n border: 1px solid #ffffff;\n pointer-events: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:disabled {\n background: transparent;\n color: #161616;\n cursor: not-allowed;\n pointer-events: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:disabled [data-elem=title],\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:disabled svg {\n fill: #161616;\n opacity: 0.25;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell]:disabled {\n transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9), color 150ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n background: #dcdcdc;\n color: #161616;\n cursor: not-allowed;\n pointer-events: none;\n box-shadow: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell]:disabled [data-elem=title],\nbutton.Button_module_root__2e474c0a[data-elem=base-cell]:disabled svg {\n fill: #161616;\n opacity: 0.25;\n}\n@media (prefers-reduced-motion: reduce) {\n button.Button_module_root__2e474c0a[data-elem=base-cell] {\n transition: none !important;\n }\n}";
|
|
4259
|
+
var modules_b0070f27$1 = {"root":"Button_module_root__2e474c0a","size-xs":"Button_module_sizeXs__2e474c0a","size-sm":"Button_module_sizeSm__2e474c0a","size-md":"Button_module_sizeMd__2e474c0a","size-lg":"Button_module_sizeLg__2e474c0a","text-14":"Button_module_text14__2e474c0a","text-16":"Button_module_text16__2e474c0a","primary":"Button_module_primary__2e474c0a","secondary":"Button_module_secondary__2e474c0a","soft":"Button_module_soft__2e474c0a","outlined":"Button_module_outlined__2e474c0a","ghost":"Button_module_ghost__2e474c0a"};
|
|
4260
|
+
n(css$1c,{});
|
|
4256
4261
|
|
|
4257
4262
|
var Button$1 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
4258
4263
|
var _props$className = props.className,
|
|
@@ -4286,10 +4291,14 @@ var Button$1 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
4286
4291
|
onClick: onClick,
|
|
4287
4292
|
blurOnClick: blurOnClick,
|
|
4288
4293
|
id: id,
|
|
4289
|
-
className: classes(modules_b0070f27.root, modules_b0070f27[variant], modules_b0070f27["size-".concat(size)], modules_b0070f27["text-".concat(resolvedTextSize)], className)
|
|
4294
|
+
className: classes(modules_b0070f27$1.root, modules_b0070f27$1[variant], modules_b0070f27$1["size-".concat(size)], modules_b0070f27$1["text-".concat(resolvedTextSize)], className)
|
|
4290
4295
|
});
|
|
4291
4296
|
});
|
|
4292
4297
|
|
|
4298
|
+
var css$1b = ".Button_module_root__cb319292[data-elem=base-cell] {\n cursor: pointer;\n}\n.Button_module_root__cb319292[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_contained__cb319292 {\n background-color: var(--secondary-color2);\n color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_contained__cb319292:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_text__cb319292 {\n color: var(--secondary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_outlined__cb319292 {\n background-color: transparent;\n border-color: var(--secondary-color2);\n color: var(--secondary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_outlined__cb319292:hover {\n background-color: var(--secondary-color2);\n color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_outlined__cb319292:hover:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_contained__cb319292 {\n background-color: var(--primary-color2);\n color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_contained__cb319292:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_outlined__cb319292 {\n background-color: transparent;\n border-color: var(--primary-color2);\n color: var(--primary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_outlined__cb319292:hover {\n background-color: var(--primary-color2);\n color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_outlined__cb319292:hover:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_text__cb319292 {\n color: var(--primary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_contained__cb319292 {\n background-color: var(--primary-color1);\n color: var(--light-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_contained__cb319292:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_outlined__cb319292 {\n background-color: transparent;\n border-color: var(--primary-color1);\n color: var(--primary-color1);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_outlined__cb319292:hover {\n background-color: var(--primary-color1);\n color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_outlined__cb319292:hover:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_text__cb319292 {\n color: var(--primary-color1);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_contained__cb319292 {\n background-color: var(--primary-color3);\n color: var(--light-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_contained__cb319292:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_outlined__cb319292 {\n background-color: transparent;\n border-color: var(--primary-color3);\n color: var(--primary-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_outlined__cb319292:hover {\n background-color: var(--primary-color3);\n color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_outlined__cb319292:hover:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_text__cb319292 {\n color: var(--primary-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_contained__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_contained__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_contained__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_contained__cb319292 {\n background-color: var(--mono-color3);\n color: var(--mono-color1);\n}\n.Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_outlined__cb319292 {\n background-color: transparent;\n border-color: var(--grey);\n}\n.Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_text__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_text__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_text__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_text__cb319292 {\n color: var(--grey);\n}";
|
|
4299
|
+
var modules_b0070f27 = {"root":"Button_module_root__cb319292","primary":"Button_module_primary__cb319292","contained":"Button_module_contained__cb319292","text":"Button_module_text__cb319292","outlined":"Button_module_outlined__cb319292","success":"Button_module_success__cb319292","danger":"Button_module_danger__cb319292","warning":"Button_module_warning__cb319292"};
|
|
4300
|
+
n(css$1b,{});
|
|
4301
|
+
|
|
4293
4302
|
var Button = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
4294
4303
|
var _props$className = props.className,
|
|
4295
4304
|
className = _props$className === void 0 ? '' : _props$className,
|
|
@@ -4315,7 +4324,8 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
4315
4324
|
_props$textSize = props.textSize,
|
|
4316
4325
|
textSize = _props$textSize === void 0 ? 'sm' : _props$textSize,
|
|
4317
4326
|
_props$v = props.v2,
|
|
4318
|
-
v2 = _props$v === void 0 ? false : _props$v
|
|
4327
|
+
v2 = _props$v === void 0 ? false : _props$v,
|
|
4328
|
+
dataTestId = props.dataTestId;
|
|
4319
4329
|
if (v2) {
|
|
4320
4330
|
return jsx(Button$1, {
|
|
4321
4331
|
ref: ref,
|
|
@@ -4346,13 +4356,14 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
4346
4356
|
onClick: onClick,
|
|
4347
4357
|
blurOnClick: blurOnClick,
|
|
4348
4358
|
variant: variant,
|
|
4349
|
-
|
|
4359
|
+
dataTestId: dataTestId,
|
|
4360
|
+
className: classes(modules_b0070f27.root, modules_b0070f27["radius-".concat(radius)], modules_b0070f27[variant], modules_b0070f27[color], className)
|
|
4350
4361
|
});
|
|
4351
4362
|
});
|
|
4352
4363
|
|
|
4353
|
-
var css$
|
|
4364
|
+
var css$1a = ".Chip_module_root__9718bcd4[data-elem=base-cell] {\n position: relative;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_sm__9718bcd4 {\n height: 2rem;\n padding: 0.188rem 0.5rem;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_md__9718bcd4 {\n height: 2.25rem;\n padding: 0.563rem 1rem;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_success__9718bcd4 {\n background-color: var(--success-bg);\n color: var(--success);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_info__9718bcd4 {\n background-color: var(--info-bg);\n color: var(--primary-color4);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_danger__9718bcd4 {\n background-color: var(--error-bg);\n color: var(--primary-color1);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_warning__9718bcd4 {\n background-color: var(--warning-bg);\n color: var(--warning);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_default__9718bcd4 {\n background-color: var(--grey5);\n color: var(--grey);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4:hover {\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4 {\n border-width: 1px;\n border-style: solid;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_success__9718bcd4 {\n background-color: var(--success-bg);\n color: var(--success);\n border-color: var(--success-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_success__9718bcd4:hover {\n background-color: var(--success-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_info__9718bcd4 {\n background-color: var(--info-bg);\n color: var(--primary-color4);\n border-color: var(--info-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_info__9718bcd4:hover {\n background-color: var(--info-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_danger__9718bcd4 {\n background-color: var(--error-bg);\n color: var(--primary-color1);\n border-color: var(--error-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_danger__9718bcd4:hover {\n background-color: var(--error-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_warning__9718bcd4 {\n background-color: var(--warning-bg);\n color: var(--warning);\n border-color: var(--warning-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_warning__9718bcd4:hover {\n background-color: var(--warning-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_default__9718bcd4 {\n background-color: var(--grey8);\n color: var(--grey);\n border-color: var(--grey6);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_default__9718bcd4:hover {\n background-color: var(--grey6);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4, .Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4 {\n filter: grayscale(1);\n border-color: var(--grey4);\n background-color: var(--grey5);\n color: var(--grey2);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4 [data-elem=component1],\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4 [data-elem=component3], .Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4 [data-elem=component1],\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4 [data-elem=component3] {\n opacity: 0.5;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4:hover, .Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4:hover {\n box-shadow: none;\n background-color: var(--grey5);\n}";
|
|
4354
4365
|
var modules_31aa5fd7 = {"root":"Chip_module_root__9718bcd4","sm":"Chip_module_sm__9718bcd4","md":"Chip_module_md__9718bcd4","status":"Chip_module_status__9718bcd4","success":"Chip_module_success__9718bcd4","info":"Chip_module_info__9718bcd4","danger":"Chip_module_danger__9718bcd4","warning":"Chip_module_warning__9718bcd4","default":"Chip_module_default__9718bcd4","input":"Chip_module_input__9718bcd4"};
|
|
4355
|
-
n(css$
|
|
4366
|
+
n(css$1a,{});
|
|
4356
4367
|
|
|
4357
4368
|
var Chip = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
4358
4369
|
var _props$className = props.className,
|
|
@@ -4496,9 +4507,9 @@ var AlertIcon = {
|
|
|
4496
4507
|
}
|
|
4497
4508
|
};
|
|
4498
4509
|
|
|
4499
|
-
var css$
|
|
4510
|
+
var css$19 = ".Arrow_module_right__19f08663 {\n transform: rotate(0deg);\n}\n\n.Arrow_module_left__19f08663 {\n transform: rotate(180deg);\n}\n\n.Arrow_module_bottom__19f08663 {\n transform: rotate(90deg);\n}\n\n.Arrow_module_top__19f08663 {\n transform: rotate(270deg);\n}";
|
|
4500
4511
|
var modules_e313d483 = {"right":"Arrow_module_right__19f08663","left":"Arrow_module_left__19f08663","bottom":"Arrow_module_bottom__19f08663","top":"Arrow_module_top__19f08663"};
|
|
4501
|
-
n(css$
|
|
4512
|
+
n(css$19,{});
|
|
4502
4513
|
|
|
4503
4514
|
var Arrow = function Arrow(props) {
|
|
4504
4515
|
var className = props.className,
|
|
@@ -5353,9 +5364,27 @@ var CheckboxIcon = {
|
|
|
5353
5364
|
}
|
|
5354
5365
|
};
|
|
5355
5366
|
|
|
5356
|
-
var
|
|
5367
|
+
var Checked = function Checked(props) {
|
|
5368
|
+
var _props$className = props.className,
|
|
5369
|
+
className = _props$className === void 0 ? '' : _props$className;
|
|
5370
|
+
return jsx("svg", {
|
|
5371
|
+
width: '16',
|
|
5372
|
+
height: '16',
|
|
5373
|
+
viewBox: '0 0 16 16',
|
|
5374
|
+
fill: 'none',
|
|
5375
|
+
className: className,
|
|
5376
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
5377
|
+
children: jsx("path", {
|
|
5378
|
+
d: 'M4 7.5L7 10.5L12.5 5',
|
|
5379
|
+
stroke: '#161616',
|
|
5380
|
+
"stroke-width": '1.2'
|
|
5381
|
+
})
|
|
5382
|
+
});
|
|
5383
|
+
};
|
|
5384
|
+
|
|
5385
|
+
var css$18 = ".Chevron_module_left__8b1808eb {\n transform: rotate(0deg);\n}\n\n.Chevron_module_bottom__8b1808eb {\n transform: rotate(90deg);\n}\n\n.Chevron_module_right__8b1808eb {\n transform: rotate(180deg);\n}\n\n.Chevron_module_top__8b1808eb {\n transform: rotate(270deg);\n}";
|
|
5357
5386
|
var modules_bf5b0b74 = {"left":"Chevron_module_left__8b1808eb","bottom":"Chevron_module_bottom__8b1808eb","right":"Chevron_module_right__8b1808eb","top":"Chevron_module_top__8b1808eb"};
|
|
5358
|
-
n(css$
|
|
5387
|
+
n(css$18,{});
|
|
5359
5388
|
|
|
5360
5389
|
var Chevron = function Chevron(props) {
|
|
5361
5390
|
var className = props.className,
|
|
@@ -5793,7 +5822,7 @@ var Home = function Home(props) {
|
|
|
5793
5822
|
});
|
|
5794
5823
|
};
|
|
5795
5824
|
|
|
5796
|
-
var Info = function Info(props) {
|
|
5825
|
+
var Info$1 = function Info(props) {
|
|
5797
5826
|
var _props$className = props.className,
|
|
5798
5827
|
className = _props$className === void 0 ? '' : _props$className;
|
|
5799
5828
|
return jsx("svg", {
|
|
@@ -5813,6 +5842,22 @@ var Info = function Info(props) {
|
|
|
5813
5842
|
});
|
|
5814
5843
|
};
|
|
5815
5844
|
|
|
5845
|
+
var Info = function Info(props) {
|
|
5846
|
+
var _props$className = props.className,
|
|
5847
|
+
className = _props$className === void 0 ? '' : _props$className;
|
|
5848
|
+
return jsx("svg", {
|
|
5849
|
+
width: '16',
|
|
5850
|
+
height: '16',
|
|
5851
|
+
viewBox: '0 0 16 16',
|
|
5852
|
+
fill: 'none',
|
|
5853
|
+
className: className,
|
|
5854
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
5855
|
+
children: jsx("path", {
|
|
5856
|
+
d: 'M5 0.0479546C4.90625 0.0729551 4.72187 0.141705 4.59375 0.204205C4.36875 0.31358 4.28125 0.39483 2.34062 2.33858C0.396874 4.2792 0.315624 4.3667 0.206249 4.5917C-0.00937602 5.0417 -1.03516e-06 4.89795 -1.03516e-06 7.99795C-1.03516e-06 11.098 -0.00937602 10.9542 0.206249 11.4042C0.315624 11.6292 0.396874 11.7167 2.34062 13.6573C4.28125 15.6011 4.36875 15.6823 4.59375 15.7917C5.04375 16.0073 4.9 15.998 8 15.998C11.1 15.998 10.9562 16.0073 11.4062 15.7917C11.6312 15.6823 11.7187 15.6011 13.6594 13.6573C15.6031 11.7167 15.6844 11.6292 15.7937 11.4042C16.0094 10.9542 16 11.098 16 7.99795C16 4.89795 16.0094 5.0417 15.7937 4.5917C15.6844 4.3667 15.6031 4.2792 13.6594 2.33858C11.7187 0.39483 11.6312 0.31358 11.4062 0.204205C10.9562 -0.0114202 11.1031 -0.00204563 7.98437 0.00107956C5.6375 0.00107956 5.14375 0.0104551 5 0.0479546ZM8.65625 6.32608V8.6542H8H7.34375V6.32608V3.99795H8H8.65625V6.32608ZM8.4625 10.1386C8.64687 10.2386 8.77812 10.373 8.88125 10.5698C8.94062 10.6792 8.95312 10.7511 8.95312 10.998C8.95312 11.3386 8.9 11.473 8.6875 11.6855C8.475 11.898 8.34062 11.9511 8 11.9511C7.75312 11.9511 7.68125 11.9386 7.57187 11.8792C7.24062 11.7042 7.0625 11.4355 7.0375 11.0792C7.02187 10.8105 7.0625 10.6448 7.19687 10.4448C7.3 10.2886 7.53125 10.1136 7.7 10.0605C7.75312 10.0448 7.90937 10.0355 8.04687 10.0386C8.25312 10.048 8.325 10.0636 8.4625 10.1386Z'
|
|
5857
|
+
})
|
|
5858
|
+
});
|
|
5859
|
+
};
|
|
5860
|
+
|
|
5816
5861
|
var MagnifyingGlass = function MagnifyingGlass(props) {
|
|
5817
5862
|
var className = props.className;
|
|
5818
5863
|
return /*#__PURE__*/jsxs("svg", {
|
|
@@ -6195,9 +6240,100 @@ var ViewPasswordIcon = function ViewPasswordIcon(props) {
|
|
|
6195
6240
|
});
|
|
6196
6241
|
};
|
|
6197
6242
|
|
|
6198
|
-
var css$
|
|
6199
|
-
var modules_8207625f = {"root":"Accordion_module_root__b300f7e9","header":"Accordion_module_header__b300f7e9","title":"Accordion_module_title__b300f7e9","body":"Accordion_module_body__b300f7e9","open":"Accordion_module_open__b300f7e9","expand":"Accordion_module_expand__b300f7e9"};
|
|
6200
|
-
n(css$
|
|
6243
|
+
var css$17 = ".Accordion_module_root__b300f7e9 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n width: 100%;\n}\n.Accordion_module_root__b300f7e9 > .Accordion_module_header__b300f7e9[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 1rem;\n cursor: pointer;\n border: none;\n}\n.Accordion_module_root__b300f7e9 > .Accordion_module_header__b300f7e9[data-elem=base-cell] > [data-elem=component1] svg {\n transition: all 0.3s ease-in-out;\n}\n.Accordion_module_root__b300f7e9 > .Accordion_module_header__b300f7e9[data-elem=base-cell] > [data-elem=component1], .Accordion_module_root__b300f7e9 > .Accordion_module_header__b300f7e9[data-elem=base-cell] > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Accordion_module_root__b300f7e9 > .Accordion_module_header__b300f7e9[data-elem=base-cell] > [data-elem=component1] svg, .Accordion_module_root__b300f7e9 > .Accordion_module_header__b300f7e9[data-elem=base-cell] > [data-elem=component3] svg {\n transform: rotate(90deg);\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--text-color);\n}\n.Accordion_module_root__b300f7e9 > .Accordion_module_header__b300f7e9[data-elem=base-cell] > [data-elem=component3] {\n margin-left: auto;\n}\n.Accordion_module_root__b300f7e9 > .Accordion_module_header__b300f7e9[data-elem=base-cell] .Accordion_module_title__b300f7e9 {\n flex: 1 1 auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n color: var(--text-color);\n}\n.Accordion_module_root__b300f7e9 > .Accordion_module_header__b300f7e9[data-elem=base-cell]:hover {\n background: var(--background-color4);\n}\n.Accordion_module_root__b300f7e9 > .Accordion_module_header__b300f7e9[data-elem=base-cell]:hover .Accordion_module_title__b300f7e9 {\n color: var(--secondary-color1);\n}\n.Accordion_module_root__b300f7e9 > .Accordion_module_header__b300f7e9[data-elem=base-cell]:hover svg {\n fill: var(--secondary-color1);\n}\n.Accordion_module_root__b300f7e9 > .Accordion_module_body__b300f7e9 {\n padding: 0.5rem 2.5rem;\n}\n.Accordion_module_root__b300f7e9.Accordion_module_open__b300f7e9 > .Accordion_module_header__b300f7e9[data-elem=base-cell] [data-elem=component1] svg {\n transform: none;\n}\n.Accordion_module_root__b300f7e9.Accordion_module_open__b300f7e9 > .Accordion_module_body__b300f7e9 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}\n.Accordion_module_root__b300f7e9.Accordion_module_open__b300f7e9 > .Accordion_module_body__b300f7e9 > button[data-elem=base-cell] {\n width: -moz-fit-content;\n width: fit-content;\n align-self: flex-end;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n}\n.Accordion_module_root__b300f7e9.Accordion_module_open__b300f7e9 > .Accordion_module_body__b300f7e9 > button[data-elem=base-cell] .Accordion_module_expand__b300f7e9 {\n height: 1.5rem;\n width: 1.5rem;\n}";
|
|
6244
|
+
var modules_8207625f$1 = {"root":"Accordion_module_root__b300f7e9","header":"Accordion_module_header__b300f7e9","title":"Accordion_module_title__b300f7e9","body":"Accordion_module_body__b300f7e9","open":"Accordion_module_open__b300f7e9","expand":"Accordion_module_expand__b300f7e9"};
|
|
6245
|
+
n(css$17,{});
|
|
6246
|
+
|
|
6247
|
+
var css$16 = ".Accordion_module_root__42969b4c {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n width: 100%;\n}\n.Accordion_module_root__42969b4c > .Accordion_module_header__42969b4c[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 1rem;\n cursor: pointer;\n border: 0;\n border: 2px solid transparent;\n border-top: 1px solid #ededed;\n}\n.Accordion_module_root__42969b4c > .Accordion_module_header__42969b4c[data-elem=base-cell] > [data-elem=component3] svg {\n transition: all 0.3s ease-in-out;\n}\n.Accordion_module_root__42969b4c > .Accordion_module_header__42969b4c[data-elem=base-cell] > [data-elem=component1], .Accordion_module_root__42969b4c > .Accordion_module_header__42969b4c[data-elem=base-cell] > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Accordion_module_root__42969b4c > .Accordion_module_header__42969b4c[data-elem=base-cell] > [data-elem=component1] svg, .Accordion_module_root__42969b4c > .Accordion_module_header__42969b4c[data-elem=base-cell] > [data-elem=component3] svg {\n transform: rotate(180deg);\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--text-color);\n}\n.Accordion_module_root__42969b4c > .Accordion_module_header__42969b4c[data-elem=base-cell] > [data-elem=component3] {\n margin-left: auto;\n}\n.Accordion_module_root__42969b4c > .Accordion_module_header__42969b4c[data-elem=base-cell] .Accordion_module_title__42969b4c {\n flex: 1 1 auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n color: var(--text-color);\n}\n.Accordion_module_root__42969b4c > .Accordion_module_header__42969b4c[data-elem=base-cell]:hover {\n border-left-color: #e86a00;\n background: #e4e4e4;\n}\n.Accordion_module_root__42969b4c > .Accordion_module_header__42969b4c[data-elem=base-cell] :focus-visible {\n border-color: #3b82f6;\n}\n.Accordion_module_root__42969b4c:not(.Accordion_module_open__42969b4c):not(:has(+ .Accordion_module_root__42969b4c)) > .Accordion_module_header__42969b4c[data-elem=base-cell] {\n border-bottom: 1px solid #ededed;\n}\n.Accordion_module_root__42969b4c.Accordion_module_open__42969b4c > .Accordion_module_header__42969b4c[data-elem=base-cell] {\n border-top: 0;\n}\n.Accordion_module_root__42969b4c.Accordion_module_open__42969b4c + .Accordion_module_root__42969b4c > .Accordion_module_header__42969b4c[data-elem=base-cell] {\n border-top: 0;\n}\n.Accordion_module_root__42969b4c > .Accordion_module_body__42969b4c {\n padding: 0.5rem 2.5rem;\n}\n.Accordion_module_root__42969b4c.Accordion_module_open__42969b4c {\n border-bottom: 1px solid #ededed;\n border-top: 1px solid #ededed;\n}\n.Accordion_module_root__42969b4c.Accordion_module_open__42969b4c > .Accordion_module_header__42969b4c[data-elem=base-cell] {\n border-left-color: #e86a00;\n}\n.Accordion_module_root__42969b4c.Accordion_module_open__42969b4c > .Accordion_module_header__42969b4c[data-elem=base-cell] [data-elem=component3] svg {\n transform: none;\n}\n.Accordion_module_root__42969b4c.Accordion_module_open__42969b4c > .Accordion_module_body__42969b4c {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}\n.Accordion_module_root__42969b4c.Accordion_module_open__42969b4c > .Accordion_module_body__42969b4c > button[data-elem=base-cell] {\n width: -moz-fit-content;\n width: fit-content;\n align-self: flex-end;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n}\n.Accordion_module_root__42969b4c.Accordion_module_open__42969b4c > .Accordion_module_body__42969b4c > button[data-elem=base-cell] .Accordion_module_expand__42969b4c {\n height: 1.5rem;\n width: 1.5rem;\n}\n.Accordion_module_root__42969b4c.Accordion_module_disabled__42969b4c > .Accordion_module_header__42969b4c[data-elem=base-cell] {\n cursor: not-allowed;\n pointer-events: none;\n background: transparent;\n border-top: 1px solid #ededed;\n}\n.Accordion_module_root__42969b4c.Accordion_module_disabled__42969b4c > .Accordion_module_header__42969b4c[data-elem=base-cell] .Accordion_module_title__42969b4c {\n color: #161616;\n opacity: 25%;\n}\n.Accordion_module_root__42969b4c.Accordion_module_disabled__42969b4c > .Accordion_module_header__42969b4c[data-elem=base-cell] svg {\n opacity: 0.25;\n}\n.Accordion_module_root__42969b4c.Accordion_module_disabled__42969b4c > .Accordion_module_body__42969b4c {\n display: none;\n}";
|
|
6248
|
+
var modules_8207625f = {"root":"Accordion_module_root__42969b4c","header":"Accordion_module_header__42969b4c","title":"Accordion_module_title__42969b4c","open":"Accordion_module_open__42969b4c","body":"Accordion_module_body__42969b4c","expand":"Accordion_module_expand__42969b4c","disabled":"Accordion_module_disabled__42969b4c"};
|
|
6249
|
+
n(css$16,{});
|
|
6250
|
+
|
|
6251
|
+
/**
|
|
6252
|
+
* Accordion – A simple disclosure component with an optional left and right icon.
|
|
6253
|
+
*
|
|
6254
|
+
* This component works in both **controlled** and **uncontrolled** modes.
|
|
6255
|
+
* - In controlled mode supply the `open` prop and handle the state change in `onToggle`.
|
|
6256
|
+
* - In uncontrolled mode omit the `open` prop and optionally set `defaultOpen`.
|
|
6257
|
+
*/
|
|
6258
|
+
function Accordion$1(props) {
|
|
6259
|
+
var open = props.open,
|
|
6260
|
+
onToggle = props.onToggle,
|
|
6261
|
+
defaultOpen = props.defaultOpen,
|
|
6262
|
+
_props$leftComponent = props.leftComponent,
|
|
6263
|
+
LeftComponent = _props$leftComponent === void 0 ? Caret : _props$leftComponent,
|
|
6264
|
+
title = props.title,
|
|
6265
|
+
description = props.description,
|
|
6266
|
+
children = props.children,
|
|
6267
|
+
_onClick = props.onClick,
|
|
6268
|
+
_props$className = props.className,
|
|
6269
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
6270
|
+
onExpand = props.onExpand,
|
|
6271
|
+
_props$disabled = props.disabled,
|
|
6272
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled;
|
|
6273
|
+
// Internal state only used when the component is uncontrolled.
|
|
6274
|
+
var _useState = useState(defaultOpen),
|
|
6275
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
6276
|
+
uncontrolledOpen = _useState2[0],
|
|
6277
|
+
setUncontrolledOpen = _useState2[1];
|
|
6278
|
+
// Capture whether the component is controlled only once in the first render.
|
|
6279
|
+
var _useRef = useRef(open !== undefined),
|
|
6280
|
+
isControlled = _useRef.current;
|
|
6281
|
+
var isOpen = isControlled ? open : uncontrolledOpen;
|
|
6282
|
+
return jsxs("div", {
|
|
6283
|
+
className: classes(modules_8207625f.root, isOpen ? modules_8207625f.open : '', className, disabled ? modules_8207625f.disabled : ''),
|
|
6284
|
+
"data-state-open": isOpen,
|
|
6285
|
+
children: [jsx(BaseCell, {
|
|
6286
|
+
flexible: true,
|
|
6287
|
+
size: 'auto',
|
|
6288
|
+
RootDOM: 'button',
|
|
6289
|
+
className: modules_8207625f.header,
|
|
6290
|
+
attrs: {
|
|
6291
|
+
onClick: function onClick() {
|
|
6292
|
+
if (isControlled) {
|
|
6293
|
+
onToggle === null || onToggle === void 0 || onToggle(open);
|
|
6294
|
+
} else {
|
|
6295
|
+
setUncontrolledOpen(function (prevState) {
|
|
6296
|
+
var newState = !prevState;
|
|
6297
|
+
_onClick === null || _onClick === void 0 || _onClick(newState);
|
|
6298
|
+
return newState;
|
|
6299
|
+
});
|
|
6300
|
+
}
|
|
6301
|
+
},
|
|
6302
|
+
disabled: disabled,
|
|
6303
|
+
'aria-disabled': disabled
|
|
6304
|
+
},
|
|
6305
|
+
component2: jsx("span", {
|
|
6306
|
+
className: modules_8207625f.title,
|
|
6307
|
+
children: title
|
|
6308
|
+
}),
|
|
6309
|
+
component3: LeftComponent && jsx(LeftComponent, {})
|
|
6310
|
+
}), isOpen && jsxs(motion.div, {
|
|
6311
|
+
initial: {
|
|
6312
|
+
opacity: 0
|
|
6313
|
+
},
|
|
6314
|
+
animate: {
|
|
6315
|
+
opacity: 1
|
|
6316
|
+
},
|
|
6317
|
+
transition: {
|
|
6318
|
+
duration: 0.2
|
|
6319
|
+
},
|
|
6320
|
+
"data-elem": 'body',
|
|
6321
|
+
className: modules_8207625f.body,
|
|
6322
|
+
children: [description && jsx("p", {
|
|
6323
|
+
children: description
|
|
6324
|
+
}), children, onExpand && jsx(Button$1, {
|
|
6325
|
+
size: 'auto',
|
|
6326
|
+
variant: 'text',
|
|
6327
|
+
onClick: function onClick() {
|
|
6328
|
+
onExpand();
|
|
6329
|
+
},
|
|
6330
|
+
title: jsx(ExpandArrowAlt, {
|
|
6331
|
+
className: modules_8207625f.expand
|
|
6332
|
+
})
|
|
6333
|
+
})]
|
|
6334
|
+
})]
|
|
6335
|
+
});
|
|
6336
|
+
}
|
|
6201
6337
|
|
|
6202
6338
|
/**
|
|
6203
6339
|
* Accordion – A simple disclosure component with an optional left and right icon.
|
|
@@ -6207,6 +6343,9 @@ n(css$12,{});
|
|
|
6207
6343
|
* - In uncontrolled mode omit the `open` prop and optionally set `defaultOpen`.
|
|
6208
6344
|
*/
|
|
6209
6345
|
function Accordion(props) {
|
|
6346
|
+
if (props.v2) {
|
|
6347
|
+
return jsx(Accordion$1, _objectSpread2({}, props));
|
|
6348
|
+
}
|
|
6210
6349
|
var open = props.open,
|
|
6211
6350
|
onToggle = props.onToggle,
|
|
6212
6351
|
defaultOpen = props.defaultOpen,
|
|
@@ -6230,13 +6369,13 @@ function Accordion(props) {
|
|
|
6230
6369
|
isControlled = _useRef.current;
|
|
6231
6370
|
var isOpen = isControlled ? open : uncontrolledOpen;
|
|
6232
6371
|
return jsxs("div", {
|
|
6233
|
-
className: classes(modules_8207625f.root, isOpen ? modules_8207625f.open : '', className),
|
|
6372
|
+
className: classes(modules_8207625f$1.root, isOpen ? modules_8207625f$1.open : '', className),
|
|
6234
6373
|
"data-state-open": isOpen,
|
|
6235
6374
|
children: [jsx(BaseCell, {
|
|
6236
6375
|
flexible: true,
|
|
6237
6376
|
size: 'auto',
|
|
6238
6377
|
RootDOM: 'button',
|
|
6239
|
-
className: modules_8207625f.header,
|
|
6378
|
+
className: modules_8207625f$1.header,
|
|
6240
6379
|
attrs: {
|
|
6241
6380
|
onClick: function onClick() {
|
|
6242
6381
|
if (isControlled) {
|
|
@@ -6252,7 +6391,7 @@ function Accordion(props) {
|
|
|
6252
6391
|
},
|
|
6253
6392
|
component1: LeftComponent && jsx(LeftComponent, {}),
|
|
6254
6393
|
component2: jsx("span", {
|
|
6255
|
-
className: modules_8207625f.title,
|
|
6394
|
+
className: modules_8207625f$1.title,
|
|
6256
6395
|
children: title
|
|
6257
6396
|
}),
|
|
6258
6397
|
component3: RightComponent && jsx(RightComponent, {})
|
|
@@ -6267,7 +6406,7 @@ function Accordion(props) {
|
|
|
6267
6406
|
duration: 0.2
|
|
6268
6407
|
},
|
|
6269
6408
|
"data-elem": 'body',
|
|
6270
|
-
className: modules_8207625f.body,
|
|
6409
|
+
className: modules_8207625f$1.body,
|
|
6271
6410
|
children: [description && jsx("p", {
|
|
6272
6411
|
children: description
|
|
6273
6412
|
}), children, onExpand && jsx(Button, {
|
|
@@ -6277,7 +6416,7 @@ function Accordion(props) {
|
|
|
6277
6416
|
onExpand();
|
|
6278
6417
|
},
|
|
6279
6418
|
title: jsx(ExpandArrowAlt, {
|
|
6280
|
-
className: modules_8207625f.expand
|
|
6419
|
+
className: modules_8207625f$1.expand
|
|
6281
6420
|
})
|
|
6282
6421
|
})]
|
|
6283
6422
|
})]
|
|
@@ -10509,9 +10648,9 @@ const useListNavigation = function (_ref, _temp2) {
|
|
|
10509
10648
|
}, [activeId, disabledIndicesRef, listRef, enabled, orientation, rtl, virtual, open, activeIndex, nested, selectedIndex, openOnArrowKeyDown, focusItemOnHover, allowEscape, cols, loop, refs, focusItem, onNavigate, onOpenChange]);
|
|
10510
10649
|
};
|
|
10511
10650
|
|
|
10512
|
-
var css$
|
|
10651
|
+
var css$15 = ".Popper_module_backdrop__9fc51220 {\n position: fixed;\n z-index: 100;\n inset: 0;\n background: rgba(var(--black), 0.4);\n}\n.Popper_module_backdrop__9fc51220.Popper_module_transparent__9fc51220 {\n background: none;\n}\n.Popper_module_backdrop__9fc51220.Popper_module_hideBackdrop__9fc51220 {\n position: static !important;\n}";
|
|
10513
10652
|
var modules_fe46b225 = {"backdrop":"Popper_module_backdrop__9fc51220","transparent":"Popper_module_transparent__9fc51220","hide-backdrop":"Popper_module_hideBackdrop__9fc51220"};
|
|
10514
|
-
n(css$
|
|
10653
|
+
n(css$15,{});
|
|
10515
10654
|
|
|
10516
10655
|
var FloatingOverlay = FloatingOverlay$1;
|
|
10517
10656
|
var Popper = function Popper(_ref) {
|
|
@@ -10554,9 +10693,9 @@ var Popper = function Popper(_ref) {
|
|
|
10554
10693
|
});
|
|
10555
10694
|
};
|
|
10556
10695
|
|
|
10557
|
-
var css$
|
|
10558
|
-
var modules_3a764ea3 = {"root":"
|
|
10559
|
-
n(css$
|
|
10696
|
+
var css$14 = ".Alert_module_root__2ba50dc8 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n position: fixed;\n opacity: 1;\n border-radius: 8px;\n color: #0f172a;\n}\n.Alert_module_root__2ba50dc8.Alert_module_shadow__2ba50dc8 {\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);\n}\n.Alert_module_root__2ba50dc8.Alert_module_positionBottomCenter__2ba50dc8 {\n left: 50%;\n bottom: 1rem;\n transform: translateX(-50%);\n}\n.Alert_module_root__2ba50dc8.Alert_module_positionTopRight__2ba50dc8 {\n right: 1rem;\n top: 1rem;\n}\n.Alert_module_root__2ba50dc8.Alert_module_positionBottomRight__2ba50dc8 {\n right: 1rem;\n bottom: 1rem;\n}\n.Alert_module_root__2ba50dc8.Alert_module_positionTopCenter__2ba50dc8 {\n left: 50%;\n top: 1rem;\n transform: translateX(-50%);\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.75rem;\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 .Alert_module_iconContainer__2ba50dc8 {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n display: grid;\n place-items: center;\n flex-shrink: 0;\n background: rgba(255, 255, 255, 0.12);\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 .Alert_module_iconContainer__2ba50dc8 .Alert_module_icon__2ba50dc8 {\n width: 16px;\n height: 16px;\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 .Alert_module_content__2ba50dc8 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 2px;\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 .Alert_module_content__2ba50dc8 .Alert_module_title__2ba50dc8 {\n font-size: 1rem;\n font-weight: 600;\n line-height: 20px;\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 .Alert_module_content__2ba50dc8 .Alert_module_description__2ba50dc8 {\n font-size: 0.875rem;\n line-height: 18px;\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 .Alert_module_content__2ba50dc8 .Alert_module_time__2ba50dc8 {\n font-size: 0.875rem;\n margin-top: 4px;\n}\n.Alert_module_root__2ba50dc8.Alert_module_card__2ba50dc8 .Alert_module_left__2ba50dc8 {\n align-items: flex-start;\n}\n.Alert_module_root__2ba50dc8 .Alert_module_actions__2ba50dc8 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n gap: 0.5rem;\n}\n.Alert_module_root__2ba50dc8.Alert_module_inline__2ba50dc8 {\n height: 44px;\n width: 640px;\n padding: 0 1rem;\n align-items: center;\n border: 0.5px solid transparent;\n border-left: 2px solid transparent;\n background: #f8fafc;\n border-radius: 0.5rem;\n}\n.Alert_module_root__2ba50dc8.Alert_module_inline__2ba50dc8 .Alert_module_description__2ba50dc8,\n.Alert_module_root__2ba50dc8.Alert_module_inline__2ba50dc8 .Alert_module_time__2ba50dc8 {\n display: none;\n}\n.Alert_module_root__2ba50dc8.Alert_module_card__2ba50dc8 {\n width: 296px;\n padding: 0.5rem 1rem;\n flex-direction: column;\n gap: 0.75rem;\n border-radius: 0.75rem;\n border-left: 2px solid transparent;\n background: #ffffff;\n}\n.Alert_module_root__2ba50dc8.Alert_module_success__2ba50dc8.Alert_module_inline__2ba50dc8 {\n border-color: #22c55e;\n}\n.Alert_module_root__2ba50dc8.Alert_module_success__2ba50dc8.Alert_module_card__2ba50dc8 {\n border-color: #22c55e;\n}\n.Alert_module_root__2ba50dc8.Alert_module_error__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_danger__2ba50dc8.Alert_module_inline__2ba50dc8 {\n border-color: #ef4444;\n}\n.Alert_module_root__2ba50dc8.Alert_module_error__2ba50dc8.Alert_module_card__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_danger__2ba50dc8.Alert_module_card__2ba50dc8 {\n border-color: #ef4444;\n}\n.Alert_module_root__2ba50dc8.Alert_module_warning__2ba50dc8.Alert_module_inline__2ba50dc8 {\n border-color: #f59e0b;\n}\n.Alert_module_root__2ba50dc8.Alert_module_warning__2ba50dc8.Alert_module_card__2ba50dc8 {\n border-color: #f59e0b;\n}\n.Alert_module_root__2ba50dc8.Alert_module_info__2ba50dc8.Alert_module_inline__2ba50dc8 {\n border-color: #3b82f6;\n}\n.Alert_module_root__2ba50dc8.Alert_module_info__2ba50dc8.Alert_module_card__2ba50dc8 {\n border-color: #3b82f6;\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8 {\n color: #0f172a;\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_success__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_success__2ba50dc8.Alert_module_card__2ba50dc8 {\n background: #ecfdf5;\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_error__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_error__2ba50dc8.Alert_module_card__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_danger__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_danger__2ba50dc8.Alert_module_card__2ba50dc8 {\n background: #fef2f2;\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_warning__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_warning__2ba50dc8.Alert_module_card__2ba50dc8 {\n background: #fffbeb;\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_info__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_info__2ba50dc8.Alert_module_card__2ba50dc8 {\n background: #eff6ff;\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_card__2ba50dc8 {\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8 .Alert_module_description__2ba50dc8,\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8 .Alert_module_time__2ba50dc8 {\n color: #475569;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8 {\n color: #e5e7eb;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_card__2ba50dc8 {\n background: #0b0f14;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_card__2ba50dc8 {\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.6);\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8 .Alert_module_title__2ba50dc8 {\n color: #e5e7eb;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8 .Alert_module_description__2ba50dc8,\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8 .Alert_module_time__2ba50dc8 {\n color: #9ca3af;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8 .Alert_module_iconContainer__2ba50dc8 {\n background: rgba(255, 255, 255, 0.12);\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_success__2ba50dc8.Alert_module_inline__2ba50dc8 {\n border-color: #22c55e;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_info__2ba50dc8.Alert_module_inline__2ba50dc8 {\n border-color: #3b82f6;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_warning__2ba50dc8.Alert_module_inline__2ba50dc8 {\n border-color: #f59e0b;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_error__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_danger__2ba50dc8.Alert_module_inline__2ba50dc8 {\n border-color: #ef4444;\n}";
|
|
10697
|
+
var modules_3a764ea3 = {"root":"Alert_module_root__2ba50dc8","shadow":"Alert_module_shadow__2ba50dc8","position-bottom-center":"Alert_module_positionBottomCenter__2ba50dc8","position-top-right":"Alert_module_positionTopRight__2ba50dc8","position-bottom-right":"Alert_module_positionBottomRight__2ba50dc8","position-top-center":"Alert_module_positionTopCenter__2ba50dc8","left":"Alert_module_left__2ba50dc8","icon-container":"Alert_module_iconContainer__2ba50dc8","icon":"Alert_module_icon__2ba50dc8","content":"Alert_module_content__2ba50dc8","title":"Alert_module_title__2ba50dc8","description":"Alert_module_description__2ba50dc8","time":"Alert_module_time__2ba50dc8","card":"Alert_module_card__2ba50dc8","actions":"Alert_module_actions__2ba50dc8","inline":"Alert_module_inline__2ba50dc8","success":"Alert_module_success__2ba50dc8","error":"Alert_module_error__2ba50dc8","danger":"Alert_module_danger__2ba50dc8","warning":"Alert_module_warning__2ba50dc8","info":"Alert_module_info__2ba50dc8","light":"Alert_module_light__2ba50dc8","dark":"Alert_module_dark__2ba50dc8"};
|
|
10698
|
+
n(css$14,{});
|
|
10560
10699
|
|
|
10561
10700
|
var ALERT_DISMISS_TIME = 2000;
|
|
10562
10701
|
var ANIMATION = {
|
|
@@ -10591,7 +10730,11 @@ var Alert = function Alert(_ref, ref) {
|
|
|
10591
10730
|
_ref$animation = _ref.animation,
|
|
10592
10731
|
animation = _ref$animation === void 0 ? true : _ref$animation,
|
|
10593
10732
|
_ref$className = _ref.className,
|
|
10594
|
-
className = _ref$className === void 0 ? '' : _ref$className
|
|
10733
|
+
className = _ref$className === void 0 ? '' : _ref$className,
|
|
10734
|
+
_ref$variant = _ref.variant,
|
|
10735
|
+
variant = _ref$variant === void 0 ? 'card' : _ref$variant,
|
|
10736
|
+
_ref$theme = _ref.theme,
|
|
10737
|
+
theme = _ref$theme === void 0 ? 'light' : _ref$theme;
|
|
10595
10738
|
var _useState = useState(false),
|
|
10596
10739
|
_useState2 = _slicedToArray(_useState, 2),
|
|
10597
10740
|
open = _useState2[0],
|
|
@@ -10599,6 +10742,7 @@ var Alert = function Alert(_ref, ref) {
|
|
|
10599
10742
|
var _useState3 = useState({
|
|
10600
10743
|
title: undefined,
|
|
10601
10744
|
description: undefined,
|
|
10745
|
+
tag: undefined,
|
|
10602
10746
|
icon: undefined,
|
|
10603
10747
|
type: 'info',
|
|
10604
10748
|
action: undefined,
|
|
@@ -10616,6 +10760,7 @@ var Alert = function Alert(_ref, ref) {
|
|
|
10616
10760
|
setAlertProps = _useState4[1];
|
|
10617
10761
|
var title = alertProps.title,
|
|
10618
10762
|
description = alertProps.description,
|
|
10763
|
+
tag = alertProps.tag,
|
|
10619
10764
|
CustomIcon = alertProps.icon,
|
|
10620
10765
|
CustomAction = alertProps.action,
|
|
10621
10766
|
type = alertProps.type,
|
|
@@ -10720,22 +10865,25 @@ var Alert = function Alert(_ref, ref) {
|
|
|
10720
10865
|
lockScroll: false,
|
|
10721
10866
|
children: jsxs("div", _objectSpread2(_objectSpread2({}, getFloatingProps({
|
|
10722
10867
|
ref: floating,
|
|
10723
|
-
className: classes(modules_3a764ea3.root, modules_3a764ea3[type], shadow ? modules_3a764ea3.shadow : '', modules_3a764ea3["position-".concat(position)], className)
|
|
10868
|
+
className: classes(modules_3a764ea3.root, modules_3a764ea3[type], modules_3a764ea3[variant], modules_3a764ea3[theme], shadow ? modules_3a764ea3.shadow : '', modules_3a764ea3["position-".concat(position)], className)
|
|
10724
10869
|
})), {}, {
|
|
10725
10870
|
ref: scope,
|
|
10726
10871
|
children: [jsxs("div", {
|
|
10727
10872
|
className: modules_3a764ea3.left,
|
|
10728
|
-
children: [jsx("div", {
|
|
10873
|
+
children: [showIcon && jsx("div", {
|
|
10729
10874
|
className: classes(modules_3a764ea3['icon-container'], modules_3a764ea3[type]),
|
|
10730
|
-
children:
|
|
10875
|
+
children: Icon
|
|
10731
10876
|
}), jsxs("div", {
|
|
10732
10877
|
className: modules_3a764ea3.content,
|
|
10733
10878
|
children: [jsx("span", {
|
|
10734
10879
|
className: modules_3a764ea3.title,
|
|
10735
10880
|
children: title
|
|
10736
|
-
}), jsx("span", {
|
|
10881
|
+
}), variant === 'card' && description && jsx("span", {
|
|
10737
10882
|
className: modules_3a764ea3.description,
|
|
10738
10883
|
children: description
|
|
10884
|
+
}), variant === 'card' && tag && jsx("span", {
|
|
10885
|
+
className: modules_3a764ea3.time,
|
|
10886
|
+
children: tag
|
|
10739
10887
|
})]
|
|
10740
10888
|
})]
|
|
10741
10889
|
}), jsxs("div", {
|
|
@@ -10761,9 +10909,9 @@ var Alert = function Alert(_ref, ref) {
|
|
|
10761
10909
|
};
|
|
10762
10910
|
var Alert$1 = /*#__PURE__*/forwardRef(Alert);
|
|
10763
10911
|
|
|
10764
|
-
var css
|
|
10912
|
+
var css$13 = ".Popover_module_root__fa26af22 {\n padding: 0.5rem;\n border-radius: 0.25rem;\n border: 1px solid var(--grey);\n z-index: 10;\n}\n.Popover_module_root__fa26af22.Popover_module_darkTheme__fa26af22 {\n box-shadow: 0px dark 20px rgba(24, 24, 24, 0.08);\n background-color: var(--dark-grey);\n color: var(--white);\n border-color: var(--grey);\n}\n.Popover_module_root__fa26af22.Popover_module_lightTheme__fa26af22 {\n box-shadow: 0px light 20px rgba(24, 24, 24, 0.08);\n background-color: var(--white);\n color: var(--dark-grey);\n border-color: var(--grey4);\n}";
|
|
10765
10913
|
var modules_dfc4608f = {"root":"Popover_module_root__fa26af22","dark-theme":"Popover_module_darkTheme__fa26af22","light-theme":"Popover_module_lightTheme__fa26af22"};
|
|
10766
|
-
n(css
|
|
10914
|
+
n(css$13,{});
|
|
10767
10915
|
|
|
10768
10916
|
var resolveOffset = function resolveOffset(user) {
|
|
10769
10917
|
if (user == null) return {
|
|
@@ -10850,9 +10998,9 @@ var Popover = function Popover(_ref) {
|
|
|
10850
10998
|
});
|
|
10851
10999
|
};
|
|
10852
11000
|
|
|
10853
|
-
var css$
|
|
11001
|
+
var css$12 = ".Breadcrumbs_module_root__049dd925 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n width: -moz-fit-content;\n width: fit-content;\n border-radius: 0.25rem;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: auto;\n width: auto;\n max-width: 17rem;\n border: 0.0313rem solid transparent;\n background: var(--light-color2);\n padding: 0.625rem 0.75rem;\n gap: 0rem;\n border-radius: 0.25rem;\n border: 0.0938rem solid transparent;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit].Breadcrumbs_module_expand__049dd925 {\n border: 0.0938rem solid var(--secondary-color2);\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit] > [data-elem=component1] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit] > [data-elem=component1] div.Breadcrumbs_module_iconWrapper__049dd925 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit] > [data-elem=component1] div.Breadcrumbs_module_iconWrapper__049dd925 > svg {\n width: 1rem;\n height: 1rem;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit] > [data-elem=component2] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit] > [data-elem=component2] > [data-elem=title] {\n font-size: 0.875rem;\n color: var(--text-color);\n line-height: 1.3125rem;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit].Breadcrumbs_module_gap__049dd925 > [data-elem=component2] {\n margin-left: 0.7775rem;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit] > [data-elem=component3] {\n margin-left: 1.785rem;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit] > [data-elem=component3] .Breadcrumbs_module_icon__049dd925 {\n width: 1rem;\n height: 1rem;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit] > [data-elem=component3] .Breadcrumbs_module_icon__049dd925.Breadcrumbs_module_expand__049dd925 path {\n stroke: var(--secondary-color2);\n}\n\ndiv.Breadcrumbs_module_popover__049dd925 {\n height: auto;\n padding: 0.75rem 0.625rem 0rem 0.625rem;\n background: var(--white) !important;\n border-color: var(--white) !important;\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.625rem;\n padding: 0.5rem 0.75rem;\n margin-bottom: 0.625rem;\n border-radius: 0.125rem;\n border: 0.0313rem solid var(--side-bar-icon2);\n font-weight: 500;\n color: var(--text-color);\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925:hover {\n cursor: pointer;\n background: var(--light-color2);\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925.Breadcrumbs_module_active__049dd925 {\n background: var(--background-color5);\n border: 0.0313rem solid transparent;\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_left__049dd925 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.625rem;\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_left__049dd925 .Breadcrumbs_module_iconWrapper__049dd925 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n color: var(--text-color);\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_left__049dd925 .Breadcrumbs_module_value__049dd925 {\n font-size: 0.875rem;\n color: var(--text-color);\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_right__049dd925 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_right__049dd925 .Breadcrumbs_module_circle__049dd925 {\n width: 12px;\n height: 12px;\n border: 1.5px solid var(--secondary-color2);\n background-color: white;\n border-radius: 50%;\n z-index: 1000;\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_right__049dd925 .Breadcrumbs_module_circleDropdown__049dd925 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n width: 12px;\n height: 12px;\n border: 1.5px solid var(--secondary-color2);\n background-color: var(--white);\n border-radius: 50%;\n z-index: 101;\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_right__049dd925 .Breadcrumbs_module_circleDropdown__049dd925 .Breadcrumbs_module_icon__049dd925 {\n margin-right: 1.8px;\n margin-bottom: 1.4px;\n transform: rotate(180deg);\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_right__049dd925 .Breadcrumbs_module_circleDropdown__049dd925 .Breadcrumbs_module_icon__049dd925 > path {\n fill: var(--secondary-color2);\n stroke: var(--secondary-color2);\n stroke-width: 0.2rem;\n stroke-linecap: round !important;\n stroke-linejoin: round;\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_right__049dd925 .Breadcrumbs_module_circleDropdown__049dd925::before {\n content: \"\";\n width: 0%;\n height: 26px;\n border-left: 1.5px dashed var(--secondary-color2);\n position: relative;\n bottom: 100%;\n right: -3.6px;\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_right__049dd925 .Breadcrumbs_module_circleFilled__049dd925 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n width: 12px;\n height: 12px;\n border: 1.5px solid var(--secondary-color2);\n background-color: var(--secondary-color2);\n border-radius: 50%;\n z-index: 100;\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_right__049dd925 .Breadcrumbs_module_circleFilled__049dd925::before {\n content: \"\";\n width: 0%;\n height: 40px;\n border-left: 1.5px solid var(--secondary-color2);\n position: relative;\n bottom: 200%;\n right: -3.6px;\n}";
|
|
10854
11002
|
var modules_651f50a9 = {"root":"Breadcrumbs_module_root__049dd925","selected":"Breadcrumbs_module_selected__049dd925","expand":"Breadcrumbs_module_expand__049dd925","iconWrapper":"Breadcrumbs_module_iconWrapper__049dd925","gap":"Breadcrumbs_module_gap__049dd925","icon":"Breadcrumbs_module_icon__049dd925","popover":"Breadcrumbs_module_popover__049dd925","crumb-list":"Breadcrumbs_module_crumbList__049dd925","active":"Breadcrumbs_module_active__049dd925","left":"Breadcrumbs_module_left__049dd925","value":"Breadcrumbs_module_value__049dd925","right":"Breadcrumbs_module_right__049dd925","circle":"Breadcrumbs_module_circle__049dd925","circle-dropdown":"Breadcrumbs_module_circleDropdown__049dd925","circle-filled":"Breadcrumbs_module_circleFilled__049dd925"};
|
|
10855
|
-
n(css$
|
|
11003
|
+
n(css$12,{});
|
|
10856
11004
|
|
|
10857
11005
|
var BreadCrumbs = function BreadCrumbs(_ref) {
|
|
10858
11006
|
var _lastCrumb$title;
|
|
@@ -10944,9 +11092,9 @@ var BreadCrumbs = function BreadCrumbs(_ref) {
|
|
|
10944
11092
|
});
|
|
10945
11093
|
};
|
|
10946
11094
|
|
|
10947
|
-
var css$
|
|
11095
|
+
var css$11 = ".Callout_module_root__6038df42 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n padding: 1rem;\n width: 100%;\n opacity: 1;\n background-color: var(--light-color3);\n border-radius: 0.25rem;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_iconContainer__6038df42 {\n padding: 0.5rem;\n width: 2.5rem;\n height: 2.5rem;\n border-radius: 0.625rem;\n background: var(--light-color3);\n box-shadow: 0px 0px 0.25rem 0px rgba(0, 0, 0, 0.271);\n transition: box-shadow 0.5s ease-in-out;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_iconContainer__6038df42 .Callout_module_icon__6038df42 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_content__6038df42 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.25rem;\n margin-left: 1.25rem;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_content__6038df42 .Callout_module_title__6038df42 {\n color: var(--text-color);\n font-size: 0.875rem;\n font-weight: 600;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_content__6038df42 .Callout_module_description__6038df42 {\n word-wrap: break-word;\n height: auto;\n color: var(--text-color);\n font-size: 0.875rem;\n font-weight: 400;\n}\n.Callout_module_root__6038df42.Callout_module_info__6038df42 {\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\n.Callout_module_root__6038df42.Callout_module_info__6038df42 .Callout_module_iconContainer__6038df42 {\n box-shadow: 0rem 0rem 0.4rem 0rem var(--secondary-color2);\n}\n.Callout_module_root__6038df42.Callout_module_success__6038df42 {\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\n.Callout_module_root__6038df42.Callout_module_success__6038df42 .Callout_module_iconContainer__6038df42 {\n box-shadow: 0rem 0rem 0.4rem 0rem var(--primary-color2);\n}\n.Callout_module_root__6038df42.Callout_module_danger__6038df42, .Callout_module_root__6038df42.Callout_module_error__6038df42 {\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\n.Callout_module_root__6038df42.Callout_module_danger__6038df42 .Callout_module_iconContainer__6038df42, .Callout_module_root__6038df42.Callout_module_error__6038df42 .Callout_module_iconContainer__6038df42 {\n box-shadow: 0rem 0rem 0.4rem 0rem var(--primary-color1);\n}\n.Callout_module_root__6038df42.Callout_module_warning__6038df42 {\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\n.Callout_module_root__6038df42.Callout_module_warning__6038df42 .Callout_module_iconContainer__6038df42 {\n box-shadow: 0rem 0rem 0.4rem 0rem var(--primary-color3);\n}\n.Callout_module_root__6038df42.Callout_module_shadow__6038df42 {\n box-shadow: 0rem 0.0625rem 0.25rem 0rem rgba(0, 0, 0, 0.25), 0rem 0.1875rem 0.25rem 0rem rgba(0, 0, 0, 0.25);\n}";
|
|
10948
11096
|
var modules_b6de2704 = {"root":"Callout_module_root__6038df42","left":"Callout_module_left__6038df42","icon-container":"Callout_module_iconContainer__6038df42","icon":"Callout_module_icon__6038df42","content":"Callout_module_content__6038df42","title":"Callout_module_title__6038df42","description":"Callout_module_description__6038df42","info":"Callout_module_info__6038df42","success":"Callout_module_success__6038df42","danger":"Callout_module_danger__6038df42","error":"Callout_module_error__6038df42","warning":"Callout_module_warning__6038df42","shadow":"Callout_module_shadow__6038df42"};
|
|
10949
|
-
n(css$
|
|
11097
|
+
n(css$11,{});
|
|
10950
11098
|
|
|
10951
11099
|
var Callout = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
10952
11100
|
var _props$showIcon = props.showIcon,
|
|
@@ -12213,13 +12361,13 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
12213
12361
|
propTypes.exports = requireFactoryWithThrowingShims()();
|
|
12214
12362
|
}
|
|
12215
12363
|
|
|
12216
|
-
var css$
|
|
12364
|
+
var css$10 = ".HeatMapChart_module_root__41cf6ace {\n width: \"100%\";\n}";
|
|
12217
12365
|
var modules_0ba85659 = {"root":"HeatMapChart_module_root__41cf6ace"};
|
|
12218
|
-
n(css$
|
|
12366
|
+
n(css$10,{});
|
|
12219
12367
|
|
|
12220
|
-
var css
|
|
12368
|
+
var css$$ = ".Skeleton_module_root__ad62f983 {\n width: 100%;\n height: 100%;\n background: var(--grey6);\n background-repeat: no-repeat;\n background-size: cover;\n display: inline-block;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_lightTheme__ad62f983 {\n background-color: var(--skeleton);\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_darkTheme__ad62f983 {\n background-color: var(--grey2);\n opacity: 0.2;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_animated__ad62f983 {\n animation-duration: 1.25s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: Skeleton_module_shimmer__ad62f983;\n animation-timing-function: linear;\n -webkit-animation-fill-mode: forwards;\n -webkit-animation-iteration-count: infinite;\n -webkit-animation-name: Skeleton_module_shimmer__ad62f983;\n -webkit-animation-timing-function: linear;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_animated__ad62f983.Skeleton_module_lightTheme__ad62f983 {\n background-image: linear-gradient(to right, var(--skeleton) 0%, var(--grey8) 20%, var(--skeleton) 40%, var(--skeleton) 100%);\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_animated__ad62f983.Skeleton_module_darkTheme__ad62f983 {\n background-image: linear-gradient(to right, var(--grey2) 0%, var(--grey4) 20%, var(--grey2) 40%, var(--grey2) 100%);\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_text__ad62f983 {\n height: 1.5rem;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_circle__ad62f983 {\n border-radius: 50%;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_rounded__ad62f983 {\n border-radius: 0.25rem;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_ellipse__ad62f983 {\n border-radius: 1.5rem;\n}\n\n@keyframes Skeleton_module_shimmer__ad62f983 {\n 0% {\n background-position: -50rem 0;\n }\n 100% {\n background-position: 50rem 0;\n }\n}";
|
|
12221
12369
|
var modules_37a5ff73$2 = {"root":"Skeleton_module_root__ad62f983","light-theme":"Skeleton_module_lightTheme__ad62f983","dark-theme":"Skeleton_module_darkTheme__ad62f983","animated":"Skeleton_module_animated__ad62f983","shimmer":"Skeleton_module_shimmer__ad62f983","text":"Skeleton_module_text__ad62f983","circle":"Skeleton_module_circle__ad62f983","rounded":"Skeleton_module_rounded__ad62f983","ellipse":"Skeleton_module_ellipse__ad62f983"};
|
|
12222
|
-
n(css
|
|
12370
|
+
n(css$$,{});
|
|
12223
12371
|
|
|
12224
12372
|
var Skeleton = function Skeleton(props) {
|
|
12225
12373
|
var height = props.height,
|
|
@@ -12243,9 +12391,9 @@ var Skeleton = function Skeleton(props) {
|
|
|
12243
12391
|
});
|
|
12244
12392
|
};
|
|
12245
12393
|
|
|
12246
|
-
var css$
|
|
12394
|
+
var css$_ = ".Skeleton_module_root__79bb2358 {\n display: grid;\n grid-template-rows: auto;\n grid-template-columns: repeat(6, 1fr);\n row-gap: 0.25rem;\n -moz-column-gap: 0.25rem;\n column-gap: 0.25rem;\n height: 100%;\n}";
|
|
12247
12395
|
var modules_37a5ff73$1 = {"root":"Skeleton_module_root__79bb2358"};
|
|
12248
|
-
n(css$
|
|
12396
|
+
n(css$_,{});
|
|
12249
12397
|
|
|
12250
12398
|
var BOXES = _toConsumableArray(Array(36).keys()).map(function () {
|
|
12251
12399
|
return Math.random() * 80 + 20;
|
|
@@ -12266,9 +12414,9 @@ var ChartSkeleton = function ChartSkeleton(_ref) {
|
|
|
12266
12414
|
});
|
|
12267
12415
|
};
|
|
12268
12416
|
|
|
12269
|
-
var css$
|
|
12417
|
+
var css$Z = ":root {\n --white: #ffffff;\n --black: #141920;\n --dark-grey: #333333;\n --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n --grey: #737373;\n --grey1: #888888;\n --grey2: #a6a6a6;\n --grey3: #bbbbbb;\n --grey4: #c4c4c4;\n --grey5: #dddddd;\n --grey6: #e8e8e8;\n --grey7: #eeeeee;\n --grey8: #f2f2f2;\n --grey9: #eff0f0;\n --grey10: #f7f7f7;\n --skeleton: #e0e1e9;\n --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\n --menu-black: #191b1f;\n --banyan-blue: #00037c;\n --banyan-orange: #ff892a;\n --banyan-pink: #ff1597;\n --banyan-gradient: linear-gradient(\n \t84.71deg,\n \tvar(--banyan-pink) 0.48%,\n \tvar(--banyan-orange) 99.57%\n );\n --error: #ff626a;\n --error-bg: #fff1f1;\n --error-outline: rgba(218, 30, 40, 0.08);\n --success: #24a148;\n --success-bg: #defbe6;\n --success-outline: rgba(36, 161, 72, 0.08);\n --warning: #f1c21b;\n --warning-bg: #fff8e1;\n --warning-outline: rgba(203, 160, 6, 0.08);\n --info: #0043ce;\n --info-bg: #edf5ff;\n --info-outline: #2864db98;\n}\n:root[data-theme=light] {\n --primary-color1: #bd3c45;\n --primary-color2: #487349;\n --primary-color3: #cba006;\n --primary-color4: #0043ce;\n --secondary-color1: #0a15f9;\n --secondary-color2: #0f62fe;\n --secondary-color3: #0fa9ff;\n --secondary-color4: #a91aa3;\n --secondary-color5: #ef87f8;\n --secondary-color6: #fcab0f;\n --secondary-color7: #dce01d;\n --background-color1: #ffebec;\n --background-color2: #edffed;\n --background-color3: #fff6d4;\n --background-color4: #e6edff;\n --background-color5: #cfdfff;\n --mono-color1: #71839b;\n --mono-color2: #b7cadb;\n --mono-color3: #d8dfe5;\n --light-color1: #efeff0;\n --light-color2: #f7f7f8;\n --light-color3: #ffffff;\n --text-color: #141920;\n --side-bar-icon1: #97979f;\n --side-bar-icon2: #d5d5db;\n}\n:root[data-theme=dark] {\n --primary-color1: #b33030;\n --primary-color2: #4e9f3d;\n --primary-color3: #ebb700;\n --primary-color4: #0053ff;\n --secondary-color1: #2e37ff;\n --secondary-color2: #2d76ff;\n --secondary-color3: #39b8ff;\n --secondary-color4: #dc00d3;\n --secondary-color5: #f8a4ff;\n --secondary-color6: #ffbf45;\n --secondary-color7: #fbff42;\n --background-color1: #e5d3d4;\n --background-color2: #d6e5d6;\n --background-color3: #e5ddbe;\n --background-color4: #cfd6e5;\n --background-color5: #bac9e5;\n --mono-color1: #4c5869;\n --mono-color2: #8d9ba8;\n --mono-color3: #a8adb2;\n --light-color1: #1b1b1c;\n --light-color2: #151517;\n --light-color3: #141920;\n --text-color: #fafafa;\n --side-bar-icon1: #96969e;\n --side-bar-icon2: #bcbcc2;\n}";
|
|
12270
12418
|
var modules_1722b0e5 = {"white":"--white","black":"--black","menu-black":"--menu-black","dark-grey":"--dark-grey","dark-grey-o-85":"--dark-grey-o-85","grey":"--grey","grey1":"--grey1","grey2":"--grey2","grey3":"--grey3","grey4":"--grey4","grey5":"--grey5","grey6":"--grey6","grey7":"--grey7","grey8":"--grey8","grey9":"--grey9","grey10":"--grey10","highlight":"--highlight","dark-blue":"--dark-blue","background":"--background","banyan-blue":"--banyan-blue","banyan-orange":"--banyan-orange","banyan-pink":"--banyan-pink","banyan-gradient":"--banyan-gradient","error":"--error","error-bg":"--error-bg","error-outline":"--error-outline","success":"--success","success-bg":"--success-bg","success-outline":"--success-outline","warning":"--warning","warning-bg":"--warning-bg","warning-outline":"--warning-outline","info":"--info","info-bg":"--info-bg","info-outline":"--info-outline","theme-light-primary-color1":"#bd3c45","theme-light-primary-color2":"#487349","theme-light-primary-color3":"#cba006","theme-light-primary-color4":"#0043ce","theme-light-secondary-color1":"#0a15f9","theme-light-secondary-color2":"#0f62fe","theme-light-secondary-color3":"#0fa9ff","theme-light-secondary-color4":"#a91aa3","theme-light-secondary-color5":"#ef87f8","theme-light-secondary-color6":"#fcab0f","theme-light-secondary-color7":"#dce01d","theme-light-background-color1":"#ffebec","theme-light-background-color2":"#edffed","theme-light-background-color3":"#fff6d4","theme-light-background-color4":"#e6edff","theme-light-background-color5":"#cfdfff","theme-light-mono-color1":"#71839b","theme-light-mono-color2":"#b7cadb","theme-light-mono-color3":"#d8dfe5","theme-light-light-color1":"#efeff0","theme-light-light-color2":"#f7f7f8","theme-light-light-color3":"#ffffff","theme-light-side-bar-icon1":"#97979f","theme-light-side-bar-icon2":"#d5d5db","theme-light-text-color":"#141920","theme-dark-primary-color1":"#b33030","theme-dark-primary-color2":"#4e9f3d","theme-dark-primary-color3":"#ebb700","theme-dark-primary-color4":"#0053ff","theme-dark-secondary-color1":"#2e37ff","theme-dark-secondary-color2":"#2d76ff","theme-dark-secondary-color3":"#39b8ff","theme-dark-secondary-color4":"#dc00d3","theme-dark-secondary-color5":"#f8a4ff","theme-dark-secondary-color6":"#ffbf45","theme-dark-secondary-color7":"#fbff42","theme-dark-background-color1":"#e5d3d4","theme-dark-background-color2":"#d6e5d6","theme-dark-background-color3":"#e5ddbe","theme-dark-background-color4":"#cfd6e5","theme-dark-background-color5":"#bac9e5","theme-dark-mono-color1":"#4c5869","theme-dark-mono-color2":"#8d9ba8","theme-dark-mono-color3":"#a8adb2","theme-dark-light-color1":"#000000","theme-dark-light-color2":"#151517","theme-dark-light-color3":"#1b1b1c","theme-dark-side-bar-icon1":"#96969e","theme-dark-side-bar-icon2":"#bcbcc2","theme-dark-text-color":"#fafafa"};
|
|
12271
|
-
n(css$
|
|
12419
|
+
n(css$Z,{});
|
|
12272
12420
|
|
|
12273
12421
|
var COLORS = Object.keys(modules_1722b0e5).reduce(function (acc, curr) {
|
|
12274
12422
|
if (curr.includes('theme')) {
|
|
@@ -12505,9 +12653,9 @@ HeatMapChart.defaultProps = {
|
|
|
12505
12653
|
theme: 'dark'
|
|
12506
12654
|
};
|
|
12507
12655
|
|
|
12508
|
-
var css$
|
|
12656
|
+
var css$Y = ".CodeSnippet_module_root__292230a0 {\n padding: 0.5rem, 1rem;\n position: relative;\n}\n.CodeSnippet_module_root__292230a0 .CodeSnippet_module_code__292230a0 {\n font-family: monospace;\n font-size: 1rem;\n}\n.CodeSnippet_module_root__292230a0 .CodeSnippet_module_copy__292230a0 {\n visibility: hidden;\n position: absolute;\n padding: 0 !important;\n width: 2.25rem;\n height: 2.25rem;\n right: 1rem;\n top: 1rem;\n background-color: transparent !important;\n}\n.CodeSnippet_module_root__292230a0 .CodeSnippet_module_copy__292230a0 [data-elem=title] {\n box-shadow: 0px 0px 0.125rem 0px rgba(0, 0, 0, 0.35);\n border-radius: 0.25rem;\n padding: 0.35rem;\n}\n.CodeSnippet_module_root__292230a0 .CodeSnippet_module_copy__292230a0 [data-elem=title] > span {\n display: inline-flex;\n}\n.CodeSnippet_module_root__292230a0:hover .CodeSnippet_module_copy__292230a0 {\n visibility: visible;\n position: absolute;\n right: 1rem;\n top: 1rem;\n}\n.CodeSnippet_module_root__292230a0:hover .CodeSnippet_module_copy__292230a0 .CodeSnippet_module_icon__292230a0 {\n width: 1.25rem;\n height: 1.25rem;\n fill: rgba(0, 0, 0, 0.75);\n}\n\n.CodeSnippet_module_tick__292230a0 {\n width: 1.25rem;\n height: 1.25rem;\n}";
|
|
12509
12657
|
var modules_c548043f = {"root":"CodeSnippet_module_root__292230a0","code":"CodeSnippet_module_code__292230a0","copy":"CodeSnippet_module_copy__292230a0","icon":"CodeSnippet_module_icon__292230a0","tick":"CodeSnippet_module_tick__292230a0"};
|
|
12510
|
-
n(css$
|
|
12658
|
+
n(css$Y,{});
|
|
12511
12659
|
|
|
12512
12660
|
var MotionSpan = motion.span;
|
|
12513
12661
|
var copyIconProps = {
|
|
@@ -12850,9 +12998,76 @@ var getDatePickerDisplayValue = function getDatePickerDisplayValue(_ref3) {
|
|
|
12850
12998
|
return '';
|
|
12851
12999
|
};
|
|
12852
13000
|
|
|
12853
|
-
var css$
|
|
13001
|
+
var css$X = ".CheckBox_module_root__b2557a99 {\n cursor: pointer;\n gap: 10px;\n color: var(--mono-color1);\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_positionLeft__b2557a99 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_positionRight__b2557a99 {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n align-items: center;\n}\n.CheckBox_module_root__b2557a99 input[type=checkbox] {\n opacity: 0;\n z-index: 1;\n position: absolute;\n width: 1px;\n height: 1px;\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_disabled__b2557a99 {\n cursor: default;\n color: var(--mono-color2);\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_disabled__b2557a99 .CheckBox_module_icon__b2557a99 {\n border: 1px solid rgba(22, 22, 22, 0.3019607843);\n border-radius: 0.16rem;\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_disabled__b2557a99 .CheckBox_module_icon__b2557a99 rect:nth-of-type(1) {\n rx: 0px;\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_disabled__b2557a99 .CheckBox_module_icon__b2557a99 rect:nth-of-type(2) {\n stroke: rgba(22, 22, 22, 0.5019607843);\n rx: 0px;\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_disabled__b2557a99 .CheckBox_module_icon__b2557a99 path {\n stroke: var(--grey5);\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_disabledChecked__b2557a99 {\n cursor: default;\n color: var(--mono-color2);\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_disabledChecked__b2557a99 .CheckBox_module_icon__b2557a99 {\n border: 1px solid rgba(22, 22, 22, 0.3019607843);\n border-radius: 0.16rem;\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_disabledChecked__b2557a99 .CheckBox_module_icon__b2557a99 rect:nth-of-type(1) {\n fill: rgba(22, 22, 22, 0.3019607843);\n rx: 0px;\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_disabledChecked__b2557a99 .CheckBox_module_icon__b2557a99 rect:nth-of-type(2) {\n stroke: #b9b9b9;\n rx: 0px;\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_disabledChecked__b2557a99 .CheckBox_module_icon__b2557a99 path {\n stroke: var(--grey5);\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_readOnly__b2557a99 {\n cursor: default;\n color: var(--mono-color2);\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_readOnly__b2557a99 .CheckBox_module_icon__b2557a99 {\n border: 1px solid rgba(22, 22, 22, 0.3019607843);\n border-radius: 0.16rem;\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_readOnly__b2557a99 .CheckBox_module_icon__b2557a99 rect:nth-of-type(1) {\n rx: 0px;\n fill: transparent;\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_readOnly__b2557a99 .CheckBox_module_icon__b2557a99 rect:nth-of-type(2) {\n stroke: #b9b9b9;\n rx: 0px;\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_readOnly__b2557a99 .CheckBox_module_icon__b2557a99 path {\n stroke: black;\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_error__b2557a99 {\n cursor: default;\n color: var(--text-color);\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_error__b2557a99 .CheckBox_module_icon__b2557a99 {\n border: 1px solid #da1e28;\n border-radius: 0.16rem;\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_error__b2557a99 .CheckBox_module_icon__b2557a99 rect:nth-of-type(1) {\n rx: 0px;\n stroke: #da1e28;\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_error__b2557a99 .CheckBox_module_icon__b2557a99 rect:nth-of-type(2) {\n rx: 0px;\n stroke: #da1e28;\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_error__b2557a99 .CheckBox_module_icon__b2557a99 path {\n stroke: var(--grey5);\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_errorChecked__b2557a99 {\n cursor: default;\n color: var(--mono-color2);\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_errorChecked__b2557a99 .CheckBox_module_icon__b2557a99 {\n border: 1px solid #da1e28;\n border-radius: 0.16rem;\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_errorChecked__b2557a99 .CheckBox_module_icon__b2557a99 rect:nth-of-type(1) {\n rx: 0px;\n stroke: #da1e28;\n fill: #da1e28;\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_errorChecked__b2557a99 .CheckBox_module_icon__b2557a99 rect:nth-of-type(2) {\n rx: 0px;\n stroke: #da1e28;\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_errorChecked__b2557a99 .CheckBox_module_icon__b2557a99 path {\n stroke: var(--grey5);\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_selected__b2557a99 {\n color: var(--text-color);\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_selected__b2557a99 rect:nth-of-type(1) {\n fill: black;\n rx: 2px;\n}\n.CheckBox_module_root__b2557a99.CheckBox_module_selected__b2557a99 rect:nth-of-type(2) {\n stroke: black;\n rx: 2px;\n}\n.CheckBox_module_root__b2557a99:hover:not(.CheckBox_module_disabled__b2557a99) {\n color: var(--text-color);\n}\n.CheckBox_module_root__b2557a99:hover:not(.CheckBox_module_disabled__b2557a99) .CheckBox_module_icon__b2557a99 rect:nth-of-type(1) {\n fill: var(--background-color5);\n}\n.CheckBox_module_root__b2557a99:hover:not(.CheckBox_module_disabled__b2557a99) .CheckBox_module_icon__b2557a99 rect:nth-of-type(2) {\n stroke: var(--secondary-color2);\n}\n.CheckBox_module_root__b2557a99:hover:not(.CheckBox_module_disabled__b2557a99) .CheckBox_module_icon__b2557a99 path {\n stroke: var(--secondary-color2);\n}\n.CheckBox_module_root__b2557a99 .CheckBox_module_icon__b2557a99 {\n display: inline-block;\n border-radius: 0.16rem;\n border: solid black 1px;\n}\n.CheckBox_module_root__b2557a99 .CheckBox_module_icon__b2557a99.CheckBox_module_iconSm__b2557a99 {\n width: 1rem;\n height: 1rem;\n}\n.CheckBox_module_root__b2557a99 .CheckBox_module_icon__b2557a99.CheckBox_module_iconSm__b2557a99 rect:nth-of-type(1) {\n rx: 0px;\n}\n.CheckBox_module_root__b2557a99 .CheckBox_module_icon__b2557a99.CheckBox_module_iconSm__b2557a99 rect:nth-of-type(2) {\n rx: 0px;\n}\n.CheckBox_module_root__b2557a99 .CheckBox_module_icon__b2557a99.CheckBox_module_iconMd__b2557a99 {\n width: 1.25rem;\n height: 1.25rem;\n}\n.CheckBox_module_root__b2557a99 .CheckBox_module_icon__b2557a99.CheckBox_module_iconLg__b2557a99 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.CheckBox_module_root__b2557a99 input:focus + .CheckBox_module_icon__b2557a99 {\n box-shadow: 0 0 0 0;\n outline: 1px solid #3b82f6;\n outline-offset: 1px;\n border-radius: 0px;\n}\n.CheckBox_module_root__b2557a99 [data-elem=label] {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}";
|
|
13002
|
+
var modules_066398a2$1 = {"root":"CheckBox_module_root__b2557a99","position-left":"CheckBox_module_positionLeft__b2557a99","position-right":"CheckBox_module_positionRight__b2557a99","disabled":"CheckBox_module_disabled__b2557a99","icon":"CheckBox_module_icon__b2557a99","disabled-checked":"CheckBox_module_disabledChecked__b2557a99","read-only":"CheckBox_module_readOnly__b2557a99","error":"CheckBox_module_error__b2557a99","error-checked":"CheckBox_module_errorChecked__b2557a99","selected":"CheckBox_module_selected__b2557a99","icon-sm":"CheckBox_module_iconSm__b2557a99","icon-md":"CheckBox_module_iconMd__b2557a99","icon-lg":"CheckBox_module_iconLg__b2557a99"};
|
|
13003
|
+
n(css$X,{});
|
|
13004
|
+
|
|
13005
|
+
var getIcon$1 = function getIcon(checked, intermediate) {
|
|
13006
|
+
if (checked) {
|
|
13007
|
+
if (intermediate) return CheckboxIcon.Intermediate;
|
|
13008
|
+
return CheckboxIcon.Checked;
|
|
13009
|
+
}
|
|
13010
|
+
return CheckboxIcon.UnChecked;
|
|
13011
|
+
};
|
|
13012
|
+
var Checkbox$1 = function Checkbox(props) {
|
|
13013
|
+
var label = props.label,
|
|
13014
|
+
onChange = props.onChange,
|
|
13015
|
+
defaultChecked = props.defaultChecked,
|
|
13016
|
+
checked = props.checked,
|
|
13017
|
+
_props$position = props.position,
|
|
13018
|
+
position = _props$position === void 0 ? 'right' : _props$position,
|
|
13019
|
+
_props$size = props.size,
|
|
13020
|
+
size = _props$size === void 0 ? 'sm' : _props$size,
|
|
13021
|
+
_props$className = props.className,
|
|
13022
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
13023
|
+
disabled = props.disabled,
|
|
13024
|
+
disabledAsChild = props.disabledAsChild,
|
|
13025
|
+
intermediate = props.intermediate,
|
|
13026
|
+
readOnly = props.readOnly,
|
|
13027
|
+
error = props.error;
|
|
13028
|
+
// Track controlled/uncontrolled mode once on first render
|
|
13029
|
+
var _useRef = useRef(checked !== undefined),
|
|
13030
|
+
isControlled = _useRef.current;
|
|
13031
|
+
// Uncontrolled state
|
|
13032
|
+
var _useState = useState(defaultChecked),
|
|
13033
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
13034
|
+
uncontrolledChecked = _useState2[0],
|
|
13035
|
+
setUncontrolledChecked = _useState2[1];
|
|
13036
|
+
var handleChange = function handleChange(event) {
|
|
13037
|
+
var _helperResult$fieldVa;
|
|
13038
|
+
// Prefer your helper if present; fall back to standard target.checked for type safety
|
|
13039
|
+
var helperResult = inputHelper(event);
|
|
13040
|
+
var fieldValue = (_helperResult$fieldVa = helperResult === null || helperResult === void 0 ? void 0 : helperResult.fieldValue) !== null && _helperResult$fieldVa !== void 0 ? _helperResult$fieldVa : event.target.checked;
|
|
13041
|
+
if (isControlled) {
|
|
13042
|
+
onChange === null || onChange === void 0 || onChange(event, fieldValue);
|
|
13043
|
+
} else {
|
|
13044
|
+
setUncontrolledChecked(fieldValue);
|
|
13045
|
+
}
|
|
13046
|
+
};
|
|
13047
|
+
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
13048
|
+
var Icon = getIcon$1(isChecked, intermediate);
|
|
13049
|
+
return jsxs("label", {
|
|
13050
|
+
className: classes(modules_066398a2$1.root, modules_066398a2$1["position-".concat(position)], disabled && !disabledAsChild ? modules_066398a2$1.disabled : '', disabled && isChecked ? modules_066398a2$1['disabled-checked'] : '', readOnly ? modules_066398a2$1['read-only'] : '', error ? modules_066398a2$1.error : '', error && isChecked ? modules_066398a2$1['error-checked'] : '', isChecked ? modules_066398a2$1.selected : '', className),
|
|
13051
|
+
children: [jsx("input", _objectSpread2(_objectSpread2({
|
|
13052
|
+
disabled: disabled || readOnly,
|
|
13053
|
+
type: 'checkbox',
|
|
13054
|
+
defaultChecked: defaultChecked
|
|
13055
|
+
}, isControlled ? {
|
|
13056
|
+
checked: !!checked
|
|
13057
|
+
} : {}), {}, {
|
|
13058
|
+
onChange: handleChange
|
|
13059
|
+
})), jsx(Icon, {
|
|
13060
|
+
className: classes(modules_066398a2$1["icon-".concat(size)], modules_066398a2$1.icon)
|
|
13061
|
+
}), label && jsx("span", {
|
|
13062
|
+
"data-elem": 'label',
|
|
13063
|
+
children: label
|
|
13064
|
+
})]
|
|
13065
|
+
});
|
|
13066
|
+
};
|
|
13067
|
+
|
|
13068
|
+
var css$W = ".CheckBox_module_root__6c6c7d85 {\n cursor: pointer;\n gap: 10px;\n color: var(--mono-color1);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_positionLeft__6c6c7d85 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_positionRight__6c6c7d85 {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n align-items: center;\n}\n.CheckBox_module_root__6c6c7d85 input[type=checkbox] {\n opacity: 0;\n z-index: 1;\n position: absolute;\n width: 1px;\n height: 1px;\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 {\n cursor: default;\n color: var(--mono-color2);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(1) {\n fill: var(--grey10);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(2) {\n stroke: var(--grey5);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 path {\n stroke: var(--grey5);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_selected__6c6c7d85 {\n color: var(--text-color);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) {\n color: var(--text-color);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(1) {\n fill: var(--background-color5);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(2) {\n stroke: var(--secondary-color2);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 path {\n stroke: var(--secondary-color2);\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85 {\n display: inline-block;\n border-radius: 0.2rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconSm__6c6c7d85 {\n width: 1rem;\n height: 1rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconMd__6c6c7d85 {\n width: 1.25rem;\n height: 1.25rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconLg__6c6c7d85 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.CheckBox_module_root__6c6c7d85 input:focus + .CheckBox_module_icon__6c6c7d85 {\n box-shadow: 0px 0px 0px 0.25rem rgba(15, 98, 254, 0.125);\n}\n.CheckBox_module_root__6c6c7d85 [data-elem=label] {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}";
|
|
12854
13069
|
var modules_066398a2 = {"root":"CheckBox_module_root__6c6c7d85","position-left":"CheckBox_module_positionLeft__6c6c7d85","position-right":"CheckBox_module_positionRight__6c6c7d85","disabled":"CheckBox_module_disabled__6c6c7d85","icon":"CheckBox_module_icon__6c6c7d85","selected":"CheckBox_module_selected__6c6c7d85","icon-sm":"CheckBox_module_iconSm__6c6c7d85","icon-md":"CheckBox_module_iconMd__6c6c7d85","icon-lg":"CheckBox_module_iconLg__6c6c7d85"};
|
|
12855
|
-
n(css$
|
|
13070
|
+
n(css$W,{});
|
|
12856
13071
|
|
|
12857
13072
|
var getIcon = function getIcon(checked, intermediate) {
|
|
12858
13073
|
if (checked) {
|
|
@@ -12874,7 +13089,9 @@ var Checkbox = function Checkbox(props) {
|
|
|
12874
13089
|
className = _props$className === void 0 ? '' : _props$className,
|
|
12875
13090
|
disabled = props.disabled,
|
|
12876
13091
|
disabledAsChild = props.disabledAsChild,
|
|
12877
|
-
intermediate = props.intermediate
|
|
13092
|
+
intermediate = props.intermediate,
|
|
13093
|
+
_props$v = props.v2,
|
|
13094
|
+
v2 = _props$v === void 0 ? false : _props$v;
|
|
12878
13095
|
// Track controlled/uncontrolled mode once on first render
|
|
12879
13096
|
var _useRef = useRef(checked !== undefined),
|
|
12880
13097
|
isControlled = _useRef.current;
|
|
@@ -12883,6 +13100,9 @@ var Checkbox = function Checkbox(props) {
|
|
|
12883
13100
|
_useState2 = _slicedToArray(_useState, 2),
|
|
12884
13101
|
uncontrolledChecked = _useState2[0],
|
|
12885
13102
|
setUncontrolledChecked = _useState2[1];
|
|
13103
|
+
if (v2) {
|
|
13104
|
+
return jsx(Checkbox$1, _objectSpread2({}, props));
|
|
13105
|
+
}
|
|
12886
13106
|
var handleChange = function handleChange(event) {
|
|
12887
13107
|
var _helperResult$fieldVa;
|
|
12888
13108
|
// Prefer your helper if present; fall back to standard target.checked for type safety
|
|
@@ -12932,9 +13152,9 @@ var SelectAll = function SelectAll(props) {
|
|
|
12932
13152
|
|
|
12933
13153
|
function o(f){return r=>{f.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r);});}}
|
|
12934
13154
|
|
|
12935
|
-
var css$
|
|
13155
|
+
var css$V = ".Tooltip_module_tooltip__9cc6de6d {\n text-align: center;\n border-radius: 0.25rem;\n min-width: 1rem;\n max-width: auto;\n padding: 0.5rem 0.75rem;\n font-size: 0.875rem;\n line-height: 1.3125rem;\n color: var(--light-color3);\n background-color: var(--text-color);\n}\n.Tooltip_module_tooltip__9cc6de6d.Tooltip_module_light__9cc6de6d {\n background-color: var(--black);\n color: var(--white);\n}\n.Tooltip_module_tooltip__9cc6de6d.Tooltip_module_dark__9cc6de6d {\n background-color: var(--white);\n color: var(--black);\n}\n.Tooltip_module_tooltip__9cc6de6d .Tooltip_module_arrow__9cc6de6d {\n position: absolute;\n width: 0.65rem;\n height: 0.65rem;\n z-index: -1;\n pointer-events: none;\n transform: rotate(45deg);\n background: var(--text-color);\n}";
|
|
12936
13156
|
var modules_e4619b04 = {"tooltip":"Tooltip_module_tooltip__9cc6de6d","light":"Tooltip_module_light__9cc6de6d","dark":"Tooltip_module_dark__9cc6de6d","arrow":"Tooltip_module_arrow__9cc6de6d"};
|
|
12937
|
-
n(css$
|
|
13157
|
+
n(css$V,{});
|
|
12938
13158
|
|
|
12939
13159
|
/**
|
|
12940
13160
|
* Tooltip - A tooltip component to be used as a wrapper to show the customised tooltip for the component
|
|
@@ -13057,13 +13277,9 @@ var Tooltip = /*#__PURE__*/forwardRef(function (props, propRef) {
|
|
|
13057
13277
|
});
|
|
13058
13278
|
});
|
|
13059
13279
|
|
|
13060
|
-
var css$R = ".Dropdown_module_root__6e7e92e0 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.5rem;\n position: relative;\n width: -moz-fit-content;\n width: fit-content;\n max-width: 100%;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_label__6e7e92e0 {\n font-size: 0.75rem;\n color: var(--text-color);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_label__6e7e92e0.Dropdown_module_required__6e7e92e0::after {\n content: \" *\";\n color: var(--primary-color1);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n max-width: 100%;\n border-radius: 0.25rem;\n position: relative;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] {\n background-color: var(--background-color5);\n color: var(--secondary-color2);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] * {\n color: var(--secondary-color2);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIcon__6e7e92e0 {\n fill: var(--secondary-color2) !important;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0 {\n fill: transparent;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0 > path {\n stroke: var(--secondary-color2);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n outline: 1px solid var(--secondary-color2);\n transition: outline 100ms ease-in-out;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_error__6e7e92e0 {\n border: 1px solid var(--primary-color1);\n border-radius: 0.3125rem;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_input__6e7e92e0 {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_input__6e7e92e0:focus + .Dropdown_module_select__6e7e92e0 {\n border-color: var(--primary-color4);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_input__6e7e92e0:focus + .Dropdown_module_select__6e7e92e0.Dropdown_module_feedbackError__6e7e92e0 {\n border-color: var(--primary-color1);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 25rem;\n max-width: 100%;\n gap: 0.5rem;\n outline: none;\n border-radius: 0.3125rem;\n padding: 0.75rem 0.75rem 0.75rem 1rem;\n background: var(--light-color3);\n cursor: pointer;\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_placeholder__6e7e92e0 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: var(--text-color);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_infoIcon__6e7e92e0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIcon__6e7e92e0 {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: var(--text-color) !important;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n transform: rotate(180deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIcon__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n transform: rotate(0deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0 {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: transparent !important;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n transform: rotate(180deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0 > path {\n stroke: var(--text-color);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n transform: rotate(0deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_infoIcon__6e7e92e0 path {\n stroke: var(--primary-color1);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_icon__6e7e92e0 {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: var(--text-color) !important;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_icon__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n transform: rotate(180deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0.Dropdown_module_feedbackError__6e7e92e0 {\n border-color: var(--primary-color1);\n}\n.Dropdown_module_root__6e7e92e0.Dropdown_module_open__6e7e92e0 .Dropdown_module_header__6e7e92e0 {\n border-color: var(--primary-color4);\n}\n.Dropdown_module_root__6e7e92e0.Dropdown_module_disabled__6e7e92e0 .Dropdown_module_select__6e7e92e0 {\n background: var(--grey10);\n cursor: not-allowed;\n}\n\n.Dropdown_module_body__6e7e92e0 {\n display: none;\n position: absolute;\n top: calc(100% + 0.5rem);\n background: var(--light-color3);\n width: auto;\n border-radius: 0.3125rem;\n padding: 1.25rem 0rem 1.25rem 0rem;\n overflow-y: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n min-height: 4rem;\n max-height: 25rem !important;\n outline: none;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);\n}\n.Dropdown_module_body__6e7e92e0::-webkit-scrollbar {\n display: none;\n}\n.Dropdown_module_body__6e7e92e0.Dropdown_module_multi__6e7e92e0 {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n.Dropdown_module_body__6e7e92e0.Dropdown_module_multi__6e7e92e0 li:nth-child(1) {\n padding-left: 1.875rem;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: sticky;\n top: 0;\n background-color: var(--light-color3);\n padding-inline: 1.25rem;\n padding-block: 0.25rem;\n list-style: none;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 button[data-elem=base-cell].Dropdown_module_button__6e7e92e0[type=button] {\n width: auto;\n padding: 0% !important;\n background-color: transparent;\n color: var(--secondary-color2);\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 button[data-elem=base-cell].Dropdown_module_button__6e7e92e0[type=button] > [data-elem=component2] {\n margin-left: 0.1rem;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 button[data-elem=base-cell].Dropdown_module_button__6e7e92e0[type=button] > [data-elem=component1] > svg {\n fill: var(--secondary-color2);\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 .Dropdown_module_items__6e7e92e0 {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--text-color);\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_search__6e7e92e0 {\n width: 100%;\n margin-bottom: 1rem;\n position: sticky;\n top: 0;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_search__6e7e92e0 label div {\n border-radius: 0rem !important;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_footer__6e7e92e0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n gap: 1rem;\n position: sticky;\n background-color: var(--light-color3);\n padding: 0rem 1rem 1rem;\n bottom: 0;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_footer__6e7e92e0 button[data-elem=base-cell].Dropdown_module_multiApply__6e7e92e0[type=submit] {\n flex: 1;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_footer__6e7e92e0 button[data-elem=base-cell].Dropdown_module_multiClear__6e7e92e0[type=submit] {\n background-color: var(--light-color2);\n color: var(--mono-color1);\n flex: 1;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_footer__6e7e92e0 button[data-elem=base-cell].Dropdown_module_multiClear__6e7e92e0[type=submit]:hover {\n background-color: var(--light-color1);\n}\n.Dropdown_module_body__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
13061
|
-
var modules_1b90f5ea = {"root":"Dropdown_module_root__6e7e92e0","label":"Dropdown_module_label__6e7e92e0","required":"Dropdown_module_required__6e7e92e0","header":"Dropdown_module_header__6e7e92e0","highlightOnSelect":"Dropdown_module_highlightOnSelect__6e7e92e0","icon-bundle":"Dropdown_module_iconBundle__6e7e92e0","caret-icon":"Dropdown_module_caretIcon__6e7e92e0","caret-icon-upDown":"Dropdown_module_caretIconUpDown__6e7e92e0","open":"Dropdown_module_open__6e7e92e0","error":"Dropdown_module_error__6e7e92e0","input":"Dropdown_module_input__6e7e92e0","select":"Dropdown_module_select__6e7e92e0","feedback-error":"Dropdown_module_feedbackError__6e7e92e0","placeholder":"Dropdown_module_placeholder__6e7e92e0","info-icon":"Dropdown_module_infoIcon__6e7e92e0","icon":"Dropdown_module_icon__6e7e92e0","disabled":"Dropdown_module_disabled__6e7e92e0","body":"Dropdown_module_body__6e7e92e0","multi":"Dropdown_module_multi__6e7e92e0","multi-options":"Dropdown_module_multiOptions__6e7e92e0","button":"Dropdown_module_button__6e7e92e0","items":"Dropdown_module_items__6e7e92e0","search":"Dropdown_module_search__6e7e92e0","footer":"Dropdown_module_footer__6e7e92e0","multi-apply":"Dropdown_module_multiApply__6e7e92e0","multi-clear":"Dropdown_module_multiClear__6e7e92e0"};
|
|
13062
|
-
n(css$R,{});
|
|
13063
|
-
|
|
13064
|
-
var css$Q = ".TextField_module_root__88423816 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 0.5rem;\n}\n.TextField_module_root__88423816 label {\n width: 100%;\n max-width: 100%;\n font-weight: 400;\n font-size: 0.75rem;\n letter-spacing: 0.02rem;\n color: var(--text-color);\n letter-spacing: 0.3199999928px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_required__88423816::after {\n content: \" *\";\n color: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.625rem;\n padding: 0.75rem;\n height: auto;\n max-width: 100%;\n width: 100%;\n border-radius: 0.25rem;\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816:focus-within {\n outline: 1px solid var(--secondary-color2);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 .TextField_module_icon__88423816 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component1] > svg {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component1] > svg.TextField_module_error__88423816 path {\n stroke: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] {\n flex: 1;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816 {\n -moz-appearance: textfield;\n flex: 1;\n background-color: var(--light-color3) !important;\n border: none;\n font-weight: 400;\n color: var(--text-color);\n font-size: 0.875rem;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::-webkit-outer-spin-button, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:focus {\n outline: none;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:disabled {\n background: var(--grey9);\n color: var(--grey3);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_error__88423816 {\n color: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_sm__88423816 {\n padding: 0rem 0.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_md__88423816 {\n padding: 0rem 0.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_lg__88423816 {\n padding: 0rem 0.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::-moz-placeholder {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::placeholder {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::-moz-placeholder {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:-webkit-autofill, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:-webkit-autofill:hover, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:-webkit-autofill:focus, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n -webkit-text-fill-color: initial !important;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:autofill, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:autofill:hover, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:autofill:focus, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:autofill:active {\n box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n -moz-text-fill-color: initial !important;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 0.75rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] button[data-elem=base-cell].TextField_module_button__88423816[type=button] {\n width: auto;\n height: -moz-fit-content;\n height: fit-content;\n padding: 0;\n background-color: transparent;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] button[data-elem=base-cell].TextField_module_button__88423816[type=button].TextField_module_error__88423816 > [data-elem=component1] .TextField_module_icon__88423816.TextField_module_error__88423816.TextField_module_error__88423816 path {\n stroke: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] .TextField_module_span__88423816 .TextField_module_icon__88423816 {\n width: 1rem;\n height: 1rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] .TextField_module_span__88423816 .TextField_module_icon__88423816.TextField_module_error__88423816.TextField_module_error__88423816 path {\n stroke: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_typeTextarea__88423816 {\n padding: 0;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_typeTextarea__88423816 > [data-elem=component2] .TextField_module_input__88423816 {\n resize: vertical;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_typeTextarea__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_md__88423816 {\n padding: 0.313rem 0.75rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_typeTextarea__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_lg__88423816 {\n padding: 0.5rem 1rem;\n font-size: 1rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_feedbackError__88423816 {\n box-shadow: 0px 0px 2px 0px var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_borderDefault__88423816 {\n border-width: 0.063rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_borderBottom__88423816 {\n border-width: 0rem 0rem 0.063rem 0rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_borderNone__88423816 {\n border-width: 0rem;\n}";
|
|
13280
|
+
var css$U = ".TextField_module_root__88423816 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 0.5rem;\n}\n.TextField_module_root__88423816 label {\n width: 100%;\n max-width: 100%;\n font-weight: 400;\n font-size: 0.75rem;\n letter-spacing: 0.02rem;\n color: var(--text-color);\n letter-spacing: 0.3199999928px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_required__88423816::after {\n content: \" *\";\n color: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.625rem;\n padding: 0.75rem;\n height: auto;\n max-width: 100%;\n width: 100%;\n border-radius: 0.25rem;\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816:focus-within {\n outline: 1px solid var(--secondary-color2);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 .TextField_module_icon__88423816 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component1] > svg {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component1] > svg.TextField_module_error__88423816 path {\n stroke: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] {\n flex: 1;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816 {\n -moz-appearance: textfield;\n flex: 1;\n background-color: var(--light-color3) !important;\n border: none;\n font-weight: 400;\n color: var(--text-color);\n font-size: 0.875rem;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::-webkit-outer-spin-button, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:focus {\n outline: none;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:disabled {\n background: var(--grey9);\n color: var(--grey3);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_error__88423816 {\n color: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_sm__88423816 {\n padding: 0rem 0.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_md__88423816 {\n padding: 0rem 0.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_lg__88423816 {\n padding: 0rem 0.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::-moz-placeholder {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::placeholder {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::-moz-placeholder {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:-webkit-autofill, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:-webkit-autofill:hover, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:-webkit-autofill:focus, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n -webkit-text-fill-color: initial !important;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:autofill, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:autofill:hover, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:autofill:focus, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:autofill:active {\n box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n -moz-text-fill-color: initial !important;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 0.75rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] button[data-elem=base-cell].TextField_module_button__88423816[type=button] {\n width: auto;\n height: -moz-fit-content;\n height: fit-content;\n padding: 0;\n background-color: transparent;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] button[data-elem=base-cell].TextField_module_button__88423816[type=button].TextField_module_error__88423816 > [data-elem=component1] .TextField_module_icon__88423816.TextField_module_error__88423816.TextField_module_error__88423816 path {\n stroke: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] .TextField_module_span__88423816 .TextField_module_icon__88423816 {\n width: 1rem;\n height: 1rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] .TextField_module_span__88423816 .TextField_module_icon__88423816.TextField_module_error__88423816.TextField_module_error__88423816 path {\n stroke: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_typeTextarea__88423816 {\n padding: 0;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_typeTextarea__88423816 > [data-elem=component2] .TextField_module_input__88423816 {\n resize: vertical;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_typeTextarea__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_md__88423816 {\n padding: 0.313rem 0.75rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_typeTextarea__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_lg__88423816 {\n padding: 0.5rem 1rem;\n font-size: 1rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_feedbackError__88423816 {\n box-shadow: 0px 0px 2px 0px var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_borderDefault__88423816 {\n border-width: 0.063rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_borderBottom__88423816 {\n border-width: 0rem 0rem 0.063rem 0rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_borderNone__88423816 {\n border-width: 0rem;\n}";
|
|
13065
13281
|
var modules_c1d23762$1 = {"root":"TextField_module_root__88423816","required":"TextField_module_required__88423816","input-wrapper":"TextField_module_inputWrapper__88423816","icon":"TextField_module_icon__88423816","error":"TextField_module_error__88423816","input":"TextField_module_input__88423816","sm":"TextField_module_sm__88423816","md":"TextField_module_md__88423816","lg":"TextField_module_lg__88423816","button":"TextField_module_button__88423816","span":"TextField_module_span__88423816","type-textarea":"TextField_module_typeTextarea__88423816","feedback-error":"TextField_module_feedbackError__88423816","border-default":"TextField_module_borderDefault__88423816","border-bottom":"TextField_module_borderBottom__88423816","border-none":"TextField_module_borderNone__88423816"};
|
|
13066
|
-
n(css$
|
|
13282
|
+
n(css$U,{});
|
|
13067
13283
|
|
|
13068
13284
|
var Error$1 = function Error(props) {
|
|
13069
13285
|
var _props$className = props.className,
|
|
@@ -13140,13 +13356,31 @@ var ArrowIcon = function ArrowIcon(props) {
|
|
|
13140
13356
|
});
|
|
13141
13357
|
};
|
|
13142
13358
|
|
|
13143
|
-
var css$P = "/* Motion tokens */\n.TextField_module_root__cf763074 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n}\n.TextField_module_root__cf763074 .TextField_module_helperTextWrapper__cf763074 {\n min-height: 16px;\n align-self: stretch;\n display: flex;\n align-items: center;\n}\n.TextField_module_root__cf763074 .TextField_module_helperText__cf763074 {\n color: #646464;\n}\n.TextField_module_root__cf763074 .TextField_module_helperTextError__cf763074 {\n color: #da1e28;\n}\n.TextField_module_root__cf763074 .TextField_module_helperTextDisabled__cf763074 {\n color: #161616;\n opacity: 0.25;\n}\n.TextField_module_root__cf763074 label {\n width: 100%;\n max-width: 100%;\n font-weight: 400;\n font-size: 12px;\n letter-spacing: 0.32px;\n color: #484848;\n letter-spacing: 0.3199999928px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.TextField_module_root__cf763074 label .TextField_module_labelRow__cf763074 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n margin-bottom: 8px;\n}\n.TextField_module_root__cf763074 label .TextField_module_labelRow__cf763074 .TextField_module_required__cf763074::after {\n content: \" *\";\n color: var(--primary-color1);\n}\n.TextField_module_root__cf763074 label .TextField_module_labelRow__cf763074 .TextField_module_labelDisabled__cf763074 {\n color: #484848;\n opacity: 0.25;\n}\n.TextField_module_root__cf763074 label .TextField_module_labelRow__cf763074 .TextField_module_forgotPassword__cf763074 {\n font-family: Poppins;\n font-size: 12px;\n font-weight: 400;\n line-height: 15px;\n letter-spacing: 0.32px;\n color: #1f5fcc;\n text-decoration: underline;\n cursor: pointer;\n}\n.TextField_module_root__cf763074 label .TextField_module_labelRow__cf763074 .TextField_module_forgotPassword__cf763074:hover {\n text-decoration: underline;\n}\n.TextField_module_root__cf763074 label .TextField_module_labelRow__cf763074 .TextField_module_textCount__cf763074 {\n font-family: Poppins;\n font-size: 12px;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0.32px;\n color: #484848;\n}\n.TextField_module_root__cf763074 label .TextField_module_labelRow__cf763074 .TextField_module_textCount__cf763074,\n.TextField_module_root__cf763074 label .TextField_module_labelRow__cf763074 .TextField_module_forgotPassword__cf763074 {\n transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 {\n background-color: #f7f7f7;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 10px;\n height: 40px;\n max-width: 100%;\n width: 100%;\n border-radius: 4px;\n box-sizing: border-box;\n position: relative;\n padding: 10px 16px;\n border: 1px solid #828282;\n margin-bottom: 4px;\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074:focus-within {\n outline: none;\n border-color: #3b82f6 !important;\n box-shadow: 0 0 0 1px #3b82f6 !important;\n transition: border-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_readOnly__cf763074 {\n border: none !important;\n border-bottom: 1px solid #828282 !important;\n border-radius: 0;\n box-shadow: none !important;\n background-color: transparent;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_readOnly__cf763074 > [data-elem=component2] .TextField_module_input__cf763074 {\n background-color: transparent !important;\n resize: none !important;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_sm__cf763074 {\n height: 32px;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_md__cf763074 {\n height: 40px;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_lg__cf763074 {\n height: 48px;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_typeTextarea__cf763074 {\n height: auto;\n min-height: 48px;\n align-items: stretch;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 .TextField_module_icon__cf763074 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 .TextField_module_leftIconDisabled__cf763074 path {\n stroke: #161616;\n opacity: 0.25;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] {\n flex: 1;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074 {\n -moz-appearance: textfield;\n flex: 1;\n border: none;\n border-radius: 4px;\n font-weight: 400;\n color: var(--text-color);\n font-size: 14px;\n line-height: 18px !important;\n letter-spacing: 0.16px;\n background-color: #f7f7f7;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074::-webkit-outer-spin-button, .TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:focus {\n outline: none;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:disabled {\n background: #f7f7f7;\n color: var(--grey3);\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074.TextField_module_error__cf763074 {\n color: var(--primary-color1);\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:disabled {\n color: #161616;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:disabled::-moz-placeholder {\n color: #161616;\n opacity: 0.25;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:disabled::placeholder {\n color: #161616;\n opacity: 0.25;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074::-moz-placeholder {\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0.16px;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074::placeholder {\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0.16px;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074::-moz-placeholder {\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0.16px;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:-webkit-autofill, .TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:-webkit-autofill:hover, .TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:-webkit-autofill:focus, .TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n -webkit-text-fill-color: initial !important;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:autofill, .TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:autofill:hover, .TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:autofill:focus, .TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:autofill:active {\n box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n -moz-text-fill-color: initial !important;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 12px;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component3] button[data-elem=base-cell].TextField_module_button__cf763074[type=button] {\n width: auto;\n height: -moz-fit-content;\n height: fit-content;\n padding: 0;\n background-color: transparent;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_typeTextarea__cf763074 {\n padding: 0;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_typeTextarea__cf763074 > [data-elem=component2] .TextField_module_input__cf763074 {\n min-height: 48px;\n resize: vertical;\n padding: 12px 16px;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_typeTextarea__cf763074 > [data-elem=component3] {\n position: absolute;\n right: 12px;\n top: 12px;\n align-self: flex-end;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_feedbackError__cf763074 {\n border-color: var(--primary-color1);\n box-shadow: 0 0 0 1px var(--primary-color1);\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_borderBottom__cf763074 {\n border-width: 0px 0px 1.008px 0px;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_borderNone__cf763074 {\n border-width: 0px;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074:active {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074:has(input:disabled), .TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074:has(textarea:disabled) {\n opacity: 0.6;\n transition: opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 button:active {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074:has(input:disabled),\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074:has(textarea:disabled) {\n border: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n .TextField_module_root__cf763074 * {\n transition-duration: 1ms !important;\n animation-duration: 1ms !important;\n }\n}";
|
|
13144
|
-
var
|
|
13145
|
-
|
|
13359
|
+
var TickIcon = function TickIcon(props) {
|
|
13360
|
+
var _props$className = props.className,
|
|
13361
|
+
className = _props$className === void 0 ? '' : _props$className;
|
|
13362
|
+
return jsx("svg", {
|
|
13363
|
+
width: '4',
|
|
13364
|
+
height: '3',
|
|
13365
|
+
viewBox: '0 0 4 3',
|
|
13366
|
+
fill: 'none',
|
|
13367
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
13368
|
+
children: jsx("path", {
|
|
13369
|
+
d: 'M0.176777 1.21846L1.42678 2.46846L3.71844 0.176788',
|
|
13370
|
+
stroke: '#24A148',
|
|
13371
|
+
strokeWidth: '0.5',
|
|
13372
|
+
className: className
|
|
13373
|
+
})
|
|
13374
|
+
});
|
|
13375
|
+
};
|
|
13376
|
+
|
|
13377
|
+
var css$T = "/* Motion tokens */\n.TextField_module_root__87a24138 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n}\n.TextField_module_root__87a24138 .TextField_module_helperTextWrapper__87a24138 {\n min-height: 16px;\n align-self: stretch;\n display: flex;\n align-items: center;\n}\n.TextField_module_root__87a24138 .TextField_module_helperText__87a24138 {\n color: #646464;\n}\n.TextField_module_root__87a24138 .TextField_module_helperTextError__87a24138 {\n color: #da1e28;\n}\n.TextField_module_root__87a24138 .TextField_module_helperTextDisabled__87a24138 {\n color: #161616;\n opacity: 0.25;\n}\n.TextField_module_root__87a24138 label {\n width: 100%;\n max-width: 100%;\n font-weight: 400;\n font-size: 12px;\n letter-spacing: 0.32px;\n color: #484848;\n letter-spacing: 0.3199999928px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.TextField_module_root__87a24138 label .TextField_module_labelRow__87a24138 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n margin-bottom: 8px;\n}\n.TextField_module_root__87a24138 label .TextField_module_labelRow__87a24138 .TextField_module_required__87a24138::after {\n content: \" *\";\n color: var(--primary-color1);\n}\n.TextField_module_root__87a24138 label .TextField_module_labelRow__87a24138 .TextField_module_labelDisabled__87a24138 {\n color: #484848;\n opacity: 0.25;\n}\n.TextField_module_root__87a24138 label .TextField_module_labelRow__87a24138 .TextField_module_forgotPassword__87a24138 {\n font-family: Poppins;\n font-size: 12px;\n font-weight: 400;\n line-height: 15px;\n letter-spacing: 0.32px;\n color: #1f5fcc;\n text-decoration: underline;\n cursor: pointer;\n}\n.TextField_module_root__87a24138 label .TextField_module_labelRow__87a24138 .TextField_module_forgotPassword__87a24138:hover {\n text-decoration: underline;\n}\n.TextField_module_root__87a24138 label .TextField_module_labelRow__87a24138 .TextField_module_textCount__87a24138 {\n font-family: Poppins;\n font-size: 12px;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0.32px;\n color: #484848;\n}\n.TextField_module_root__87a24138 label .TextField_module_labelRow__87a24138 .TextField_module_textCount__87a24138,\n.TextField_module_root__87a24138 label .TextField_module_labelRow__87a24138 .TextField_module_forgotPassword__87a24138 {\n transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 {\n background-color: #f7f7f7;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 10px;\n height: 40px;\n max-width: 100%;\n width: 100%;\n border-radius: 4px;\n box-sizing: border-box;\n position: relative;\n padding: 10px 16px;\n border: 1px solid #828282;\n margin-bottom: 4px;\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138:focus-within {\n outline: none;\n border-color: #3b82f6 !important;\n box-shadow: 0 0 0 1px #3b82f6 !important;\n transition: border-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_readOnly__87a24138 {\n border: none !important;\n border-bottom: 1px solid #828282 !important;\n border-radius: 0;\n box-shadow: none !important;\n background-color: transparent;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_readOnly__87a24138 > [data-elem=component2] .TextField_module_input__87a24138 {\n background-color: transparent !important;\n resize: none !important;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_sm__87a24138 {\n height: 32px;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_md__87a24138 {\n height: 40px;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_lg__87a24138 {\n height: 48px;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_typeTextarea__87a24138 {\n height: auto;\n min-height: 48px;\n align-items: stretch;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 .TextField_module_icon__87a24138 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_leftIconDisabled__87a24138 > [data-elem=component1] > svg {\n fill: #161616;\n opacity: 0.25;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] {\n flex: 1;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138 {\n -moz-appearance: textfield;\n flex: 1;\n border: none;\n border-radius: 4px;\n font-weight: 400;\n color: var(--text-color);\n font-size: 14px;\n line-height: 18px !important;\n letter-spacing: 0.16px;\n background-color: #f7f7f7;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138::-webkit-outer-spin-button, .TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:focus {\n outline: none;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:disabled {\n background: #f7f7f7;\n color: var(--grey3);\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138.TextField_module_error__87a24138 {\n color: var(--primary-color1);\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:disabled {\n color: #161616;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:disabled::-moz-placeholder {\n color: #161616;\n opacity: 0.25;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:disabled::placeholder {\n color: #161616;\n opacity: 0.25;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138::-moz-placeholder {\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0.16px;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138::placeholder {\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0.16px;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138::-moz-placeholder {\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0.16px;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:-webkit-autofill, .TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:-webkit-autofill:hover, .TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:-webkit-autofill:focus, .TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px #f7f7f7 inset !important;\n -webkit-text-fill-color: initial !important;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:autofill, .TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:autofill:hover, .TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:autofill:focus, .TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:autofill:active {\n box-shadow: 0 0 0 30px #f7f7f7 inset !important;\n -moz-text-fill-color: initial !important;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 12px;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component3] button[data-elem=base-cell].TextField_module_button__87a24138[type=button] {\n width: auto;\n height: -moz-fit-content;\n height: fit-content;\n padding: 0;\n background-color: transparent;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_typeTextarea__87a24138 {\n padding: 0;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_typeTextarea__87a24138 > [data-elem=component2] .TextField_module_input__87a24138 {\n min-height: 48px;\n resize: vertical;\n padding: 12px 16px;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_typeTextarea__87a24138 > [data-elem=component3] {\n position: absolute;\n right: 12px;\n top: 12px;\n align-self: flex-end;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_feedbackError__87a24138 {\n border-color: var(--primary-color1);\n box-shadow: 0 0 0 1px var(--primary-color1);\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_borderBottom__87a24138 {\n border-width: 0px 0px 1.008px 0px;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_borderNone__87a24138 {\n border-width: 0px;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138:active {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138:has(input:disabled), .TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138:has(textarea:disabled) {\n opacity: 0.6;\n transition: opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 button:active {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138:has(input:disabled),\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138:has(textarea:disabled) {\n border: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n .TextField_module_root__87a24138 * {\n transition-duration: 1ms !important;\n animation-duration: 1ms !important;\n }\n}";
|
|
13378
|
+
var modules_c1d23762 = {"root":"TextField_module_root__87a24138","helperTextWrapper":"TextField_module_helperTextWrapper__87a24138","helperText":"TextField_module_helperText__87a24138","helperTextError":"TextField_module_helperTextError__87a24138","helperTextDisabled":"TextField_module_helperTextDisabled__87a24138","labelRow":"TextField_module_labelRow__87a24138","required":"TextField_module_required__87a24138","labelDisabled":"TextField_module_labelDisabled__87a24138","forgotPassword":"TextField_module_forgotPassword__87a24138","textCount":"TextField_module_textCount__87a24138","input-wrapper":"TextField_module_inputWrapper__87a24138","readOnly":"TextField_module_readOnly__87a24138","input":"TextField_module_input__87a24138","sm":"TextField_module_sm__87a24138","md":"TextField_module_md__87a24138","lg":"TextField_module_lg__87a24138","type-textarea":"TextField_module_typeTextarea__87a24138","icon":"TextField_module_icon__87a24138","leftIconDisabled":"TextField_module_leftIconDisabled__87a24138","error":"TextField_module_error__87a24138","button":"TextField_module_button__87a24138","feedback-error":"TextField_module_feedbackError__87a24138","border-bottom":"TextField_module_borderBottom__87a24138","border-none":"TextField_module_borderNone__87a24138"};
|
|
13379
|
+
n(css$T,{});
|
|
13146
13380
|
|
|
13147
|
-
var css$
|
|
13381
|
+
var css$S = ".Text_module_root__d10e5305 {\n color: var(--text-color);\n}\n.Text_module_root__d10e5305.Text_module_h1__d10e5305 {\n font-size: 2.25rem;\n line-height: 2.75rem;\n}\n.Text_module_root__d10e5305.Text_module_h2__d10e5305 {\n font-size: 1.375rem;\n line-height: 1.688rem;\n}\n.Text_module_root__d10e5305.Text_module_b1__d10e5305 {\n font-size: 1rem;\n line-height: 1.188rem;\n}\n.Text_module_root__d10e5305.Text_module_b2__d10e5305 {\n font-size: 0.875rem;\n line-height: 1.188rem;\n}\n.Text_module_root__d10e5305.Text_module_b3__d10e5305 {\n font-size: 0.75rem;\n line-height: 1.063rem;\n}\n.Text_module_root__d10e5305.Text_module_regularStroke__d10e5305 {\n font-weight: 400;\n}\n.Text_module_root__d10e5305.Text_module_mediumStroke__d10e5305 {\n font-weight: 500;\n}\n.Text_module_root__d10e5305.Text_module_semiboldStroke__d10e5305 {\n font-weight: 600;\n}\n.Text_module_root__d10e5305.Text_module_boldStroke__d10e5305 {\n font-weight: 800;\n}";
|
|
13148
13382
|
var modules_22fa3f10 = {"root":"Text_module_root__d10e5305","h1":"Text_module_h1__d10e5305","h2":"Text_module_h2__d10e5305","b1":"Text_module_b1__d10e5305","b2":"Text_module_b2__d10e5305","b3":"Text_module_b3__d10e5305","regular-stroke":"Text_module_regularStroke__d10e5305","medium-stroke":"Text_module_mediumStroke__d10e5305","semibold-stroke":"Text_module_semiboldStroke__d10e5305","bold-stroke":"Text_module_boldStroke__d10e5305"};
|
|
13149
|
-
n(css$
|
|
13383
|
+
n(css$S,{});
|
|
13150
13384
|
|
|
13151
13385
|
var Text = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
13152
13386
|
var _props$variant = props.variant,
|
|
@@ -13274,6 +13508,7 @@ var TextField$1 = /*#__PURE__*/forwardRef(function (props, inputRef) {
|
|
|
13274
13508
|
disabled: disabled,
|
|
13275
13509
|
readOnly: readOnly,
|
|
13276
13510
|
placeholder: placeholder,
|
|
13511
|
+
type: type,
|
|
13277
13512
|
onFocus: function onFocus() {
|
|
13278
13513
|
_onFocus === null || _onFocus === void 0 || _onFocus();
|
|
13279
13514
|
setShowAutocompleteOptions(true);
|
|
@@ -13312,7 +13547,7 @@ var TextField$1 = /*#__PURE__*/forwardRef(function (props, inputRef) {
|
|
|
13312
13547
|
}), type === 'textarea' && typeof maxLength === 'number' && jsxs("span", {
|
|
13313
13548
|
className: modules_c1d23762.textCount,
|
|
13314
13549
|
children: [inputValue.length, "/", maxLength]
|
|
13315
|
-
}),
|
|
13550
|
+
}), !disabled && linkAction && jsx("a", {
|
|
13316
13551
|
href: '#',
|
|
13317
13552
|
onClick: handleLinkClick,
|
|
13318
13553
|
className: modules_c1d23762.forgotPassword,
|
|
@@ -13320,7 +13555,7 @@ var TextField$1 = /*#__PURE__*/forwardRef(function (props, inputRef) {
|
|
|
13320
13555
|
})]
|
|
13321
13556
|
}), jsx(BaseCell, _objectSpread2(_objectSpread2({
|
|
13322
13557
|
ref: setAnchorEl,
|
|
13323
|
-
className: classes(modules_c1d23762[size], modules_c1d23762['input-wrapper'], modules_c1d23762["border-".concat(border)], modules_c1d23762["type-".concat(type)], readOnly && modules_c1d23762.readOnly, feedback !== null && feedback !== void 0 && feedback.error ? modules_c1d23762['feedback-error'] : '')
|
|
13558
|
+
className: classes(modules_c1d23762[size], modules_c1d23762['input-wrapper'], modules_c1d23762["border-".concat(border)], modules_c1d23762["type-".concat(type)], readOnly && modules_c1d23762.readOnly, disabled && modules_c1d23762.leftIconDisabled, feedback !== null && feedback !== void 0 && feedback.error ? modules_c1d23762['feedback-error'] : '')
|
|
13324
13559
|
}, LeftComponent && {
|
|
13325
13560
|
component1: getLeftComponent()
|
|
13326
13561
|
}), {}, {
|
|
@@ -13465,7 +13700,7 @@ var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
|
|
|
13465
13700
|
variant: 'light',
|
|
13466
13701
|
children: jsx("span", {
|
|
13467
13702
|
className: classes(modules_c1d23762$1.span, feedback.error ? modules_c1d23762$1.error : ''),
|
|
13468
|
-
children: jsx(Info, {
|
|
13703
|
+
children: jsx(Info$1, {
|
|
13469
13704
|
className: classes(modules_c1d23762$1.icon, feedback.error ? modules_c1d23762$1.error : '')
|
|
13470
13705
|
})
|
|
13471
13706
|
})
|
|
@@ -13481,7 +13716,7 @@ var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
|
|
|
13481
13716
|
variant: 'light',
|
|
13482
13717
|
children: jsx("span", {
|
|
13483
13718
|
className: classes(modules_c1d23762$1.span, feedback.error ? modules_c1d23762$1.error : ''),
|
|
13484
|
-
children: jsx(Info, {
|
|
13719
|
+
children: jsx(Info$1, {
|
|
13485
13720
|
className: classes(modules_c1d23762$1.icon, feedback.error ? modules_c1d23762$1.error : '')
|
|
13486
13721
|
})
|
|
13487
13722
|
})
|
|
@@ -13550,13 +13785,762 @@ var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
|
|
|
13550
13785
|
});
|
|
13551
13786
|
});
|
|
13552
13787
|
|
|
13553
|
-
// eslint-disable-next-line prefer-arrow-callback
|
|
13554
|
-
var
|
|
13555
|
-
|
|
13556
|
-
|
|
13557
|
-
|
|
13558
|
-
|
|
13559
|
-
|
|
13788
|
+
var css$R = ".Dropdown_module_root__6e7e92e0 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.5rem;\n position: relative;\n width: -moz-fit-content;\n width: fit-content;\n max-width: 100%;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_label__6e7e92e0 {\n font-size: 0.75rem;\n color: var(--text-color);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_label__6e7e92e0.Dropdown_module_required__6e7e92e0::after {\n content: \" *\";\n color: var(--primary-color1);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n max-width: 100%;\n border-radius: 0.25rem;\n position: relative;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] {\n background-color: var(--background-color5);\n color: var(--secondary-color2);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] * {\n color: var(--secondary-color2);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIcon__6e7e92e0 {\n fill: var(--secondary-color2) !important;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0 {\n fill: transparent;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0 > path {\n stroke: var(--secondary-color2);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n outline: 1px solid var(--secondary-color2);\n transition: outline 100ms ease-in-out;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_error__6e7e92e0 {\n border: 1px solid var(--primary-color1);\n border-radius: 0.3125rem;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_input__6e7e92e0 {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_input__6e7e92e0:focus + .Dropdown_module_select__6e7e92e0 {\n border-color: var(--primary-color4);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_input__6e7e92e0:focus + .Dropdown_module_select__6e7e92e0.Dropdown_module_feedbackError__6e7e92e0 {\n border-color: var(--primary-color1);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 25rem;\n max-width: 100%;\n gap: 0.5rem;\n outline: none;\n border-radius: 0.3125rem;\n padding: 0.75rem 0.75rem 0.75rem 1rem;\n background: var(--light-color3);\n cursor: pointer;\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_placeholder__6e7e92e0 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: var(--text-color);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_infoIcon__6e7e92e0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIcon__6e7e92e0 {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: var(--text-color) !important;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n transform: rotate(180deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIcon__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n transform: rotate(0deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0 {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: transparent !important;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n transform: rotate(180deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0 > path {\n stroke: var(--text-color);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n transform: rotate(0deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_infoIcon__6e7e92e0 path {\n stroke: var(--primary-color1);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_icon__6e7e92e0 {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: var(--text-color) !important;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_icon__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n transform: rotate(180deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0.Dropdown_module_feedbackError__6e7e92e0 {\n border-color: var(--primary-color1);\n}\n.Dropdown_module_root__6e7e92e0.Dropdown_module_open__6e7e92e0 .Dropdown_module_header__6e7e92e0 {\n border-color: var(--primary-color4);\n}\n.Dropdown_module_root__6e7e92e0.Dropdown_module_disabled__6e7e92e0 .Dropdown_module_select__6e7e92e0 {\n background: var(--grey10);\n cursor: not-allowed;\n}\n\n.Dropdown_module_body__6e7e92e0 {\n display: none;\n position: absolute;\n top: calc(100% + 0.5rem);\n background: var(--light-color3);\n width: auto;\n border-radius: 0.3125rem;\n padding: 1.25rem 0rem 1.25rem 0rem;\n overflow-y: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n min-height: 4rem;\n max-height: 25rem !important;\n outline: none;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);\n}\n.Dropdown_module_body__6e7e92e0::-webkit-scrollbar {\n display: none;\n}\n.Dropdown_module_body__6e7e92e0.Dropdown_module_multi__6e7e92e0 {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n.Dropdown_module_body__6e7e92e0.Dropdown_module_multi__6e7e92e0 li:nth-child(1) {\n padding-left: 1.875rem;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: sticky;\n top: 0;\n background-color: var(--light-color3);\n padding-inline: 1.25rem;\n padding-block: 0.25rem;\n list-style: none;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 button[data-elem=base-cell].Dropdown_module_button__6e7e92e0[type=button] {\n width: auto;\n padding: 0% !important;\n background-color: transparent;\n color: var(--secondary-color2);\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 button[data-elem=base-cell].Dropdown_module_button__6e7e92e0[type=button] > [data-elem=component2] {\n margin-left: 0.1rem;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 button[data-elem=base-cell].Dropdown_module_button__6e7e92e0[type=button] > [data-elem=component1] > svg {\n fill: var(--secondary-color2);\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 .Dropdown_module_items__6e7e92e0 {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--text-color);\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_search__6e7e92e0 {\n width: 100%;\n margin-bottom: 1rem;\n position: sticky;\n top: 0;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_search__6e7e92e0 label div {\n border-radius: 0rem !important;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_footer__6e7e92e0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n gap: 1rem;\n position: sticky;\n background-color: var(--light-color3);\n padding: 0rem 1rem 1rem;\n bottom: 0;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_footer__6e7e92e0 button[data-elem=base-cell].Dropdown_module_multiApply__6e7e92e0[type=submit] {\n flex: 1;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_footer__6e7e92e0 button[data-elem=base-cell].Dropdown_module_multiClear__6e7e92e0[type=submit] {\n background-color: var(--light-color2);\n color: var(--mono-color1);\n flex: 1;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_footer__6e7e92e0 button[data-elem=base-cell].Dropdown_module_multiClear__6e7e92e0[type=submit]:hover {\n background-color: var(--light-color1);\n}\n.Dropdown_module_body__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
13789
|
+
var modules_1b90f5ea$1 = {"root":"Dropdown_module_root__6e7e92e0","label":"Dropdown_module_label__6e7e92e0","required":"Dropdown_module_required__6e7e92e0","header":"Dropdown_module_header__6e7e92e0","highlightOnSelect":"Dropdown_module_highlightOnSelect__6e7e92e0","icon-bundle":"Dropdown_module_iconBundle__6e7e92e0","caret-icon":"Dropdown_module_caretIcon__6e7e92e0","caret-icon-upDown":"Dropdown_module_caretIconUpDown__6e7e92e0","open":"Dropdown_module_open__6e7e92e0","error":"Dropdown_module_error__6e7e92e0","input":"Dropdown_module_input__6e7e92e0","select":"Dropdown_module_select__6e7e92e0","feedback-error":"Dropdown_module_feedbackError__6e7e92e0","placeholder":"Dropdown_module_placeholder__6e7e92e0","info-icon":"Dropdown_module_infoIcon__6e7e92e0","icon":"Dropdown_module_icon__6e7e92e0","disabled":"Dropdown_module_disabled__6e7e92e0","body":"Dropdown_module_body__6e7e92e0","multi":"Dropdown_module_multi__6e7e92e0","multi-options":"Dropdown_module_multiOptions__6e7e92e0","button":"Dropdown_module_button__6e7e92e0","items":"Dropdown_module_items__6e7e92e0","search":"Dropdown_module_search__6e7e92e0","footer":"Dropdown_module_footer__6e7e92e0","multi-apply":"Dropdown_module_multiApply__6e7e92e0","multi-clear":"Dropdown_module_multiClear__6e7e92e0"};
|
|
13790
|
+
n(css$R,{});
|
|
13791
|
+
|
|
13792
|
+
var css$Q = ".Radio_module_root__c3d663ec {\n cursor: pointer;\n gap: 10px;\n color: var(--grey1);\n}\n.Radio_module_root__c3d663ec.Radio_module_positionLeft__c3d663ec {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Radio_module_root__c3d663ec.Radio_module_positionRight__c3d663ec {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n align-items: center;\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec {\n cursor: default;\n color: var(--grey4);\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec .Radio_module_icon__c3d663ec rect:nth-of-type(1) {\n stroke: var(--grey5);\n fill: var(--grey10);\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec .Radio_module_icon__c3d663ec rect:nth-of-type(2) {\n stroke: var(--grey5);\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec .Radio_module_icon__c3d663ec circle {\n fill: var(--grey5);\n}\n.Radio_module_root__c3d663ec.Radio_module_selected__c3d663ec {\n color: var(--text-color);\n}\n.Radio_module_root__c3d663ec:hover:not(.Radio_module_disabled__c3d663ec) {\n color: var(--text-color);\n}\n.Radio_module_root__c3d663ec:hover:not(.Radio_module_disabled__c3d663ec) .Radio_module_icon__c3d663ec rect:nth-of-type(1) {\n stroke: var(--primary-color4);\n fill: var(--background-color5);\n}\n.Radio_module_root__c3d663ec input[type=radio] {\n opacity: 0;\n z-index: 1;\n position: absolute;\n width: 1px;\n height: 1px;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec {\n display: inline-block;\n border-radius: 50%;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec.Radio_module_iconSm__c3d663ec {\n width: 1rem;\n height: 1rem;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec.Radio_module_iconMd__c3d663ec {\n width: 1.25rem;\n height: 1.25rem;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec.Radio_module_iconLg__c3d663ec {\n width: 1.5rem;\n height: 2rem;\n}\n.Radio_module_root__c3d663ec input:focus + .Radio_module_icon__c3d663ec {\n box-shadow: 0px 0px 0px 0.25rem rgba(15, 98, 254, 0.125);\n}\n.Radio_module_root__c3d663ec [data-elem=label] {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}";
|
|
13793
|
+
var modules_3705961f = {"root":"Radio_module_root__c3d663ec","position-left":"Radio_module_positionLeft__c3d663ec","position-right":"Radio_module_positionRight__c3d663ec","disabled":"Radio_module_disabled__c3d663ec","icon":"Radio_module_icon__c3d663ec","selected":"Radio_module_selected__c3d663ec","icon-sm":"Radio_module_iconSm__c3d663ec","icon-md":"Radio_module_iconMd__c3d663ec","icon-lg":"Radio_module_iconLg__c3d663ec"};
|
|
13794
|
+
n(css$Q,{});
|
|
13795
|
+
|
|
13796
|
+
var Radio = function Radio(props) {
|
|
13797
|
+
var label = props.label,
|
|
13798
|
+
checked = props.checked,
|
|
13799
|
+
defaultChecked = props.defaultChecked,
|
|
13800
|
+
onChange = props.onChange,
|
|
13801
|
+
_props$position = props.position,
|
|
13802
|
+
position = _props$position === void 0 ? 'left' : _props$position,
|
|
13803
|
+
_props$size = props.size,
|
|
13804
|
+
size = _props$size === void 0 ? 'sm' : _props$size,
|
|
13805
|
+
className = props.className,
|
|
13806
|
+
disabled = props.disabled;
|
|
13807
|
+
// Lock controlled vs uncontrolled on first render
|
|
13808
|
+
var _useRef = useRef(checked !== undefined),
|
|
13809
|
+
isControlled = _useRef.current;
|
|
13810
|
+
// Uncontrolled state
|
|
13811
|
+
var _useState = useState(defaultChecked),
|
|
13812
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
13813
|
+
uncontrolledChecked = _useState2[0],
|
|
13814
|
+
setUncontrolledChecked = _useState2[1];
|
|
13815
|
+
var handleChange = function handleChange(event) {
|
|
13816
|
+
var _helperResult$fieldVa;
|
|
13817
|
+
// Safely extract fieldValue; fall back to event.target.checked
|
|
13818
|
+
var helperResult = inputHelper === null || inputHelper === void 0 ? void 0 : inputHelper(event);
|
|
13819
|
+
var fieldValue = (_helperResult$fieldVa = helperResult === null || helperResult === void 0 ? void 0 : helperResult.fieldValue) !== null && _helperResult$fieldVa !== void 0 ? _helperResult$fieldVa : event.target.checked;
|
|
13820
|
+
if (isControlled) {
|
|
13821
|
+
onChange === null || onChange === void 0 || onChange(event, fieldValue);
|
|
13822
|
+
} else {
|
|
13823
|
+
setUncontrolledChecked(fieldValue);
|
|
13824
|
+
}
|
|
13825
|
+
};
|
|
13826
|
+
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
13827
|
+
var CheckedIcon = RadioIcon.Checked;
|
|
13828
|
+
var UncheckedIcon = RadioIcon.UnChecked;
|
|
13829
|
+
return jsxs("label", {
|
|
13830
|
+
className: classes(modules_3705961f.root, modules_3705961f["position-".concat(position)], disabled ? modules_3705961f.disabled : '', isChecked ? modules_3705961f.selected : '', className),
|
|
13831
|
+
children: [jsx("input", {
|
|
13832
|
+
disabled: disabled,
|
|
13833
|
+
type: 'radio',
|
|
13834
|
+
// Preserve original pattern: always pass checked (undefined keeps it uncontrolled)
|
|
13835
|
+
checked: isChecked,
|
|
13836
|
+
onChange: handleChange
|
|
13837
|
+
}), isChecked ? jsx(CheckedIcon, {
|
|
13838
|
+
"data-elem": 'icon',
|
|
13839
|
+
className: classes(modules_3705961f["icon-".concat(size)], modules_3705961f.icon)
|
|
13840
|
+
}) : jsx(UncheckedIcon, {
|
|
13841
|
+
"data-elem": 'icon',
|
|
13842
|
+
className: classes(modules_3705961f["icon-".concat(size)], modules_3705961f.icon)
|
|
13843
|
+
}), label && jsx("span", {
|
|
13844
|
+
"data-elem": 'label',
|
|
13845
|
+
children: label
|
|
13846
|
+
})]
|
|
13847
|
+
});
|
|
13848
|
+
};
|
|
13849
|
+
|
|
13850
|
+
var css$P = ".DropdownItem_module_root__8b4c517e {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.75rem;\n padding: 0.625rem 0.75rem;\n border-radius: 0.25rem;\n cursor: pointer;\n margin-inline: 1.25rem;\n color: var(--grey);\n outline: none;\n margin-bottom: 1.25rem;\n}\n.DropdownItem_module_root__8b4c517e:nth-last-child(1) {\n margin-bottom: 0rem;\n}\n.DropdownItem_module_root__8b4c517e > .DropdownItem_module_input__8b4c517e {\n cursor: pointer;\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_error__8b4c517e {\n background: var(--background-color1);\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_error__8b4c517e:hover {\n cursor: not-allowed;\n background: var(--background-color1);\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_error__8b4c517e .DropdownItem_module_title__8b4c517e {\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_error__8b4c517e .DropdownItem_module_title__8b4c517e .DropdownItem_module_icon__8b4c517e {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_error__8b4c517e .DropdownItem_module_title__8b4c517e .DropdownItem_module_icon__8b4c517e path {\n stroke: var(--primary-color1);\n}\n.DropdownItem_module_root__8b4c517e:hover {\n background: var(--background-color4);\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_disabled__8b4c517e {\n filter: opacity(0.25);\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_disabled__8b4c517e:hover {\n cursor: not-allowed;\n}";
|
|
13851
|
+
var modules_bf949acd$1 = {"root":"DropdownItem_module_root__8b4c517e","input":"DropdownItem_module_input__8b4c517e","error":"DropdownItem_module_error__8b4c517e","title":"DropdownItem_module_title__8b4c517e","icon":"DropdownItem_module_icon__8b4c517e","disabled":"DropdownItem_module_disabled__8b4c517e"};
|
|
13852
|
+
n(css$P,{});
|
|
13853
|
+
|
|
13854
|
+
var css$O = ".DropdownItem_module_root__5212a270 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n background-color: #f7f7f7;\n outline: none;\n letter-spacing: small;\n color: #484848;\n font-size: 1.16667rem;\n font-weight: 400;\n line-height: 1.5rem;\n letter-spacing: 0.01333rem;\n border-radius: 0.33333rem;\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);\n min-height: 3.33333rem;\n padding: 0 1.75rem;\n gap: 0.83333rem;\n}\n.DropdownItem_module_root__5212a270 .DropdownItem_module_title__5212a270 {\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.DropdownItem_module_root__5212a270:nth-last-child(1) {\n margin-bottom: 0rem;\n}\n.DropdownItem_module_root__5212a270 > .DropdownItem_module_input__5212a270 {\n cursor: pointer;\n}\n.DropdownItem_module_root__5212a270.DropdownItem_module_error__5212a270 {\n background: var(--background-color1);\n}\n.DropdownItem_module_root__5212a270.DropdownItem_module_error__5212a270:hover {\n cursor: not-allowed;\n background: var(--background-color1);\n}\n.DropdownItem_module_root__5212a270.DropdownItem_module_error__5212a270 .DropdownItem_module_title__5212a270 {\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.DropdownItem_module_root__5212a270.DropdownItem_module_error__5212a270 .DropdownItem_module_title__5212a270 .DropdownItem_module_icon__5212a270 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.DropdownItem_module_root__5212a270.DropdownItem_module_error__5212a270 .DropdownItem_module_title__5212a270 .DropdownItem_module_icon__5212a270 path {\n stroke: var(--primary-color1);\n}\n.DropdownItem_module_root__5212a270:hover {\n background: #e4e4e4;\n border-left: 2px solid #e86a00;\n border-radius: 0;\n padding-left: 1.625rem;\n}\n.DropdownItem_module_root__5212a270.DropdownItem_module_disabled__5212a270 {\n filter: opacity(0.25);\n}\n.DropdownItem_module_root__5212a270.DropdownItem_module_disabled__5212a270:hover {\n cursor: not-allowed;\n}";
|
|
13855
|
+
var modules_bf949acd = {"root":"DropdownItem_module_root__5212a270","title":"DropdownItem_module_title__5212a270","input":"DropdownItem_module_input__5212a270","error":"DropdownItem_module_error__5212a270","icon":"DropdownItem_module_icon__5212a270","disabled":"DropdownItem_module_disabled__5212a270"};
|
|
13856
|
+
n(css$O,{});
|
|
13857
|
+
|
|
13858
|
+
var DropdownItem$1 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
13859
|
+
var title = props.title,
|
|
13860
|
+
value = props.value,
|
|
13861
|
+
variant = props.variant,
|
|
13862
|
+
error = props.error,
|
|
13863
|
+
selected = props.selected,
|
|
13864
|
+
onKeyDown = props.onKeyDown,
|
|
13865
|
+
onMouseEnter = props.onMouseEnter,
|
|
13866
|
+
onClick = props.onClick,
|
|
13867
|
+
dataAttrs = props.dataAttrs,
|
|
13868
|
+
className = props.className,
|
|
13869
|
+
tabIndex = props.tabIndex,
|
|
13870
|
+
disabled = props.disabled,
|
|
13871
|
+
_props$intermediate = props.intermediate,
|
|
13872
|
+
intermediate = _props$intermediate === void 0 ? false : _props$intermediate,
|
|
13873
|
+
customComponent = props.customComponent;
|
|
13874
|
+
var action = null;
|
|
13875
|
+
switch (variant) {
|
|
13876
|
+
case 'checkbox':
|
|
13877
|
+
action = jsx(Checkbox, {
|
|
13878
|
+
v2: true,
|
|
13879
|
+
className: modules_bf949acd.input,
|
|
13880
|
+
checked: !!selected,
|
|
13881
|
+
intermediate: intermediate,
|
|
13882
|
+
disabledAsChild: true
|
|
13883
|
+
});
|
|
13884
|
+
break;
|
|
13885
|
+
case 'radio':
|
|
13886
|
+
action = jsx(Radio, {
|
|
13887
|
+
className: modules_bf949acd.input,
|
|
13888
|
+
checked: !!selected,
|
|
13889
|
+
disabled: !!disabled || !!error
|
|
13890
|
+
});
|
|
13891
|
+
break;
|
|
13892
|
+
}
|
|
13893
|
+
return jsxs("li", _objectSpread2(_objectSpread2({
|
|
13894
|
+
ref: ref,
|
|
13895
|
+
className: classes(modules_bf949acd.root, selected ? modules_bf949acd.selected : '', disabled ? modules_bf949acd.disabled : '', error ? modules_bf949acd.error : '', className),
|
|
13896
|
+
"data-elem": 'dropdown-item',
|
|
13897
|
+
"data-variant": variant,
|
|
13898
|
+
"data-value": value,
|
|
13899
|
+
"data-selected": selected,
|
|
13900
|
+
onClick: !disabled && !error ? onClick : undefined,
|
|
13901
|
+
onMouseEnter: onMouseEnter
|
|
13902
|
+
}, dataAttrs !== null && dataAttrs !== void 0 ? dataAttrs : {}), {}, {
|
|
13903
|
+
tabIndex: tabIndex,
|
|
13904
|
+
role: 'option',
|
|
13905
|
+
"aria-selected": !!selected,
|
|
13906
|
+
onKeyDown: onKeyDown,
|
|
13907
|
+
children: [action, customComponent !== null && customComponent !== void 0 ? customComponent : jsxs("span", {
|
|
13908
|
+
className: modules_bf949acd.title,
|
|
13909
|
+
"data-elem": 'title',
|
|
13910
|
+
children: [jsx("span", {
|
|
13911
|
+
children: title
|
|
13912
|
+
}), selected && variant !== 'checkbox' && jsx("span", {
|
|
13913
|
+
className: modules_bf949acd.icon,
|
|
13914
|
+
children: jsx(Checked, {
|
|
13915
|
+
className: modules_bf949acd['info-icon']
|
|
13916
|
+
})
|
|
13917
|
+
}), error && jsx(Tooltip, {
|
|
13918
|
+
content: error,
|
|
13919
|
+
position: 'top',
|
|
13920
|
+
className: modules_bf949acd.tooltip,
|
|
13921
|
+
variant: 'light',
|
|
13922
|
+
children: jsx("span", {
|
|
13923
|
+
className: modules_bf949acd.span,
|
|
13924
|
+
children: jsx(Info$1, {
|
|
13925
|
+
className: modules_bf949acd.icon
|
|
13926
|
+
})
|
|
13927
|
+
})
|
|
13928
|
+
})]
|
|
13929
|
+
})]
|
|
13930
|
+
}));
|
|
13931
|
+
});
|
|
13932
|
+
|
|
13933
|
+
var DropdownItem = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
13934
|
+
var title = props.title,
|
|
13935
|
+
value = props.value,
|
|
13936
|
+
variant = props.variant,
|
|
13937
|
+
error = props.error,
|
|
13938
|
+
selected = props.selected,
|
|
13939
|
+
onKeyDown = props.onKeyDown,
|
|
13940
|
+
onMouseEnter = props.onMouseEnter,
|
|
13941
|
+
onClick = props.onClick,
|
|
13942
|
+
dataAttrs = props.dataAttrs,
|
|
13943
|
+
className = props.className,
|
|
13944
|
+
tabIndex = props.tabIndex,
|
|
13945
|
+
disabled = props.disabled,
|
|
13946
|
+
customComponent = props.customComponent,
|
|
13947
|
+
_props$v = props.v2,
|
|
13948
|
+
v2 = _props$v === void 0 ? false : _props$v;
|
|
13949
|
+
if (v2) {
|
|
13950
|
+
return jsx(DropdownItem$1, _objectSpread2({}, props));
|
|
13951
|
+
}
|
|
13952
|
+
var action = null;
|
|
13953
|
+
switch (variant) {
|
|
13954
|
+
case 'checkbox':
|
|
13955
|
+
action = jsx(Checkbox, {
|
|
13956
|
+
className: modules_bf949acd$1.input,
|
|
13957
|
+
checked: !!selected,
|
|
13958
|
+
disabled: true,
|
|
13959
|
+
disabledAsChild: true
|
|
13960
|
+
});
|
|
13961
|
+
break;
|
|
13962
|
+
case 'radio':
|
|
13963
|
+
action = jsx(Radio, {
|
|
13964
|
+
className: modules_bf949acd$1.input,
|
|
13965
|
+
checked: !!selected,
|
|
13966
|
+
disabled: !!disabled || !!error
|
|
13967
|
+
});
|
|
13968
|
+
break;
|
|
13969
|
+
}
|
|
13970
|
+
return jsxs("li", _objectSpread2(_objectSpread2({
|
|
13971
|
+
ref: ref,
|
|
13972
|
+
className: classes(modules_bf949acd$1.root, selected ? modules_bf949acd$1.selected : '', disabled ? modules_bf949acd$1.disabled : '', error ? modules_bf949acd$1.error : '', className),
|
|
13973
|
+
"data-elem": 'dropdown-item',
|
|
13974
|
+
"data-variant": variant,
|
|
13975
|
+
"data-value": value,
|
|
13976
|
+
"data-selected": selected,
|
|
13977
|
+
onClick: !disabled && !error ? onClick : undefined,
|
|
13978
|
+
onMouseEnter: onMouseEnter
|
|
13979
|
+
}, dataAttrs !== null && dataAttrs !== void 0 ? dataAttrs : {}), {}, {
|
|
13980
|
+
tabIndex: tabIndex,
|
|
13981
|
+
role: 'option',
|
|
13982
|
+
"aria-selected": !!selected,
|
|
13983
|
+
onKeyDown: onKeyDown,
|
|
13984
|
+
children: [action, customComponent !== null && customComponent !== void 0 ? customComponent : jsxs("span", {
|
|
13985
|
+
className: modules_bf949acd$1.title,
|
|
13986
|
+
"data-elem": 'title',
|
|
13987
|
+
children: [jsx("span", {
|
|
13988
|
+
children: title
|
|
13989
|
+
}), error && jsx(Tooltip, {
|
|
13990
|
+
content: error,
|
|
13991
|
+
position: 'top',
|
|
13992
|
+
className: modules_bf949acd$1.tooltip,
|
|
13993
|
+
variant: 'light',
|
|
13994
|
+
children: jsx("span", {
|
|
13995
|
+
className: modules_bf949acd$1.span,
|
|
13996
|
+
children: jsx(Info$1, {
|
|
13997
|
+
className: modules_bf949acd$1.icon
|
|
13998
|
+
})
|
|
13999
|
+
})
|
|
14000
|
+
})]
|
|
14001
|
+
})]
|
|
14002
|
+
}));
|
|
14003
|
+
});
|
|
14004
|
+
|
|
14005
|
+
var css$N = ".Dropdown_module_root__38abdb2c {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.5rem;\n position: relative;\n width: -moz-fit-content;\n width: fit-content;\n max-width: 100%;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_label__38abdb2c {\n font-size: 1rem;\n color: #484848;\n font-style: normal;\n font-weight: 400;\n line-height: 1.33333rem;\n letter-spacing: 0.02667rem;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_label__38abdb2c.Dropdown_module_required__38abdb2c::after {\n content: \" *\";\n color: var(--primary-color1);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_label__38abdb2c.Dropdown_module_disabled__38abdb2c {\n color: rgba(22, 22, 22, 0.3019607843);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_info__38abdb2c {\n font-size: 1rem;\n color: #484848;\n font-style: normal;\n font-weight: 400;\n line-height: 1.33333rem;\n letter-spacing: 0.02667rem;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_info__38abdb2c.Dropdown_module_errorInfo__38abdb2c {\n color: #da1e28;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n min-width: 163px;\n border-radius: 0.33333rem;\n position: relative;\n display: flex;\n height: 3.33333rem;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n border: 1px solid #828282;\n background: #f7f7f7;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c:hover {\n background-color: #e4e4e4 !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c.Dropdown_module_disabled__38abdb2c {\n border-color: #f7f7f7;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c.Dropdown_module_disabled__38abdb2c:hover {\n background-color: #f7f7f7 !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c.Dropdown_module_readOnly__38abdb2c {\n border-width: 0rem 0rem 0rem 0rem;\n border-bottom: 1px solid #ededed;\n background: transparent;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c.Dropdown_module_readOnly__38abdb2c:hover {\n background-color: transparent !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c.Dropdown_module_highlightOnSelect__38abdb2c [data-elem=select] {\n background-color: var(--background-color5);\n color: var(--secondary-color2);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c.Dropdown_module_highlightOnSelect__38abdb2c [data-elem=select] * {\n color: var(--secondary-color2);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c.Dropdown_module_highlightOnSelect__38abdb2c [data-elem=select] .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_caretIcon__38abdb2c {\n fill: var(--secondary-color2) !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c.Dropdown_module_highlightOnSelect__38abdb2c [data-elem=select] .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_caretIconUpDown__38abdb2c {\n fill: transparent;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c.Dropdown_module_highlightOnSelect__38abdb2c [data-elem=select] .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_caretIconUpDown__38abdb2c > path {\n stroke: var(--secondary-color2);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c.Dropdown_module_open__38abdb2c {\n outline: 1px solid var(--secondary-color2);\n transition: outline 100ms ease-in-out;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c.Dropdown_module_error__38abdb2c {\n border: 1px solid var(--primary-color1);\n border-radius: 0.33333rem;\n border: 2px solid, #da1e28;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_input__38abdb2c {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_input__38abdb2c:focus + .Dropdown_module_select__38abdb2c {\n border-color: var(--primary-color4);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_input__38abdb2c:focus + .Dropdown_module_select__38abdb2c.Dropdown_module_feedbackError__38abdb2c {\n border-color: var(--primary-color1);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n max-width: 100%;\n gap: 0.5rem;\n outline: none;\n border-radius: 0.3125rem;\n background: #f7f7f7;\n cursor: pointer;\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n box-sizing: border-box;\n height: 100% !important;\n min-width: 163px !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c [data-elem=base-cell] {\n width: 23rem;\n background: #f7f7f7;\n box-shadow: none;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c [data-elem=base-cell]:hover {\n background-color: #e4e4e4 !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c [data-elem=base-cell] [data-elem=component2] {\n padding: 0%;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c [data-elem=base-cell] [data-elem=component2] [data-elem=input] {\n padding: 0%;\n background: #f7f7f7;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_selected__38abdb2c {\n margin: 11px 0 11px 16px;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_selected__38abdb2c span {\n color: var(--text-text-primary, #161616);\n font-family: var(--font-font-family, Poppins);\n font-size: var(--font-font-size-14, 14px);\n font-style: normal;\n font-weight: var(--font-font-weight-Regular, 400);\n line-height: var(--font-font-height-18, 18px);\n letter-spacing: var(--font-font-spacing-small, 0.16px);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_textField__38abdb2c {\n padding-top: 5%;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_textField__38abdb2c [data-elem=base-cell] {\n border: none !important;\n box-shadow: none !important;\n outline: none;\n width: auto !important;\n transition: none !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_textField__38abdb2c [data-elem=input] {\n border: none !important;\n background: transparent !important;\n height: auto !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c:hover {\n background-color: #e4e4e4 !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c:hover .Dropdown_module_textField__38abdb2c [data-elem=base-cell] {\n background-color: #e4e4e4 !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c.Dropdown_module_disabled__38abdb2c:hover {\n background-color: transparent !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c.Dropdown_module_disabled__38abdb2c .Dropdown_module_textField__38abdb2c [data-elem=base-cell] {\n background-color: transparent !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c.Dropdown_module_readOnly__38abdb2c {\n border: none !important;\n background-color: transparent !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c.Dropdown_module_readOnly__38abdb2c .Dropdown_module_textField__38abdb2c [data-elem=base-cell] {\n background-color: transparent !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c.Dropdown_module_readOnly__38abdb2c .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_caretIcon__38abdb2c {\n opacity: 0.25;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c.Dropdown_module_readOnly__38abdb2c .Dropdown_module_iconBundle__38abdb2c > div {\n opacity: 0.25;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_placeholder__38abdb2c {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: #161616;\n font-size: 1.16667rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1.5rem;\n letter-spacing: 0.01333rem;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_placeholder__38abdb2c.Dropdown_module_disabled__38abdb2c {\n color: rgba(22, 22, 22, 0.3019607843);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_title__38abdb2c {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_title__38abdb2c .Dropdown_module_chip__38abdb2c {\n height: 1.6rem;\n width: 4rem;\n padding: 0 0.33333rem 0 0.66667rem;\n gap: 0.66667rem;\n border-radius: 2.08333rem;\n background: #323232;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_title__38abdb2c .Dropdown_module_chip__38abdb2c .Dropdown_module_crossIcon__38abdb2c {\n height: 1.25rem;\n width: 1.25rem;\n fill: var(--white);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_infoIcon__38abdb2c {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_iconBundle__38abdb2c {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_caretIcon__38abdb2c {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: var(--text-color) !important;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n transform: rotate(180deg);\n margin-right: 16px;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_caretIcon__38abdb2c.Dropdown_module_open__38abdb2c {\n transform: rotate(0deg);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_caretIcon__38abdb2c.Dropdown_module_disabled__38abdb2c {\n fill: rgba(22, 22, 22, 0.3019607843) !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_iconBundle__38abdb2c > div {\n height: 16px;\n width: 16px;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_caretIconUpDown__38abdb2c {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: transparent !important;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n transform: rotate(180deg);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_caretIconUpDown__38abdb2c > path {\n stroke: var(--text-color);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_caretIconUpDown__38abdb2c.Dropdown_module_open__38abdb2c {\n transform: rotate(0deg);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_infoIcon__38abdb2c path {\n stroke: white;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_infoIcon__38abdb2c.Dropdown_module_errorIcon__38abdb2c path {\n fill: #da1e28;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_infoIcon__38abdb2c.Dropdown_module_warningIcon__38abdb2c path {\n fill: #f1c21b;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_icon__38abdb2c {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: var(--text-color) !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c .Dropdown_module_icon__38abdb2c.Dropdown_module_open__38abdb2c {\n transform: rotate(180deg);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_search__38abdb2c.Dropdown_module_feedbackError__38abdb2c {\n border-color: var(--primary-color1);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 25rem;\n max-width: 100%;\n gap: 0.5rem;\n outline: none;\n border-radius: 0.3125rem;\n padding: 0.75rem 0.75rem 0.75rem 1rem;\n background: #f7f7f7;\n cursor: pointer;\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c:hover {\n background-color: #e4e4e4 !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c.Dropdown_module_disabled__38abdb2c:hover {\n background-color: #f7f7f7 !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c.Dropdown_module_readOnly__38abdb2c:hover {\n background-color: transparent !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c .Dropdown_module_placeholder__38abdb2c {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: #161616;\n font-size: 1.16667rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1.5rem;\n letter-spacing: 0.01333rem;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c .Dropdown_module_placeholder__38abdb2c.Dropdown_module_disabled__38abdb2c {\n color: rgba(22, 22, 22, 0.3019607843);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c .Dropdown_module_title__38abdb2c {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c .Dropdown_module_title__38abdb2c .Dropdown_module_chip__38abdb2c {\n height: 1.6rem;\n width: 4rem;\n padding: 0 0.33333rem 0 0.66667rem;\n gap: 0.66667rem;\n border-radius: 2.08333rem;\n background: #323232;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c .Dropdown_module_title__38abdb2c .Dropdown_module_chip__38abdb2c .Dropdown_module_crossIcon__38abdb2c {\n height: 1.25rem;\n width: 1.25rem;\n fill: var(--white);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c .Dropdown_module_infoIcon__38abdb2c {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c .Dropdown_module_iconBundle__38abdb2c {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_caretIcon__38abdb2c {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: var(--text-color) !important;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n transform: rotate(180deg);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_caretIcon__38abdb2c.Dropdown_module_open__38abdb2c {\n transform: rotate(0deg);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_caretIcon__38abdb2c.Dropdown_module_disabled__38abdb2c {\n fill: rgba(22, 22, 22, 0.3019607843) !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_caretIconUpDown__38abdb2c {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: transparent !important;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n transform: rotate(180deg);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_caretIconUpDown__38abdb2c > path {\n stroke: var(--text-color);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_caretIconUpDown__38abdb2c.Dropdown_module_open__38abdb2c {\n transform: rotate(0deg);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_infoIcon__38abdb2c path {\n stroke: white;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_infoIcon__38abdb2c.Dropdown_module_errorIcon__38abdb2c path {\n fill: #da1e28;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c .Dropdown_module_iconBundle__38abdb2c .Dropdown_module_infoIcon__38abdb2c.Dropdown_module_warningIcon__38abdb2c path {\n fill: #f1c21b;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c .Dropdown_module_icon__38abdb2c {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: var(--text-color) !important;\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c .Dropdown_module_icon__38abdb2c.Dropdown_module_open__38abdb2c {\n transform: rotate(180deg);\n}\n.Dropdown_module_root__38abdb2c .Dropdown_module_header__38abdb2c .Dropdown_module_select__38abdb2c.Dropdown_module_feedbackError__38abdb2c {\n border-color: var(--primary-color1);\n}\n.Dropdown_module_root__38abdb2c.Dropdown_module_open__38abdb2c .Dropdown_module_header__38abdb2c {\n border-color: var(--primary-color4);\n}\n.Dropdown_module_root__38abdb2c.Dropdown_module_disabled__38abdb2c .Dropdown_module_select__38abdb2c {\n background: #f7f7f7;\n cursor: not-allowed;\n}\n.Dropdown_module_root__38abdb2c.Dropdown_module_readOnly__38abdb2c .Dropdown_module_select__38abdb2c {\n background: transparent;\n cursor: not-allowed;\n}\n\n.Dropdown_module_body__38abdb2c {\n display: none;\n position: absolute;\n top: calc(100% + 0.5rem);\n background: var(--light-color3);\n width: auto;\n border-radius: 0.3125rem;\n overflow-y: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n min-height: 4rem;\n max-height: 25rem !important;\n outline: none;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);\n}\n.Dropdown_module_body__38abdb2c::-webkit-scrollbar {\n display: none;\n}\n.Dropdown_module_body__38abdb2c.Dropdown_module_multi__38abdb2c {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n.Dropdown_module_body__38abdb2c.Dropdown_module_multi__38abdb2c li:nth-child(1) {\n padding-left: 1.875rem;\n}\n.Dropdown_module_body__38abdb2c .Dropdown_module_multiOptions__38abdb2c {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: sticky;\n top: 0;\n background-color: var(--light-color3);\n padding-inline: 1.25rem;\n padding-block: 0.25rem;\n list-style: none;\n}\n.Dropdown_module_body__38abdb2c .Dropdown_module_multiOptions__38abdb2c button[data-elem=base-cell].Dropdown_module_button__38abdb2c[type=button] {\n width: auto;\n padding: 0% !important;\n background-color: transparent;\n color: var(--secondary-color2);\n}\n.Dropdown_module_body__38abdb2c .Dropdown_module_multiOptions__38abdb2c button[data-elem=base-cell].Dropdown_module_button__38abdb2c[type=button] > [data-elem=component2] {\n margin-left: 0.1rem;\n}\n.Dropdown_module_body__38abdb2c .Dropdown_module_multiOptions__38abdb2c button[data-elem=base-cell].Dropdown_module_button__38abdb2c[type=button] > [data-elem=component1] > svg {\n fill: var(--secondary-color2);\n}\n.Dropdown_module_body__38abdb2c .Dropdown_module_multiOptions__38abdb2c .Dropdown_module_items__38abdb2c {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--text-color);\n}\n.Dropdown_module_body__38abdb2c .Dropdown_module_search__38abdb2c {\n width: 100%;\n margin-bottom: 1rem;\n position: sticky;\n top: 0;\n}\n.Dropdown_module_body__38abdb2c .Dropdown_module_search__38abdb2c label div {\n border-radius: 0rem !important;\n}\n.Dropdown_module_body__38abdb2c .Dropdown_module_footer__38abdb2c {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n gap: 1rem;\n position: sticky;\n background-color: var(--light-color3);\n padding: 0rem 1rem 1rem;\n bottom: 0;\n}\n.Dropdown_module_body__38abdb2c .Dropdown_module_footer__38abdb2c button[data-elem=base-cell].Dropdown_module_multiApply__38abdb2c[type=submit] {\n flex: 1;\n}\n.Dropdown_module_body__38abdb2c .Dropdown_module_footer__38abdb2c button[data-elem=base-cell].Dropdown_module_multiClear__38abdb2c[type=submit] {\n background-color: var(--light-color2);\n color: var(--mono-color1);\n flex: 1;\n}\n.Dropdown_module_body__38abdb2c .Dropdown_module_footer__38abdb2c button[data-elem=base-cell].Dropdown_module_multiClear__38abdb2c[type=submit]:hover {\n background-color: var(--light-color1);\n}\n.Dropdown_module_body__38abdb2c.Dropdown_module_open__38abdb2c {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
14006
|
+
var modules_1b90f5ea = {"root":"Dropdown_module_root__38abdb2c","label":"Dropdown_module_label__38abdb2c","required":"Dropdown_module_required__38abdb2c","disabled":"Dropdown_module_disabled__38abdb2c","info":"Dropdown_module_info__38abdb2c","error-info":"Dropdown_module_errorInfo__38abdb2c","header":"Dropdown_module_header__38abdb2c","read-only":"Dropdown_module_readOnly__38abdb2c","highlightOnSelect":"Dropdown_module_highlightOnSelect__38abdb2c","icon-bundle":"Dropdown_module_iconBundle__38abdb2c","caret-icon":"Dropdown_module_caretIcon__38abdb2c","caret-icon-upDown":"Dropdown_module_caretIconUpDown__38abdb2c","open":"Dropdown_module_open__38abdb2c","error":"Dropdown_module_error__38abdb2c","input":"Dropdown_module_input__38abdb2c","select":"Dropdown_module_select__38abdb2c","feedback-error":"Dropdown_module_feedbackError__38abdb2c","search":"Dropdown_module_search__38abdb2c","selected":"Dropdown_module_selected__38abdb2c","text-field":"Dropdown_module_textField__38abdb2c","placeholder":"Dropdown_module_placeholder__38abdb2c","title":"Dropdown_module_title__38abdb2c","chip":"Dropdown_module_chip__38abdb2c","cross-icon":"Dropdown_module_crossIcon__38abdb2c","info-icon":"Dropdown_module_infoIcon__38abdb2c","error-icon":"Dropdown_module_errorIcon__38abdb2c","warning-icon":"Dropdown_module_warningIcon__38abdb2c","icon":"Dropdown_module_icon__38abdb2c","body":"Dropdown_module_body__38abdb2c","multi":"Dropdown_module_multi__38abdb2c","multi-options":"Dropdown_module_multiOptions__38abdb2c","button":"Dropdown_module_button__38abdb2c","items":"Dropdown_module_items__38abdb2c","footer":"Dropdown_module_footer__38abdb2c","multi-apply":"Dropdown_module_multiApply__38abdb2c","multi-clear":"Dropdown_module_multiClear__38abdb2c"};
|
|
14007
|
+
n(css$N,{});
|
|
14008
|
+
|
|
14009
|
+
// eslint-disable-next-line prefer-arrow-callback
|
|
14010
|
+
var Dropdown$1 = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
14011
|
+
var _selectedOptions$2, _items$filter, _items$filter3, _items$filter4;
|
|
14012
|
+
var _props$className = props.className,
|
|
14013
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
14014
|
+
_props$popperClassNam = props.popperClassName,
|
|
14015
|
+
popperClassName = _props$popperClassNam === void 0 ? '' : _props$popperClassNam,
|
|
14016
|
+
value = props.value,
|
|
14017
|
+
onChange = props.onChange,
|
|
14018
|
+
LeftComponent = props.leftComponent,
|
|
14019
|
+
onBlur = props.onBlur,
|
|
14020
|
+
children = props.children,
|
|
14021
|
+
highlightOnSelect = props.highlightOnSelect,
|
|
14022
|
+
label = props.label,
|
|
14023
|
+
_props$placeholder = props.placeholder,
|
|
14024
|
+
placeholder = _props$placeholder === void 0 ? 'Choose an option' : _props$placeholder,
|
|
14025
|
+
multi = props.multi,
|
|
14026
|
+
disabled = props.disabled,
|
|
14027
|
+
readOnly = props.readOnly,
|
|
14028
|
+
error = props.error,
|
|
14029
|
+
warning = props.warning,
|
|
14030
|
+
id = props.id,
|
|
14031
|
+
name = props.name,
|
|
14032
|
+
feedback = props.feedback,
|
|
14033
|
+
_props$formatter = props.formatter,
|
|
14034
|
+
formatter = _props$formatter === void 0 ? function (totalSelected) {
|
|
14035
|
+
return "".concat(totalSelected.toString(), " options applied");
|
|
14036
|
+
} : _props$formatter,
|
|
14037
|
+
required = props.required;
|
|
14038
|
+
props.valueAsCount;
|
|
14039
|
+
var caretAsUpDown = props.caretAsUpDown,
|
|
14040
|
+
search = props.search;
|
|
14041
|
+
var _useState = useState(false),
|
|
14042
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
14043
|
+
open = _useState2[0],
|
|
14044
|
+
setOpen = _useState2[1];
|
|
14045
|
+
var _useState3 = useState(null),
|
|
14046
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
14047
|
+
activeIndex = _useState4[0],
|
|
14048
|
+
setActiveIndex = _useState4[1];
|
|
14049
|
+
var _useState5 = useState(0),
|
|
14050
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
14051
|
+
selectedIndex = _useState6[0],
|
|
14052
|
+
setSelectedIndex = _useState6[1];
|
|
14053
|
+
var listItemsRef = useRef([]);
|
|
14054
|
+
// Internal input ref; expose only "value()" via DropdownRef
|
|
14055
|
+
var inputElRef = useRef(null);
|
|
14056
|
+
var isControlled = value !== undefined;
|
|
14057
|
+
// For uncontrolled input
|
|
14058
|
+
var _useState7 = useState(value),
|
|
14059
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
14060
|
+
uncontrolledValue = _useState8[0],
|
|
14061
|
+
setUncontrolledValue = _useState8[1];
|
|
14062
|
+
var _useState9 = useState(null),
|
|
14063
|
+
_useState0 = _slicedToArray(_useState9, 2),
|
|
14064
|
+
appliedMultiUncontrolledValue = _useState0[0],
|
|
14065
|
+
setAppliedMultiUncontrolledValue = _useState0[1];
|
|
14066
|
+
var _useFloating = useFloating({
|
|
14067
|
+
open: open,
|
|
14068
|
+
onOpenChange: setOpen,
|
|
14069
|
+
whileElementsMounted: autoUpdate,
|
|
14070
|
+
middleware: [offset(5), flip({
|
|
14071
|
+
padding: 8
|
|
14072
|
+
}), shift({
|
|
14073
|
+
padding: 8
|
|
14074
|
+
}), size({
|
|
14075
|
+
apply: function apply(_ref) {
|
|
14076
|
+
var rects = _ref.rects,
|
|
14077
|
+
availableHeight = _ref.availableHeight,
|
|
14078
|
+
elements = _ref.elements;
|
|
14079
|
+
Object.assign(elements.floating.style, {
|
|
14080
|
+
width: "".concat(rects.reference.width.toString(), "px"),
|
|
14081
|
+
minWidth: 'fit-content',
|
|
14082
|
+
maxHeight: "".concat(availableHeight.toString(), "px")
|
|
14083
|
+
});
|
|
14084
|
+
},
|
|
14085
|
+
padding: 8
|
|
14086
|
+
})]
|
|
14087
|
+
}),
|
|
14088
|
+
x = _useFloating.x,
|
|
14089
|
+
y = _useFloating.y,
|
|
14090
|
+
reference = _useFloating.reference,
|
|
14091
|
+
floating = _useFloating.floating,
|
|
14092
|
+
strategy = _useFloating.strategy,
|
|
14093
|
+
context = _useFloating.context;
|
|
14094
|
+
var _useInteractions = useInteractions([useClick(context, {
|
|
14095
|
+
enabled: !disabled && !readOnly,
|
|
14096
|
+
keyboardHandlers: false
|
|
14097
|
+
}), useRole(context, {
|
|
14098
|
+
role: 'listbox'
|
|
14099
|
+
}), useListNavigation(context, {
|
|
14100
|
+
listRef: listItemsRef,
|
|
14101
|
+
activeIndex: activeIndex,
|
|
14102
|
+
selectedIndex: selectedIndex,
|
|
14103
|
+
onNavigate: setActiveIndex
|
|
14104
|
+
}), useDismiss(context)]),
|
|
14105
|
+
getReferenceProps = _useInteractions.getReferenceProps,
|
|
14106
|
+
getFloatingProps = _useInteractions.getFloatingProps,
|
|
14107
|
+
getItemProps = _useInteractions.getItemProps;
|
|
14108
|
+
// Expose the imperative value() API to parent via ref
|
|
14109
|
+
useImperativeHandle(ref, function () {
|
|
14110
|
+
return {
|
|
14111
|
+
value: function value() {
|
|
14112
|
+
var _inputElRef$current$v, _inputElRef$current, _parts$;
|
|
14113
|
+
var raw = (_inputElRef$current$v = (_inputElRef$current = inputElRef.current) === null || _inputElRef$current === void 0 ? void 0 : _inputElRef$current.value) !== null && _inputElRef$current$v !== void 0 ? _inputElRef$current$v : '';
|
|
14114
|
+
var parts = raw ? raw.split(', ') : [];
|
|
14115
|
+
if (multi) return parts;
|
|
14116
|
+
return (_parts$ = parts[0]) !== null && _parts$ !== void 0 ? _parts$ : null;
|
|
14117
|
+
}
|
|
14118
|
+
};
|
|
14119
|
+
}, [multi]);
|
|
14120
|
+
var childrenArray = React__default.Children.toArray(children);
|
|
14121
|
+
var selectedOptions = useMemo(function () {
|
|
14122
|
+
var inputValue = uncontrolledValue;
|
|
14123
|
+
if (isControlled && !multi) {
|
|
14124
|
+
inputValue = value;
|
|
14125
|
+
}
|
|
14126
|
+
var options = [];
|
|
14127
|
+
if (inputValue != null && inputValue !== '') {
|
|
14128
|
+
childrenArray.forEach(function (child) {
|
|
14129
|
+
var _child$props$value$to, _child$props$value;
|
|
14130
|
+
var childVal = (_child$props$value$to = (_child$props$value = child.props.value) === null || _child$props$value === void 0 ? void 0 : _child$props$value.toString()) !== null && _child$props$value$to !== void 0 ? _child$props$value$to : '';
|
|
14131
|
+
if (multi && inputValue.includes(childVal) || !multi && inputValue === childVal) {
|
|
14132
|
+
options.push({
|
|
14133
|
+
title: child.props.title,
|
|
14134
|
+
value: childVal
|
|
14135
|
+
});
|
|
14136
|
+
}
|
|
14137
|
+
});
|
|
14138
|
+
}
|
|
14139
|
+
return options;
|
|
14140
|
+
}, [value, uncontrolledValue, multi, childrenArray, isControlled]);
|
|
14141
|
+
var getNextMultiValue = function getNextMultiValue(prev, itemValue, selected) {
|
|
14142
|
+
if (!itemValue) return prev;
|
|
14143
|
+
if (selected) {
|
|
14144
|
+
return prev.filter(function (v) {
|
|
14145
|
+
return v !== itemValue;
|
|
14146
|
+
});
|
|
14147
|
+
}
|
|
14148
|
+
return Array.from(new Set([].concat(_toConsumableArray(prev), [itemValue])));
|
|
14149
|
+
};
|
|
14150
|
+
var onSelect = function onSelect(child, selected) {
|
|
14151
|
+
return function (event) {
|
|
14152
|
+
var _itemValue$toString;
|
|
14153
|
+
// Guard: only react to real dropdown items
|
|
14154
|
+
var _event$currentTarget$ = event.currentTarget.dataset,
|
|
14155
|
+
elem = _event$currentTarget$.elem,
|
|
14156
|
+
indexAttr = _event$currentTarget$.index;
|
|
14157
|
+
if (elem !== 'dropdown-item') return;
|
|
14158
|
+
var itemValue = child.props.value;
|
|
14159
|
+
var itemValueString = (_itemValue$toString = itemValue === null || itemValue === void 0 ? void 0 : itemValue.toString()) !== null && _itemValue$toString !== void 0 ? _itemValue$toString : null;
|
|
14160
|
+
var index = Number(indexAttr !== null && indexAttr !== void 0 ? indexAttr : '0');
|
|
14161
|
+
// Clone native event and graft minimal target for form libs
|
|
14162
|
+
var nativeEvent = event.nativeEvent;
|
|
14163
|
+
var Ctor = nativeEvent.constructor;
|
|
14164
|
+
var clonedEvent = new Ctor(nativeEvent.type, nativeEvent);
|
|
14165
|
+
Object.defineProperty(clonedEvent, 'target', {
|
|
14166
|
+
writable: true,
|
|
14167
|
+
value: {
|
|
14168
|
+
value: itemValueString,
|
|
14169
|
+
name: name
|
|
14170
|
+
}
|
|
14171
|
+
});
|
|
14172
|
+
setSelectedIndex(index);
|
|
14173
|
+
if (multi) {
|
|
14174
|
+
var prev = Array.isArray(uncontrolledValue) ? uncontrolledValue : [];
|
|
14175
|
+
var next = getNextMultiValue(prev, itemValueString, selected);
|
|
14176
|
+
setUncontrolledValue(next);
|
|
14177
|
+
setActiveIndex(index);
|
|
14178
|
+
onChange(clonedEvent, next);
|
|
14179
|
+
} else {
|
|
14180
|
+
if (isControlled) {
|
|
14181
|
+
onChange(clonedEvent, itemValueString);
|
|
14182
|
+
} else {
|
|
14183
|
+
setUncontrolledValue(itemValueString);
|
|
14184
|
+
}
|
|
14185
|
+
setActiveIndex(null);
|
|
14186
|
+
setOpen(false);
|
|
14187
|
+
}
|
|
14188
|
+
};
|
|
14189
|
+
};
|
|
14190
|
+
var onNavigate = function onNavigate(child, selected) {
|
|
14191
|
+
return function (event) {
|
|
14192
|
+
var selectKey = [' ', 'Spacebar', 'Enter'].includes(event.key);
|
|
14193
|
+
if (selectKey) {
|
|
14194
|
+
event.stopPropagation();
|
|
14195
|
+
onSelect(child, selected)(event);
|
|
14196
|
+
}
|
|
14197
|
+
};
|
|
14198
|
+
};
|
|
14199
|
+
var searchInputRef = useRef(null);
|
|
14200
|
+
useEffect(function () {
|
|
14201
|
+
if (open && searchInputRef.current) {
|
|
14202
|
+
setTimeout(function () {
|
|
14203
|
+
var _searchInputRef$curre;
|
|
14204
|
+
// search input is focused when dropdown is opened
|
|
14205
|
+
(_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 || _searchInputRef$curre.focus();
|
|
14206
|
+
}, 100); // ensure dropdown is fully rendered before focusing
|
|
14207
|
+
}
|
|
14208
|
+
}, [open]);
|
|
14209
|
+
var filteredChildren = useMemo(function () {
|
|
14210
|
+
if (!(search !== null && search !== void 0 && search.value)) return childrenArray;
|
|
14211
|
+
var query = search.value.toString().toLowerCase();
|
|
14212
|
+
return childrenArray.filter(function (child) {
|
|
14213
|
+
var _child$props$value$to2, _child$props$value2;
|
|
14214
|
+
var title = typeof child.props.title === 'string' ? child.props.title.toLowerCase() : '';
|
|
14215
|
+
var value = (_child$props$value$to2 = (_child$props$value2 = child.props.value) === null || _child$props$value2 === void 0 ? void 0 : _child$props$value2.toString().toLowerCase()) !== null && _child$props$value$to2 !== void 0 ? _child$props$value$to2 : '';
|
|
14216
|
+
return title.includes(query) || value.includes(query);
|
|
14217
|
+
});
|
|
14218
|
+
}, [childrenArray, search === null || search === void 0 ? void 0 : search.value]);
|
|
14219
|
+
var items = filteredChildren.map(function (child, index) {
|
|
14220
|
+
var _child$props$dataAttr;
|
|
14221
|
+
var isSelected = false;
|
|
14222
|
+
if (selectedOptions.findIndex(function (o) {
|
|
14223
|
+
var _child$props$value3;
|
|
14224
|
+
return o.value === ((_child$props$value3 = child.props.value) === null || _child$props$value3 === void 0 ? void 0 : _child$props$value3.toString());
|
|
14225
|
+
}) !== -1) {
|
|
14226
|
+
isSelected = true;
|
|
14227
|
+
}
|
|
14228
|
+
return /*#__PURE__*/React__default.cloneElement(child, _objectSpread2({}, getItemProps(_objectSpread2(_objectSpread2({
|
|
14229
|
+
key: child.props.value,
|
|
14230
|
+
onKeyDown: onNavigate(child, isSelected),
|
|
14231
|
+
onClick: function onClick(event) {
|
|
14232
|
+
onSelect(child, isSelected)(event);
|
|
14233
|
+
},
|
|
14234
|
+
onMouseEnter: function onMouseEnter() {
|
|
14235
|
+
setActiveIndex(index);
|
|
14236
|
+
}
|
|
14237
|
+
}, (_child$props$dataAttr = child.props.dataAttrs) !== null && _child$props$dataAttr !== void 0 ? _child$props$dataAttr : {}), {}, {
|
|
14238
|
+
selected: isSelected,
|
|
14239
|
+
tabIndex: activeIndex === index ? 0 : -1,
|
|
14240
|
+
ref: function ref(node) {
|
|
14241
|
+
listItemsRef.current[index] = node;
|
|
14242
|
+
}
|
|
14243
|
+
}))));
|
|
14244
|
+
});
|
|
14245
|
+
var _useState1 = useState(false),
|
|
14246
|
+
_useState10 = _slicedToArray(_useState1, 2),
|
|
14247
|
+
pointer = _useState10[0],
|
|
14248
|
+
setPointer = _useState10[1];
|
|
14249
|
+
if (!open && pointer) setPointer(false);
|
|
14250
|
+
useLayoutEffect(function () {
|
|
14251
|
+
if (open && activeIndex != null && !pointer) {
|
|
14252
|
+
requestAnimationFrame(function () {
|
|
14253
|
+
var _listItemsRef$current;
|
|
14254
|
+
(_listItemsRef$current = listItemsRef.current[activeIndex]) === null || _listItemsRef$current === void 0 || _listItemsRef$current.scrollIntoView({
|
|
14255
|
+
block: 'nearest'
|
|
14256
|
+
});
|
|
14257
|
+
});
|
|
14258
|
+
}
|
|
14259
|
+
}, [open, activeIndex, pointer]);
|
|
14260
|
+
useEffect(function () {
|
|
14261
|
+
if (multi && isControlled) {
|
|
14262
|
+
setUncontrolledValue(value);
|
|
14263
|
+
}
|
|
14264
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
14265
|
+
}, [open, multi, value]);
|
|
14266
|
+
var onSelectAll = function onSelectAll(event, selected) {
|
|
14267
|
+
var nativeEvent = event.nativeEvent;
|
|
14268
|
+
var Ctor = nativeEvent.constructor;
|
|
14269
|
+
var clonedEvent = new Ctor(nativeEvent.type, nativeEvent);
|
|
14270
|
+
var itemValue = [];
|
|
14271
|
+
if (selected) {
|
|
14272
|
+
itemValue = childrenArray.map(function (child) {
|
|
14273
|
+
var _child$props$value$to3, _child$props$value4;
|
|
14274
|
+
return (_child$props$value$to3 = (_child$props$value4 = child.props.value) === null || _child$props$value4 === void 0 ? void 0 : _child$props$value4.toString()) !== null && _child$props$value$to3 !== void 0 ? _child$props$value$to3 : '';
|
|
14275
|
+
});
|
|
14276
|
+
}
|
|
14277
|
+
var nextValue = selected ? childrenArray.map(function (child) {
|
|
14278
|
+
var _child$props$value$to4, _child$props$value5;
|
|
14279
|
+
return (_child$props$value$to4 = (_child$props$value5 = child.props.value) === null || _child$props$value5 === void 0 ? void 0 : _child$props$value5.toString()) !== null && _child$props$value$to4 !== void 0 ? _child$props$value$to4 : '';
|
|
14280
|
+
}) : [];
|
|
14281
|
+
Object.defineProperty(clonedEvent, 'target', {
|
|
14282
|
+
writable: true,
|
|
14283
|
+
value: {
|
|
14284
|
+
value: itemValue,
|
|
14285
|
+
name: name
|
|
14286
|
+
}
|
|
14287
|
+
});
|
|
14288
|
+
setUncontrolledValue(itemValue);
|
|
14289
|
+
setActiveIndex(0);
|
|
14290
|
+
onChange(clonedEvent, nextValue);
|
|
14291
|
+
};
|
|
14292
|
+
var getValueToDisplay = function getValueToDisplay() {
|
|
14293
|
+
if ((selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) > 0) {
|
|
14294
|
+
var _selectedOptions$leng;
|
|
14295
|
+
return jsxs("div", {
|
|
14296
|
+
className: modules_1b90f5ea.title,
|
|
14297
|
+
children: [jsx(BaseButton, {
|
|
14298
|
+
className: modules_1b90f5ea.chip,
|
|
14299
|
+
title: selectedOptions === null || selectedOptions === void 0 || (_selectedOptions$leng = selectedOptions.length) === null || _selectedOptions$leng === void 0 ? void 0 : _selectedOptions$leng.toString(),
|
|
14300
|
+
onClick: function onClick(event) {
|
|
14301
|
+
event.stopPropagation();
|
|
14302
|
+
return onSelectAll(event, false);
|
|
14303
|
+
},
|
|
14304
|
+
component3: jsx(Cross, {
|
|
14305
|
+
className: modules_1b90f5ea['cross-icon']
|
|
14306
|
+
})
|
|
14307
|
+
}), jsx("div", {
|
|
14308
|
+
"data-elem": 'placeholder',
|
|
14309
|
+
className: modules_1b90f5ea.placeholder,
|
|
14310
|
+
children: "Choose options"
|
|
14311
|
+
})]
|
|
14312
|
+
});
|
|
14313
|
+
}
|
|
14314
|
+
if (!isControlled && appliedMultiUncontrolledValue && appliedMultiUncontrolledValue.length > 0) {
|
|
14315
|
+
if (appliedMultiUncontrolledValue.length === 1) {
|
|
14316
|
+
var selectedItem = items.find(function (i) {
|
|
14317
|
+
return i.props.value == appliedMultiUncontrolledValue[0];
|
|
14318
|
+
});
|
|
14319
|
+
return selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.props.title;
|
|
14320
|
+
}
|
|
14321
|
+
return formatter(appliedMultiUncontrolledValue.length);
|
|
14322
|
+
}
|
|
14323
|
+
if (!isControlled) {
|
|
14324
|
+
var _selectedItem = items.find(function (i) {
|
|
14325
|
+
return i.props.value == uncontrolledValue;
|
|
14326
|
+
});
|
|
14327
|
+
return _selectedItem === null || _selectedItem === void 0 ? void 0 : _selectedItem.props.title;
|
|
14328
|
+
}
|
|
14329
|
+
return '';
|
|
14330
|
+
};
|
|
14331
|
+
var getLeftComponent = function getLeftComponent() {
|
|
14332
|
+
if (LeftComponent) {
|
|
14333
|
+
if (_typeof$1(LeftComponent) === 'object' && (LeftComponent.Active || LeftComponent.InActive)) {
|
|
14334
|
+
if (highlightOnSelect && (Array.isArray(value) ? value.length > 0 : !!value)) {
|
|
14335
|
+
return LeftComponent.Active ? jsx(LeftComponent.Active, {}) : null;
|
|
14336
|
+
}
|
|
14337
|
+
return LeftComponent.InActive ? jsx(LeftComponent.InActive, {}) : null;
|
|
14338
|
+
}
|
|
14339
|
+
if (typeof LeftComponent === 'function') {
|
|
14340
|
+
return jsx(LeftComponent, {});
|
|
14341
|
+
}
|
|
14342
|
+
}
|
|
14343
|
+
return null;
|
|
14344
|
+
};
|
|
14345
|
+
var content = jsx("div", {
|
|
14346
|
+
"data-elem": 'placeholder',
|
|
14347
|
+
className: classes(modules_1b90f5ea.placeholder, disabled ? modules_1b90f5ea.disabled : ''),
|
|
14348
|
+
children: placeholder
|
|
14349
|
+
});
|
|
14350
|
+
if (getValueToDisplay()) {
|
|
14351
|
+
content = jsx("div", {
|
|
14352
|
+
"data-elem": 'value',
|
|
14353
|
+
children: getValueToDisplay()
|
|
14354
|
+
});
|
|
14355
|
+
}
|
|
14356
|
+
var isSearchSelected = function isSearchSelected() {
|
|
14357
|
+
var _selectedOptions$;
|
|
14358
|
+
return (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) > 0 && ((_selectedOptions$ = selectedOptions[0]) === null || _selectedOptions$ === void 0 ? void 0 : _selectedOptions$.value) != null;
|
|
14359
|
+
};
|
|
14360
|
+
var clearSelections = function clearSelections(event) {
|
|
14361
|
+
event.stopPropagation();
|
|
14362
|
+
setUncontrolledValue(null);
|
|
14363
|
+
setAppliedMultiUncontrolledValue(null);
|
|
14364
|
+
setSelectedIndex(0);
|
|
14365
|
+
setActiveIndex(null);
|
|
14366
|
+
onChange(event, null);
|
|
14367
|
+
};
|
|
14368
|
+
return jsxs("div", {
|
|
14369
|
+
className: classes(modules_1b90f5ea.root, open ? modules_1b90f5ea.open : '', disabled ? modules_1b90f5ea.disabled : '', readOnly ? modules_1b90f5ea['read-only'] : '', className),
|
|
14370
|
+
children: [label && jsx("div", {
|
|
14371
|
+
"data-elem": 'label',
|
|
14372
|
+
className: classes(modules_1b90f5ea.label, required ? modules_1b90f5ea.required : '', disabled ? modules_1b90f5ea.disabled : ''),
|
|
14373
|
+
children: jsx("span", {
|
|
14374
|
+
children: label
|
|
14375
|
+
})
|
|
14376
|
+
}), jsxs("div", _objectSpread2(_objectSpread2({
|
|
14377
|
+
"data-elem": 'header',
|
|
14378
|
+
className: classes(modules_1b90f5ea.header, disabled ? modules_1b90f5ea.disabled : '', readOnly ? modules_1b90f5ea['read-only'] : '', error ? modules_1b90f5ea.error : ' ', open ? modules_1b90f5ea.open : '', (Array.isArray(value) ? value.length > 0 : !!value) && highlightOnSelect ? modules_1b90f5ea.highlightOnSelect : ''),
|
|
14379
|
+
ref: reference
|
|
14380
|
+
}, getReferenceProps()), {}, {
|
|
14381
|
+
children: [jsx("input", {
|
|
14382
|
+
id: id,
|
|
14383
|
+
name: name,
|
|
14384
|
+
ref: inputElRef,
|
|
14385
|
+
disabled: disabled,
|
|
14386
|
+
tabIndex: 0,
|
|
14387
|
+
className: modules_1b90f5ea.input,
|
|
14388
|
+
onKeyDown: function onKeyDown(event) {
|
|
14389
|
+
var validKey = [' ', 'Spacebar', 'Enter'].includes(event.key);
|
|
14390
|
+
if (validKey) setOpen(true);
|
|
14391
|
+
},
|
|
14392
|
+
onBlur: onBlur,
|
|
14393
|
+
value: selectedOptions.map(function (o) {
|
|
14394
|
+
return o.value;
|
|
14395
|
+
}).join(', '),
|
|
14396
|
+
readOnly: true
|
|
14397
|
+
}), search ? jsxs("div", {
|
|
14398
|
+
className: classes(modules_1b90f5ea.search, disabled ? modules_1b90f5ea.disabled : '', readOnly ? modules_1b90f5ea['read-only'] : '', feedback != null ? modules_1b90f5ea["feedback-".concat(feedback.type)] : ''),
|
|
14399
|
+
children: [isSearchSelected() && jsx("div", {
|
|
14400
|
+
className: modules_1b90f5ea.selected,
|
|
14401
|
+
children: jsx("span", {
|
|
14402
|
+
children: (_selectedOptions$2 = selectedOptions[0]) === null || _selectedOptions$2 === void 0 ? void 0 : _selectedOptions$2.title
|
|
14403
|
+
})
|
|
14404
|
+
}), !isSearchSelected() && jsx(TextField, {
|
|
14405
|
+
v2: true,
|
|
14406
|
+
disabled: readOnly || disabled,
|
|
14407
|
+
ref: searchInputRef,
|
|
14408
|
+
className: classes(modules_1b90f5ea['text-field'], disabled ? modules_1b90f5ea.disabled : '', readOnly ? modules_1b90f5ea['read-only'] : '', feedback != null ? modules_1b90f5ea["feedback-".concat(feedback.type)] : ''),
|
|
14409
|
+
placeholder: search.placeholder,
|
|
14410
|
+
value: search.value,
|
|
14411
|
+
onKeyDown: function onKeyDown(e) {
|
|
14412
|
+
e.stopPropagation();
|
|
14413
|
+
},
|
|
14414
|
+
onChange: function onChange(e) {
|
|
14415
|
+
search.onChange(e.target.value);
|
|
14416
|
+
}
|
|
14417
|
+
}), jsxs("div", {
|
|
14418
|
+
className: modules_1b90f5ea['icon-bundle'],
|
|
14419
|
+
children: [error && jsx("span", {
|
|
14420
|
+
className: modules_1b90f5ea.span,
|
|
14421
|
+
children: jsx(Info, {
|
|
14422
|
+
className: classes(modules_1b90f5ea['info-icon'], error ? modules_1b90f5ea['error-icon'] : '')
|
|
14423
|
+
})
|
|
14424
|
+
}), isSearchSelected() && jsx("div", {
|
|
14425
|
+
onClick: clearSelections,
|
|
14426
|
+
children: jsx(Cross, {
|
|
14427
|
+
className: classes(modules_1b90f5ea['crossIcon'])
|
|
14428
|
+
})
|
|
14429
|
+
}), warning && jsx("span", {
|
|
14430
|
+
className: modules_1b90f5ea.span,
|
|
14431
|
+
children: jsx(Info, {
|
|
14432
|
+
className: classes(modules_1b90f5ea['info-icon'], warning ? modules_1b90f5ea['warning-icon'] : '')
|
|
14433
|
+
})
|
|
14434
|
+
}), caretAsUpDown ? jsx(Caret, {
|
|
14435
|
+
className: classes(modules_1b90f5ea['caret-icon-upDown'], open ? modules_1b90f5ea.open : '', disabled ? modules_1b90f5ea.disabled : ''),
|
|
14436
|
+
upDown: true
|
|
14437
|
+
}) : jsx(Caret, {
|
|
14438
|
+
"data-elem": 'icon',
|
|
14439
|
+
className: classes(modules_1b90f5ea['caret-icon'], open ? modules_1b90f5ea.open : '', disabled ? modules_1b90f5ea.disabled : '')
|
|
14440
|
+
})]
|
|
14441
|
+
})]
|
|
14442
|
+
}) : jsxs("div", {
|
|
14443
|
+
"data-elem": 'select',
|
|
14444
|
+
role: 'button',
|
|
14445
|
+
className: classes(modules_1b90f5ea.select, disabled ? modules_1b90f5ea.disabled : '', readOnly ? modules_1b90f5ea['read-only'] : '', feedback != null ? modules_1b90f5ea["feedback-".concat(feedback.type)] : ''),
|
|
14446
|
+
children: [getLeftComponent(), content, jsxs("div", {
|
|
14447
|
+
className: modules_1b90f5ea['icon-bundle'],
|
|
14448
|
+
children: [error && jsx("span", {
|
|
14449
|
+
className: modules_1b90f5ea.span,
|
|
14450
|
+
children: jsx(Info, {
|
|
14451
|
+
className: classes(modules_1b90f5ea['info-icon'], error ? modules_1b90f5ea['error-icon'] : '')
|
|
14452
|
+
})
|
|
14453
|
+
}), warning && jsx("span", {
|
|
14454
|
+
className: modules_1b90f5ea.span,
|
|
14455
|
+
children: jsx(Info, {
|
|
14456
|
+
className: classes(modules_1b90f5ea['info-icon'], warning ? modules_1b90f5ea['warning-icon'] : '')
|
|
14457
|
+
})
|
|
14458
|
+
}), caretAsUpDown ? jsx(Caret, {
|
|
14459
|
+
className: classes(modules_1b90f5ea['caret-icon-upDown'], open ? modules_1b90f5ea.open : '', disabled ? modules_1b90f5ea.disabled : ''),
|
|
14460
|
+
upDown: true
|
|
14461
|
+
}) : jsx(Caret, {
|
|
14462
|
+
"data-elem": 'icon',
|
|
14463
|
+
className: classes(modules_1b90f5ea['caret-icon'], open ? modules_1b90f5ea.open : '', disabled ? modules_1b90f5ea.disabled : '')
|
|
14464
|
+
})]
|
|
14465
|
+
})]
|
|
14466
|
+
})]
|
|
14467
|
+
})), (error || warning) && jsx("div", {
|
|
14468
|
+
"data-elem": 'info',
|
|
14469
|
+
className: classes(modules_1b90f5ea.info, error ? modules_1b90f5ea['error-info'] : ''),
|
|
14470
|
+
children: jsx("span", {
|
|
14471
|
+
children: (error === null || error === void 0 ? void 0 : error.toString()) || (warning === null || warning === void 0 ? void 0 : warning.toString())
|
|
14472
|
+
})
|
|
14473
|
+
}), jsx(Popper, {
|
|
14474
|
+
open: open && items.length > 0,
|
|
14475
|
+
wrapperId: 'dropdown-popper',
|
|
14476
|
+
children: open && jsx(FloatingFocusManager, {
|
|
14477
|
+
context: context,
|
|
14478
|
+
initialFocus: -1,
|
|
14479
|
+
modal: false,
|
|
14480
|
+
children: jsxs(motion.ul, _objectSpread2(_objectSpread2({
|
|
14481
|
+
"data-elem": 'body'
|
|
14482
|
+
}, getFloatingProps({
|
|
14483
|
+
role: 'group',
|
|
14484
|
+
ref: floating,
|
|
14485
|
+
onKeyDown: function onKeyDown(event) {
|
|
14486
|
+
setPointer(false);
|
|
14487
|
+
if (event.key === 'Tab' && !multi) setOpen(false);
|
|
14488
|
+
},
|
|
14489
|
+
onPointerMove: function onPointerMove() {
|
|
14490
|
+
setPointer(true);
|
|
14491
|
+
},
|
|
14492
|
+
style: {
|
|
14493
|
+
position: strategy,
|
|
14494
|
+
top: y !== null && y !== void 0 ? y : 0,
|
|
14495
|
+
left: x !== null && x !== void 0 ? x : 0
|
|
14496
|
+
},
|
|
14497
|
+
className: classes(modules_1b90f5ea.body, modules_1b90f5ea.open, multi ? modules_1b90f5ea.multi : '', popperClassName)
|
|
14498
|
+
})), {}, {
|
|
14499
|
+
initial: {
|
|
14500
|
+
opacity: 0,
|
|
14501
|
+
scale: 0
|
|
14502
|
+
},
|
|
14503
|
+
animate: {
|
|
14504
|
+
opacity: 1,
|
|
14505
|
+
scale: 1
|
|
14506
|
+
},
|
|
14507
|
+
children: [multi && jsx(DropdownItem, {
|
|
14508
|
+
v2: true,
|
|
14509
|
+
title: 'All',
|
|
14510
|
+
value: 'all',
|
|
14511
|
+
selected: (items === null || items === void 0 || (_items$filter = items.filter) === null || _items$filter === void 0 || (_items$filter = _items$filter.call(items, function (item) {
|
|
14512
|
+
var _item$props;
|
|
14513
|
+
return item === null || item === void 0 || (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.selected;
|
|
14514
|
+
})) === null || _items$filter === void 0 ? void 0 : _items$filter.length) > 0,
|
|
14515
|
+
onClick: function onClick(event) {
|
|
14516
|
+
var _items$filter2;
|
|
14517
|
+
return onSelectAll(event, (items === null || items === void 0 || (_items$filter2 = items.filter) === null || _items$filter2 === void 0 || (_items$filter2 = _items$filter2.call(items, function (item) {
|
|
14518
|
+
var _item$props2;
|
|
14519
|
+
return item === null || item === void 0 || (_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.selected;
|
|
14520
|
+
})) === null || _items$filter2 === void 0 ? void 0 : _items$filter2.length) !== (items === null || items === void 0 ? void 0 : items.length));
|
|
14521
|
+
},
|
|
14522
|
+
variant: 'checkbox',
|
|
14523
|
+
intermediate: (items === null || items === void 0 || (_items$filter3 = items.filter) === null || _items$filter3 === void 0 || (_items$filter3 = _items$filter3.call(items, function (item) {
|
|
14524
|
+
var _item$props3;
|
|
14525
|
+
return item === null || item === void 0 || (_item$props3 = item.props) === null || _item$props3 === void 0 ? void 0 : _item$props3.selected;
|
|
14526
|
+
})) === null || _items$filter3 === void 0 ? void 0 : _items$filter3.length) > 0 && (items === null || items === void 0 || (_items$filter4 = items.filter) === null || _items$filter4 === void 0 || (_items$filter4 = _items$filter4.call(items, function (item) {
|
|
14527
|
+
var _item$props4;
|
|
14528
|
+
return item === null || item === void 0 || (_item$props4 = item.props) === null || _item$props4 === void 0 ? void 0 : _item$props4.selected;
|
|
14529
|
+
})) === null || _items$filter4 === void 0 ? void 0 : _items$filter4.length) !== (items === null || items === void 0 ? void 0 : items.length)
|
|
14530
|
+
}, 'all'), items]
|
|
14531
|
+
}))
|
|
14532
|
+
})
|
|
14533
|
+
})]
|
|
14534
|
+
});
|
|
14535
|
+
});
|
|
14536
|
+
|
|
14537
|
+
// eslint-disable-next-line prefer-arrow-callback
|
|
14538
|
+
var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
14539
|
+
var _props$className = props.className,
|
|
14540
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
14541
|
+
_props$popperClassNam = props.popperClassName,
|
|
14542
|
+
popperClassName = _props$popperClassNam === void 0 ? '' : _props$popperClassNam,
|
|
14543
|
+
value = props.value,
|
|
13560
14544
|
onChange = props.onChange,
|
|
13561
14545
|
LeftComponent = props.leftComponent,
|
|
13562
14546
|
onBlur = props.onBlur,
|
|
@@ -13579,7 +14563,9 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
13579
14563
|
multiSelectActionTitle = props.multiSelectActionTitle,
|
|
13580
14564
|
valueAsCount = props.valueAsCount,
|
|
13581
14565
|
caretAsUpDown = props.caretAsUpDown,
|
|
13582
|
-
search = props.search
|
|
14566
|
+
search = props.search,
|
|
14567
|
+
_props$v = props.v2,
|
|
14568
|
+
v2 = _props$v === void 0 ? false : _props$v;
|
|
13583
14569
|
var _useState = useState(false),
|
|
13584
14570
|
_useState2 = _slicedToArray(_useState, 2),
|
|
13585
14571
|
open = _useState2[0],
|
|
@@ -13789,6 +14775,9 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
13789
14775
|
}
|
|
13790
14776
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
13791
14777
|
}, [open, multi, value]);
|
|
14778
|
+
if (v2) {
|
|
14779
|
+
return jsx(Dropdown$1, _objectSpread2({}, props));
|
|
14780
|
+
}
|
|
13792
14781
|
var onSelectAll = function onSelectAll(event, selected) {
|
|
13793
14782
|
var nativeEvent = event.nativeEvent;
|
|
13794
14783
|
var Ctor = nativeEvent.constructor;
|
|
@@ -13890,16 +14879,16 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
13890
14879
|
});
|
|
13891
14880
|
}
|
|
13892
14881
|
return jsxs("div", {
|
|
13893
|
-
className: classes(modules_1b90f5ea.root, open ? modules_1b90f5ea.open : '', disabled || error ? modules_1b90f5ea.disabled : '', className),
|
|
14882
|
+
className: classes(modules_1b90f5ea$1.root, open ? modules_1b90f5ea$1.open : '', disabled || error ? modules_1b90f5ea$1.disabled : '', className),
|
|
13894
14883
|
children: [label && jsx("div", {
|
|
13895
14884
|
"data-elem": 'label',
|
|
13896
|
-
className: classes(modules_1b90f5ea.label, required ? modules_1b90f5ea.required : ''),
|
|
14885
|
+
className: classes(modules_1b90f5ea$1.label, required ? modules_1b90f5ea$1.required : ''),
|
|
13897
14886
|
children: jsx("span", {
|
|
13898
14887
|
children: label
|
|
13899
14888
|
})
|
|
13900
14889
|
}), jsxs("div", _objectSpread2(_objectSpread2({
|
|
13901
14890
|
"data-elem": 'header',
|
|
13902
|
-
className: classes(modules_1b90f5ea.header, error ? modules_1b90f5ea.error : ' ', open ? modules_1b90f5ea.open : '', (Array.isArray(value) ? value.length > 0 : !!value) && highlightOnSelect ? modules_1b90f5ea.highlightOnSelect : ''),
|
|
14891
|
+
className: classes(modules_1b90f5ea$1.header, error ? modules_1b90f5ea$1.error : ' ', open ? modules_1b90f5ea$1.open : '', (Array.isArray(value) ? value.length > 0 : !!value) && highlightOnSelect ? modules_1b90f5ea$1.highlightOnSelect : ''),
|
|
13903
14892
|
ref: reference
|
|
13904
14893
|
}, getReferenceProps()), {}, {
|
|
13905
14894
|
children: [jsx("input", {
|
|
@@ -13908,7 +14897,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
13908
14897
|
ref: inputElRef,
|
|
13909
14898
|
disabled: disabled,
|
|
13910
14899
|
tabIndex: 0,
|
|
13911
|
-
className: modules_1b90f5ea.input,
|
|
14900
|
+
className: modules_1b90f5ea$1.input,
|
|
13912
14901
|
onKeyDown: function onKeyDown(event) {
|
|
13913
14902
|
var validKey = [' ', 'Spacebar', 'Enter'].includes(event.key);
|
|
13914
14903
|
if (validKey) setOpen(true);
|
|
@@ -13921,26 +14910,26 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
13921
14910
|
}), jsxs("div", {
|
|
13922
14911
|
"data-elem": 'select',
|
|
13923
14912
|
role: 'button',
|
|
13924
|
-
className: classes(modules_1b90f5ea.select, feedback != null ? modules_1b90f5ea["feedback-".concat(feedback.type)] : ''),
|
|
14913
|
+
className: classes(modules_1b90f5ea$1.select, feedback != null ? modules_1b90f5ea$1["feedback-".concat(feedback.type)] : ''),
|
|
13925
14914
|
children: [getLeftComponent(), content, jsxs("div", {
|
|
13926
|
-
className: modules_1b90f5ea['icon-bundle'],
|
|
14915
|
+
className: modules_1b90f5ea$1['icon-bundle'],
|
|
13927
14916
|
children: [error && jsx(Tooltip, {
|
|
13928
14917
|
content: error.toString(),
|
|
13929
14918
|
position: 'top',
|
|
13930
|
-
className: modules_1b90f5ea.tooltip,
|
|
14919
|
+
className: modules_1b90f5ea$1.tooltip,
|
|
13931
14920
|
variant: 'light',
|
|
13932
14921
|
children: jsx("span", {
|
|
13933
|
-
className: modules_1b90f5ea.span,
|
|
13934
|
-
children: jsx(Info, {
|
|
13935
|
-
className: modules_1b90f5ea['info-icon']
|
|
14922
|
+
className: modules_1b90f5ea$1.span,
|
|
14923
|
+
children: jsx(Info$1, {
|
|
14924
|
+
className: modules_1b90f5ea$1['info-icon']
|
|
13936
14925
|
})
|
|
13937
14926
|
})
|
|
13938
14927
|
}), caretAsUpDown ? jsx(Caret, {
|
|
13939
|
-
className: classes(modules_1b90f5ea['caret-icon-upDown'], open ? modules_1b90f5ea.open : ''),
|
|
14928
|
+
className: classes(modules_1b90f5ea$1['caret-icon-upDown'], open ? modules_1b90f5ea$1.open : ''),
|
|
13940
14929
|
upDown: true
|
|
13941
14930
|
}) : jsx(Caret, {
|
|
13942
14931
|
"data-elem": 'icon',
|
|
13943
|
-
className: classes(modules_1b90f5ea['caret-icon'], open ? modules_1b90f5ea.open : '')
|
|
14932
|
+
className: classes(modules_1b90f5ea$1['caret-icon'], open ? modules_1b90f5ea$1.open : '')
|
|
13944
14933
|
})]
|
|
13945
14934
|
})]
|
|
13946
14935
|
})]
|
|
@@ -13968,7 +14957,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
13968
14957
|
top: y !== null && y !== void 0 ? y : 0,
|
|
13969
14958
|
left: x !== null && x !== void 0 ? x : 0
|
|
13970
14959
|
},
|
|
13971
|
-
className: classes(modules_1b90f5ea.body, modules_1b90f5ea.open, multi ? modules_1b90f5ea.multi : '', popperClassName)
|
|
14960
|
+
className: classes(modules_1b90f5ea$1.body, modules_1b90f5ea$1.open, multi ? modules_1b90f5ea$1.multi : '', popperClassName)
|
|
13972
14961
|
})), {}, {
|
|
13973
14962
|
initial: {
|
|
13974
14963
|
opacity: 0,
|
|
@@ -13980,17 +14969,17 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
13980
14969
|
},
|
|
13981
14970
|
children: [multi && jsxs("li", {
|
|
13982
14971
|
ref: multiOptionsRef,
|
|
13983
|
-
className: modules_1b90f5ea['multi-options'],
|
|
14972
|
+
className: modules_1b90f5ea$1['multi-options'],
|
|
13984
14973
|
tabIndex: -1,
|
|
13985
14974
|
children: [jsx(Button, {
|
|
13986
|
-
className: modules_1b90f5ea.button,
|
|
14975
|
+
className: modules_1b90f5ea$1.button,
|
|
13987
14976
|
blurOnClick: false,
|
|
13988
14977
|
title: 'Select All',
|
|
13989
14978
|
variant: 'contained',
|
|
13990
14979
|
type: 'button',
|
|
13991
14980
|
leftComponent: function leftComponent() {
|
|
13992
14981
|
return jsx(SelectAll, {
|
|
13993
|
-
className: modules_1b90f5ea.icon
|
|
14982
|
+
className: modules_1b90f5ea$1.icon
|
|
13994
14983
|
});
|
|
13995
14984
|
},
|
|
13996
14985
|
onClick: function onClick(event) {
|
|
@@ -14000,20 +14989,20 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
14000
14989
|
onSelectAll(event, true);
|
|
14001
14990
|
}
|
|
14002
14991
|
}), selectedOptions.length > 0 && jsx("span", {
|
|
14003
|
-
className: modules_1b90f5ea.items,
|
|
14992
|
+
className: modules_1b90f5ea$1.items,
|
|
14004
14993
|
children: selectedItemsLabel
|
|
14005
14994
|
})]
|
|
14006
14995
|
}), search && jsx(TextField, {
|
|
14007
|
-
className: modules_1b90f5ea.search,
|
|
14996
|
+
className: modules_1b90f5ea$1.search,
|
|
14008
14997
|
placeholder: search.placeholder,
|
|
14009
14998
|
value: search.value,
|
|
14010
14999
|
onChange: function onChange(e) {
|
|
14011
15000
|
search.onChange(e.target.value);
|
|
14012
15001
|
}
|
|
14013
15002
|
}), items, multi && jsxs("div", {
|
|
14014
|
-
className: modules_1b90f5ea.footer,
|
|
15003
|
+
className: modules_1b90f5ea$1.footer,
|
|
14015
15004
|
children: [jsx(Button, {
|
|
14016
|
-
className: modules_1b90f5ea['multi-clear'],
|
|
15005
|
+
className: modules_1b90f5ea$1['multi-clear'],
|
|
14017
15006
|
blurOnClick: false,
|
|
14018
15007
|
title: 'Clear',
|
|
14019
15008
|
size: 'auto',
|
|
@@ -14025,7 +15014,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
14025
15014
|
onSelectAll(event, false);
|
|
14026
15015
|
}
|
|
14027
15016
|
}), jsx(Button, {
|
|
14028
|
-
className: modules_1b90f5ea['multi-apply'],
|
|
15017
|
+
className: modules_1b90f5ea$1['multi-apply'],
|
|
14029
15018
|
title: selectedOptions.length === 0 ? 'Apply' : multiSelectActionTitle !== null && multiSelectActionTitle !== void 0 ? multiSelectActionTitle : 'Apply',
|
|
14030
15019
|
size: 'auto',
|
|
14031
15020
|
onClick: onApply
|
|
@@ -14037,138 +15026,9 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
14037
15026
|
});
|
|
14038
15027
|
});
|
|
14039
15028
|
|
|
14040
|
-
var css$
|
|
14041
|
-
var modules_3705961f = {"root":"Radio_module_root__c3d663ec","position-left":"Radio_module_positionLeft__c3d663ec","position-right":"Radio_module_positionRight__c3d663ec","disabled":"Radio_module_disabled__c3d663ec","icon":"Radio_module_icon__c3d663ec","selected":"Radio_module_selected__c3d663ec","icon-sm":"Radio_module_iconSm__c3d663ec","icon-md":"Radio_module_iconMd__c3d663ec","icon-lg":"Radio_module_iconLg__c3d663ec"};
|
|
14042
|
-
n(css$N,{});
|
|
14043
|
-
|
|
14044
|
-
var Radio = function Radio(props) {
|
|
14045
|
-
var label = props.label,
|
|
14046
|
-
checked = props.checked,
|
|
14047
|
-
defaultChecked = props.defaultChecked,
|
|
14048
|
-
onChange = props.onChange,
|
|
14049
|
-
_props$position = props.position,
|
|
14050
|
-
position = _props$position === void 0 ? 'left' : _props$position,
|
|
14051
|
-
_props$size = props.size,
|
|
14052
|
-
size = _props$size === void 0 ? 'sm' : _props$size,
|
|
14053
|
-
className = props.className,
|
|
14054
|
-
disabled = props.disabled;
|
|
14055
|
-
// Lock controlled vs uncontrolled on first render
|
|
14056
|
-
var _useRef = useRef(checked !== undefined),
|
|
14057
|
-
isControlled = _useRef.current;
|
|
14058
|
-
// Uncontrolled state
|
|
14059
|
-
var _useState = useState(defaultChecked),
|
|
14060
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
14061
|
-
uncontrolledChecked = _useState2[0],
|
|
14062
|
-
setUncontrolledChecked = _useState2[1];
|
|
14063
|
-
var handleChange = function handleChange(event) {
|
|
14064
|
-
var _helperResult$fieldVa;
|
|
14065
|
-
// Safely extract fieldValue; fall back to event.target.checked
|
|
14066
|
-
var helperResult = inputHelper === null || inputHelper === void 0 ? void 0 : inputHelper(event);
|
|
14067
|
-
var fieldValue = (_helperResult$fieldVa = helperResult === null || helperResult === void 0 ? void 0 : helperResult.fieldValue) !== null && _helperResult$fieldVa !== void 0 ? _helperResult$fieldVa : event.target.checked;
|
|
14068
|
-
if (isControlled) {
|
|
14069
|
-
onChange === null || onChange === void 0 || onChange(event, fieldValue);
|
|
14070
|
-
} else {
|
|
14071
|
-
setUncontrolledChecked(fieldValue);
|
|
14072
|
-
}
|
|
14073
|
-
};
|
|
14074
|
-
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
14075
|
-
var CheckedIcon = RadioIcon.Checked;
|
|
14076
|
-
var UncheckedIcon = RadioIcon.UnChecked;
|
|
14077
|
-
return jsxs("label", {
|
|
14078
|
-
className: classes(modules_3705961f.root, modules_3705961f["position-".concat(position)], disabled ? modules_3705961f.disabled : '', isChecked ? modules_3705961f.selected : '', className),
|
|
14079
|
-
children: [jsx("input", {
|
|
14080
|
-
disabled: disabled,
|
|
14081
|
-
type: 'radio',
|
|
14082
|
-
// Preserve original pattern: always pass checked (undefined keeps it uncontrolled)
|
|
14083
|
-
checked: isChecked,
|
|
14084
|
-
onChange: handleChange
|
|
14085
|
-
}), isChecked ? jsx(CheckedIcon, {
|
|
14086
|
-
"data-elem": 'icon',
|
|
14087
|
-
className: classes(modules_3705961f["icon-".concat(size)], modules_3705961f.icon)
|
|
14088
|
-
}) : jsx(UncheckedIcon, {
|
|
14089
|
-
"data-elem": 'icon',
|
|
14090
|
-
className: classes(modules_3705961f["icon-".concat(size)], modules_3705961f.icon)
|
|
14091
|
-
}), label && jsx("span", {
|
|
14092
|
-
"data-elem": 'label',
|
|
14093
|
-
children: label
|
|
14094
|
-
})]
|
|
14095
|
-
});
|
|
14096
|
-
};
|
|
14097
|
-
|
|
14098
|
-
var css$M = ".DropdownItem_module_root__8b4c517e {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.75rem;\n padding: 0.625rem 0.75rem;\n border-radius: 0.25rem;\n cursor: pointer;\n margin-inline: 1.25rem;\n color: var(--grey);\n outline: none;\n margin-bottom: 1.25rem;\n}\n.DropdownItem_module_root__8b4c517e:nth-last-child(1) {\n margin-bottom: 0rem;\n}\n.DropdownItem_module_root__8b4c517e > .DropdownItem_module_input__8b4c517e {\n cursor: pointer;\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_error__8b4c517e {\n background: var(--background-color1);\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_error__8b4c517e:hover {\n cursor: not-allowed;\n background: var(--background-color1);\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_error__8b4c517e .DropdownItem_module_title__8b4c517e {\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_error__8b4c517e .DropdownItem_module_title__8b4c517e .DropdownItem_module_icon__8b4c517e {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_error__8b4c517e .DropdownItem_module_title__8b4c517e .DropdownItem_module_icon__8b4c517e path {\n stroke: var(--primary-color1);\n}\n.DropdownItem_module_root__8b4c517e:hover {\n background: var(--background-color4);\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_disabled__8b4c517e {\n filter: opacity(0.25);\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_disabled__8b4c517e:hover {\n cursor: not-allowed;\n}";
|
|
14099
|
-
var modules_bf949acd = {"root":"DropdownItem_module_root__8b4c517e","input":"DropdownItem_module_input__8b4c517e","error":"DropdownItem_module_error__8b4c517e","title":"DropdownItem_module_title__8b4c517e","icon":"DropdownItem_module_icon__8b4c517e","disabled":"DropdownItem_module_disabled__8b4c517e"};
|
|
14100
|
-
n(css$M,{});
|
|
14101
|
-
|
|
14102
|
-
var DropdownItem = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
14103
|
-
var title = props.title,
|
|
14104
|
-
value = props.value,
|
|
14105
|
-
variant = props.variant,
|
|
14106
|
-
error = props.error,
|
|
14107
|
-
selected = props.selected,
|
|
14108
|
-
onKeyDown = props.onKeyDown,
|
|
14109
|
-
onMouseEnter = props.onMouseEnter,
|
|
14110
|
-
onClick = props.onClick,
|
|
14111
|
-
dataAttrs = props.dataAttrs,
|
|
14112
|
-
className = props.className,
|
|
14113
|
-
tabIndex = props.tabIndex,
|
|
14114
|
-
disabled = props.disabled,
|
|
14115
|
-
customComponent = props.customComponent;
|
|
14116
|
-
var action = null;
|
|
14117
|
-
switch (variant) {
|
|
14118
|
-
case 'checkbox':
|
|
14119
|
-
action = jsx(Checkbox, {
|
|
14120
|
-
className: modules_bf949acd.input,
|
|
14121
|
-
checked: !!selected,
|
|
14122
|
-
disabled: true,
|
|
14123
|
-
disabledAsChild: true
|
|
14124
|
-
});
|
|
14125
|
-
break;
|
|
14126
|
-
case 'radio':
|
|
14127
|
-
action = jsx(Radio, {
|
|
14128
|
-
className: modules_bf949acd.input,
|
|
14129
|
-
checked: !!selected,
|
|
14130
|
-
disabled: !!disabled || !!error
|
|
14131
|
-
});
|
|
14132
|
-
break;
|
|
14133
|
-
}
|
|
14134
|
-
return jsxs("li", _objectSpread2(_objectSpread2({
|
|
14135
|
-
ref: ref,
|
|
14136
|
-
className: classes(modules_bf949acd.root, selected ? modules_bf949acd.selected : '', disabled ? modules_bf949acd.disabled : '', error ? modules_bf949acd.error : '', className),
|
|
14137
|
-
"data-elem": 'dropdown-item',
|
|
14138
|
-
"data-variant": variant,
|
|
14139
|
-
"data-value": value,
|
|
14140
|
-
"data-selected": selected,
|
|
14141
|
-
onClick: !disabled && !error ? onClick : undefined,
|
|
14142
|
-
onMouseEnter: onMouseEnter
|
|
14143
|
-
}, dataAttrs !== null && dataAttrs !== void 0 ? dataAttrs : {}), {}, {
|
|
14144
|
-
tabIndex: tabIndex,
|
|
14145
|
-
role: 'option',
|
|
14146
|
-
"aria-selected": !!selected,
|
|
14147
|
-
onKeyDown: onKeyDown,
|
|
14148
|
-
children: [action, customComponent !== null && customComponent !== void 0 ? customComponent : jsxs("span", {
|
|
14149
|
-
className: modules_bf949acd.title,
|
|
14150
|
-
"data-elem": 'title',
|
|
14151
|
-
children: [jsx("span", {
|
|
14152
|
-
children: title
|
|
14153
|
-
}), error && jsx(Tooltip, {
|
|
14154
|
-
content: error,
|
|
14155
|
-
position: 'top',
|
|
14156
|
-
className: modules_bf949acd.tooltip,
|
|
14157
|
-
variant: 'light',
|
|
14158
|
-
children: jsx("span", {
|
|
14159
|
-
className: modules_bf949acd.span,
|
|
14160
|
-
children: jsx(Info, {
|
|
14161
|
-
className: modules_bf949acd.icon
|
|
14162
|
-
})
|
|
14163
|
-
})
|
|
14164
|
-
})]
|
|
14165
|
-
})]
|
|
14166
|
-
}));
|
|
14167
|
-
});
|
|
14168
|
-
|
|
14169
|
-
var css$L = ".BaseModal_module_root__627cb2d4 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n top: 50%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate(-50%, -50%);\n max-height: 100%;\n height: 43.75rem;\n width: 62.5rem;\n position: fixed;\n background: var(--light-color3);\n box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n border-radius: 8px;\n outline: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4 {\n overflow-y: scroll;\n padding: 1rem;\n -ms-overflow-style: none;\n scrollbar-width: none;\n color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4::-webkit-scrollbar {\n display: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4,\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n padding: 1rem;\n color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4 {\n font-weight: 500;\n font-size: 1.375rem;\n box-shadow: 0px 0.1px 2px rgba(24, 24, 24, 0.08);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n margin-top: auto;\n border-radius: 0 0 8px 8px;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 1rem;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n color: var(--mono-color1);\n background-color: var(--light-color2);\n border-radius: 0.25rem;\n outline: 1px solid var(--light-color2) !important;\n border: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell]:hover {\n background-color: var(--light-color1);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] {\n position: absolute;\n right: 1rem;\n top: 1rem;\n padding: 0.25rem;\n height: auto;\n background: var(--light-color3);\n box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell]:hover {\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] .BaseModal_module_icon__627cb2d4 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--text-color);\n}";
|
|
15029
|
+
var css$M = ".BaseModal_module_root__627cb2d4 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n top: 50%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate(-50%, -50%);\n max-height: 100%;\n height: 43.75rem;\n width: 62.5rem;\n position: fixed;\n background: var(--light-color3);\n box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n border-radius: 8px;\n outline: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4 {\n overflow-y: scroll;\n padding: 1rem;\n -ms-overflow-style: none;\n scrollbar-width: none;\n color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4::-webkit-scrollbar {\n display: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4,\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n padding: 1rem;\n color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4 {\n font-weight: 500;\n font-size: 1.375rem;\n box-shadow: 0px 0.1px 2px rgba(24, 24, 24, 0.08);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n margin-top: auto;\n border-radius: 0 0 8px 8px;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 1rem;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n color: var(--mono-color1);\n background-color: var(--light-color2);\n border-radius: 0.25rem;\n outline: 1px solid var(--light-color2) !important;\n border: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell]:hover {\n background-color: var(--light-color1);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] {\n position: absolute;\n right: 1rem;\n top: 1rem;\n padding: 0.25rem;\n height: auto;\n background: var(--light-color3);\n box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell]:hover {\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] .BaseModal_module_icon__627cb2d4 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--text-color);\n}";
|
|
14170
15030
|
var modules_f23ae002 = {"root":"BaseModal_module_root__627cb2d4","body":"BaseModal_module_body__627cb2d4","header":"BaseModal_module_header__627cb2d4","footer":"BaseModal_module_footer__627cb2d4","dismiss":"BaseModal_module_dismiss__627cb2d4","close":"BaseModal_module_close__627cb2d4","icon":"BaseModal_module_icon__627cb2d4"};
|
|
14171
|
-
n(css$
|
|
15031
|
+
n(css$M,{});
|
|
14172
15032
|
|
|
14173
15033
|
var MotionFooter = motion.footer;
|
|
14174
15034
|
var footerAnimations = {
|
|
@@ -14352,9 +15212,9 @@ var BaseModal = function BaseModal(props) {
|
|
|
14352
15212
|
});
|
|
14353
15213
|
};
|
|
14354
15214
|
|
|
14355
|
-
var css$
|
|
15215
|
+
var css$L = ".Dialog_module_root__afbc0e34 {\n padding: 0.25rem 0px;\n height: -moz-fit-content;\n height: fit-content;\n max-height: 30rem;\n background: var(--light-color3);\n border-radius: 0.625rem;\n}\n.Dialog_module_root__afbc0e34.Dialog_module_sm__afbc0e34 {\n width: 18.75rem;\n}\n.Dialog_module_root__afbc0e34.Dialog_module_md__afbc0e34 {\n width: 35rem;\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_footer__afbc0e34 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_footer__afbc0e34 button.Dialog_module_cancel__afbc0e34[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n color: var(--mono-color1);\n background-color: var(--light-color2);\n border-radius: 0.25rem;\n outline: 1px solid var(--light-color2) !important;\n border: none;\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_footer__afbc0e34 button.Dialog_module_cancel__afbc0e34[data-elem=base-cell]:hover {\n background-color: var(--light-color1);\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_description__afbc0e34 {\n font-size: 1rem;\n height: -moz-fit-content;\n height: fit-content;\n color: var(--text-color);\n}";
|
|
14356
15216
|
var modules_ca1540aa = {"root":"Dialog_module_root__afbc0e34","sm":"Dialog_module_sm__afbc0e34","md":"Dialog_module_md__afbc0e34","footer":"Dialog_module_footer__afbc0e34","cancel":"Dialog_module_cancel__afbc0e34","description":"Dialog_module_description__afbc0e34"};
|
|
14357
|
-
n(css$
|
|
15217
|
+
n(css$L,{});
|
|
14358
15218
|
|
|
14359
15219
|
var DIALOG_DEFAULTS = {
|
|
14360
15220
|
title: null,
|
|
@@ -14506,9 +15366,9 @@ var DialogBox = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
14506
15366
|
});
|
|
14507
15367
|
DialogBox.displayName = 'DialogBox';
|
|
14508
15368
|
|
|
14509
|
-
var css$
|
|
15369
|
+
var css$K = ".RichEditor_module_root__035ff1b7 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 1rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.625rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7 {\n width: 2.5rem;\n height: 2.5rem;\n background-color: transparent !important;\n box-shadow: 0px 0px 0.125rem 0px rgba(0, 0, 0, 0.1450980392);\n z-index: 2;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_bold__035ff1b7 [data-elem=title] {\n font-size: 1.3rem;\n font-weight: 700;\n line-height: 2.0194rem;\n color: var(--mono-color1);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_italic__035ff1b7 [data-elem=title] {\n font-size: 1.5rem;\n line-height: 2.0194rem;\n font-style: italic;\n font-weight: 300;\n color: var(--mono-color1);\n padding-inline: 0.25rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_strike__035ff1b7 [data-elem=title] {\n font-size: 1.5rem;\n line-height: 2.0194rem;\n text-decoration: line-through;\n font-weight: 400;\n color: var(--mono-color1);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_underline__035ff1b7 [data-elem=title] {\n font-size: 1.5rem;\n line-height: 2.0194rem;\n font-weight: 400;\n color: var(--mono-color1);\n text-decoration: underline;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 {\n cursor: pointer;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 > label {\n height: 100%;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 > label [data-elem=base-cell] {\n box-shadow: none;\n padding: 0.5rem;\n height: 100%;\n position: relative;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 [data-elem=component2] {\n position: absolute;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 [data-elem=component2] [data-elem=input] {\n opacity: 0;\n width: 2.5rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_link__035ff1b7 [data-elem=component2], .RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_align__035ff1b7 [data-elem=component2] {\n min-width: unset;\n display: inline-block;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_active__035ff1b7 {\n background-color: var(--mono-color1) !important;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_active__035ff1b7 [data-elem=title] {\n color: var(--white);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 {\n height: 2.5rem;\n width: 10rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 [data-elem=header] {\n height: 100%;\n box-shadow: 0px 0px 0.125rem 0px rgba(0, 0, 0, 0.1450980392);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 [data-elem=header] [data-elem=select] {\n padding: 0 !important;\n padding-inline: 1rem 0.75rem !important;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 [data-elem=header] [data-elem=select] [data-elem=value] {\n color: var(--mono-color1);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 [data-elem=header] [data-elem=select] svg {\n fill: var(--mono-color1) !important;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 {\n box-shadow: 0px 0px 0.125rem 0px rgba(0, 0, 0, 0.2509803922);\n width: 100%;\n height: 16rem;\n border-radius: 0.25rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 > div {\n border-radius: 0.25rem;\n height: 100%;\n padding: 0.75rem 1rem;\n overflow-y: scroll;\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 > div::-webkit-scrollbar {\n display: none;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 > div > p:nth-child(1)::before {\n color: var(--mono-color2);\n content: attr(data-placeholder);\n float: left;\n height: 0;\n pointer-events: none;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 > div:focus-within {\n outline: var(--secondary-color2) 1px solid;\n}\n\n.RichEditor_module_popper__035ff1b7 {\n min-width: 15rem !important;\n}";
|
|
14510
15370
|
var modules_64f0815c = {"root":"RichEditor_module_root__035ff1b7","menu":"RichEditor_module_menu__035ff1b7","item":"RichEditor_module_item__035ff1b7","bold":"RichEditor_module_bold__035ff1b7","italic":"RichEditor_module_italic__035ff1b7","strike":"RichEditor_module_strike__035ff1b7","underline":"RichEditor_module_underline__035ff1b7","color":"RichEditor_module_color__035ff1b7","link":"RichEditor_module_link__035ff1b7","align":"RichEditor_module_align__035ff1b7","active":"RichEditor_module_active__035ff1b7","dropdown":"RichEditor_module_dropdown__035ff1b7","editor":"RichEditor_module_editor__035ff1b7","popper":"RichEditor_module_popper__035ff1b7"};
|
|
14511
|
-
n(css$
|
|
15371
|
+
n(css$K,{});
|
|
14512
15372
|
|
|
14513
15373
|
var ColorPalletteIcon = function ColorPalletteIcon(_ref) {
|
|
14514
15374
|
var _ref$color = _ref.color,
|
|
@@ -14955,13 +15815,13 @@ var RichEditor = function RichEditor(_ref2) {
|
|
|
14955
15815
|
});
|
|
14956
15816
|
};
|
|
14957
15817
|
|
|
14958
|
-
var css$
|
|
15818
|
+
var css$J = ".Slider_module_sliderContainer__d2f3f668 {\n position: relative;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_slider__d2f3f668 {\n width: 300px;\n cursor: pointer;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_slider__d2f3f668:disabled {\n cursor: not-allowed;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_slider__d2f3f668:disabled::-webkit-slider-thumb {\n cursor: not-allowed;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_slider__d2f3f668:disabled ~ .Slider_module_tooltip__d2f3f668 {\n opacity: 0;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_tooltip__d2f3f668 {\n position: absolute;\n margin-left: 7%;\n top: -30px;\n transform: translateX(-50%);\n background-color: var(--primary-color4);\n color: var(--white);\n padding: 2px 5px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 600;\n opacity: 1;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_label__d2f3f668 {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 1.125rem;\n letter-spacing: 0.32px;\n color: var(--mono-color1);\n margin-bottom: 0.3rem;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_minMaxContainer__d2f3f668 {\n display: flex;\n width: 300px;\n justify-content: space-between;\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 1.125rem;\n letter-spacing: 0.32px;\n color: var(--mono-color1);\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_min__d2f3f668 {\n margin-left: 0.1rem;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_max__d2f3f668 {\n margin-left: auto;\n}";
|
|
14959
15819
|
var modules_321294e1 = {"slider-container":"Slider_module_sliderContainer__d2f3f668","slider":"Slider_module_slider__d2f3f668","tooltip":"Slider_module_tooltip__d2f3f668","label":"Slider_module_label__d2f3f668","minMaxContainer":"Slider_module_minMaxContainer__d2f3f668","min":"Slider_module_min__d2f3f668","max":"Slider_module_max__d2f3f668"};
|
|
14960
|
-
n(css$
|
|
15820
|
+
n(css$J,{});
|
|
14961
15821
|
|
|
14962
|
-
var css$
|
|
15822
|
+
var css$I = ".RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_label__4162aa4a {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 1.125rem;\n letter-spacing: 0.32px;\n color: var(--mono-color1);\n margin-bottom: 0.5rem;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangeslider__4162aa4a {\n position: relative;\n width: 300px;\n height: 8px;\n background: rgba(211, 211, 211, 0.5137254902);\n border: solid 1px var(--mono-color3);\n border-radius: 5px;\n cursor: pointer;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangeslider__4162aa4a .RangeSlider_module_rangesliderThumb__4162aa4a {\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 16px;\n height: 16px;\n background: var(--primary-color4);\n border-radius: 50%;\n cursor: pointer;\n z-index: 1;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangeslider__4162aa4a .RangeSlider_module_rangesliderThumb__4162aa4a:before {\n content: attr(data-value);\n position: absolute;\n bottom: 22px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--primary-color4);\n color: var(--white);\n font-weight: 600;\n padding: 2px 5px;\n border-radius: 4px;\n font-size: 12px;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.2s ease;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangeslider__4162aa4a .RangeSlider_module_rangesliderThumb__4162aa4a:hover:before {\n opacity: 1;\n visibility: visible;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangeslider__4162aa4a .RangeSlider_module_rangesliderTrack__4162aa4a {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n height: 8px;\n background: var(--primary-color4);\n border-radius: 5px;\n z-index: 0;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangesliderInput__4162aa4a {\n display: none;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangesliderLabel__4162aa4a {\n margin: 5px;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_minMaxContainer__4162aa4a {\n display: flex;\n width: 300px;\n justify-content: space-between;\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 1.125rem;\n letter-spacing: 0.32px;\n color: var(--mono-color1);\n margin-top: 0.3rem;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_min__4162aa4a {\n margin-left: 0.1rem;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_max__4162aa4a {\n margin-left: auto;\n}";
|
|
14963
15823
|
var modules_4958cef5 = {"rangeslider-container":"RangeSlider_module_rangesliderContainer__4162aa4a","label":"RangeSlider_module_label__4162aa4a","rangeslider":"RangeSlider_module_rangeslider__4162aa4a","rangeslider-thumb":"RangeSlider_module_rangesliderThumb__4162aa4a","rangeslider-track":"RangeSlider_module_rangesliderTrack__4162aa4a","rangeslider-input":"RangeSlider_module_rangesliderInput__4162aa4a","rangeslider-label":"RangeSlider_module_rangesliderLabel__4162aa4a","minMaxContainer":"RangeSlider_module_minMaxContainer__4162aa4a","min":"RangeSlider_module_min__4162aa4a","max":"RangeSlider_module_max__4162aa4a"};
|
|
14964
|
-
n(css$
|
|
15824
|
+
n(css$I,{});
|
|
14965
15825
|
|
|
14966
15826
|
var RangeSlider = function RangeSlider(_ref) {
|
|
14967
15827
|
var min = _ref.min,
|
|
@@ -15214,10 +16074,68 @@ var Slider = function Slider(_ref) {
|
|
|
15214
16074
|
});
|
|
15215
16075
|
};
|
|
15216
16076
|
|
|
15217
|
-
var css$
|
|
16077
|
+
var css$H = ".Switch_module_root__c4b20963 {\n cursor: pointer;\n gap: 0.625rem;\n position: relative;\n height: 1.5rem;\n}\n.Switch_module_root__c4b20963.Switch_module_disabled__c4b20963 {\n cursor: default;\n}\n.Switch_module_root__c4b20963.Switch_module_positionLeft__c4b20963 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Switch_module_root__c4b20963.Switch_module_positionRight__c4b20963 {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n align-items: center;\n}\n.Switch_module_root__c4b20963 input[type=checkbox] {\n opacity: 0;\n z-index: 1;\n position: absolute;\n width: 1px;\n height: 1px;\n}\n.Switch_module_root__c4b20963 .Switch_module_pill__c4b20963 {\n position: relative;\n width: 3rem;\n height: 100%;\n cursor: pointer;\n background-color: var(--grey5);\n transition: 0.4s;\n border-radius: 0.75rem;\n}\n.Switch_module_root__c4b20963 .Switch_module_pill__c4b20963:before {\n position: absolute;\n content: \"\";\n height: 1.25rem;\n width: 1.25rem;\n left: 0.125rem;\n bottom: 0.125rem;\n background-color: var(--white);\n transition: 0.4s;\n border-radius: 50%;\n}\n.Switch_module_root__c4b20963 input:checked + .Switch_module_pill__c4b20963 {\n background-color: var(--primary-color4);\n}\n.Switch_module_root__c4b20963 input:checked + .Switch_module_pill__c4b20963:before {\n transform: translateX(1.5rem);\n}\n.Switch_module_root__c4b20963 input:focus + .Switch_module_pill__c4b20963::before {\n box-shadow: 0px 0px 0px 8px rgba(15, 98, 254, 0.125);\n}\n.Switch_module_root__c4b20963 [data-elem=label] {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}";
|
|
15218
16078
|
var modules_18a327ff = {"root":"Switch_module_root__c4b20963","disabled":"Switch_module_disabled__c4b20963","position-left":"Switch_module_positionLeft__c4b20963","position-right":"Switch_module_positionRight__c4b20963","pill":"Switch_module_pill__c4b20963"};
|
|
16079
|
+
n(css$H,{});
|
|
16080
|
+
|
|
16081
|
+
var css$G = ".Toggle_module_root__aac55eed {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--spacing-03, 8px);\n cursor: pointer;\n position: relative;\n}\n.Toggle_module_root__aac55eed input {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n}\n.Toggle_module_root__aac55eed [data-elem=label] {\n color: var(--text-text-secondary, #484848);\n font-family: var(--font-font-family, Poppins);\n font-size: var(--font-font-size-12, 12px);\n font-weight: var(--font-font-weight-Regular, 400);\n line-height: var(--font-font-height-16, 16px);\n letter-spacing: var(--font-font-spacing-large, 0.32px);\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeL__aac55eed {\n width: 48px;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeL__aac55eed .Toggle_module_pill__aac55eed {\n width: 48px;\n height: 24px;\n border-radius: 20px;\n background: var(--Miscellaneous-toggle-off, #bfbfbf);\n position: relative;\n transition: background 0.2s ease;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeL__aac55eed .Toggle_module_pill__aac55eed::before {\n content: \"\";\n position: absolute;\n width: 18px;\n height: 18px;\n border-radius: 18px;\n background: var(--icon-icon-on-color, #fff);\n top: 3px;\n left: 3px;\n transition: transform 0.2s ease;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeL__aac55eed input:checked + .Toggle_module_pill__aac55eed {\n background: var(--support-support-success, #24a148);\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeL__aac55eed input:checked + .Toggle_module_pill__aac55eed::before {\n transform: translateX(24px);\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed {\n width: 34px;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed .Toggle_module_pill__aac55eed {\n width: 32px;\n height: 16px;\n border-radius: 20px;\n background: var(--Miscellaneous-toggle-off, #bfbfbf);\n position: relative;\n transition: background 0.2s ease;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed .Toggle_module_pill__aac55eed::before {\n content: \"\";\n position: absolute;\n width: 10px;\n height: 10px;\n border-radius: 10px;\n background: var(--icon-icon-on-color, #fff);\n top: 3px;\n left: 3px;\n transition: transform 0.2s ease;\n z-index: 1;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed .Toggle_module_pill__aac55eed .Toggle_module_tick__aac55eed {\n position: absolute;\n width: 10px;\n height: 10px;\n top: 3px;\n left: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 2;\n pointer-events: none;\n transition: transform 0.2s ease;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed .Toggle_module_pill__aac55eed .Toggle_module_tick__aac55eed.Toggle_module_hideTick__aac55eed {\n visibility: hidden !important;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed input:checked + .Toggle_module_pill__aac55eed {\n background: var(--support-support-success, #24a148);\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed input:checked + .Toggle_module_pill__aac55eed::before {\n transform: translateX(16px);\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed input:checked + .Toggle_module_pill__aac55eed .Toggle_module_tick__aac55eed {\n transform: translateX(16px);\n}\n.Toggle_module_root__aac55eed.Toggle_module_readonly__aac55eed {\n cursor: not-allowed;\n}\n.Toggle_module_root__aac55eed.Toggle_module_readonly__aac55eed .Toggle_module_pill__aac55eed {\n background: transparent;\n border: 1px solid var(--border-border-subtle, #ededed);\n}\n.Toggle_module_root__aac55eed.Toggle_module_readonly__aac55eed .Toggle_module_pill__aac55eed::before {\n top: 2px;\n left: 2px;\n background: var(--icon-icon-primary, #161616);\n}\n.Toggle_module_root__aac55eed.Toggle_module_disabled__aac55eed {\n cursor: not-allowed;\n}\n.Toggle_module_root__aac55eed.Toggle_module_disabled__aac55eed [data-elem=label] {\n color: var(--text-text-disabled, #161616);\n font-family: var(--font-font-family, Poppins);\n font-size: var(--font-font-size-12, 12px);\n font-style: normal;\n font-weight: var(--font-font-weight-Regular, 400);\n line-height: var(--font-font-height-16, 16px);\n letter-spacing: var(--font-font-spacing-large, 0.32px);\n opacity: 0.25;\n}\n.Toggle_module_root__aac55eed.Toggle_module_disabled__aac55eed [data-elem=label] {\n color: var(--text-text-disabled, #161616);\n}\n.Toggle_module_root__aac55eed.Toggle_module_disabled__aac55eed .Toggle_module_pill__aac55eed {\n background: var(--button-button-disabled, #dcdcdc);\n}\n.Toggle_module_root__aac55eed.Toggle_module_disabled__aac55eed .Toggle_module_pill__aac55eed::before {\n background: var(--icon-icon-on-color-disable, #828282);\n}\n.Toggle_module_root__aac55eed input:focus-visible + .Toggle_module_pill__aac55eed {\n box-shadow: 0 0 0 0.5px #fff, 0 0 0 2px var(--focus-focus-primary, #3b82f6);\n}";
|
|
16082
|
+
var modules_a2cdc77c$1 = {"root":"Toggle_module_root__aac55eed","size-l":"Toggle_module_sizeL__aac55eed","pill":"Toggle_module_pill__aac55eed","size-s":"Toggle_module_sizeS__aac55eed","tick":"Toggle_module_tick__aac55eed","hide-tick":"Toggle_module_hideTick__aac55eed","readonly":"Toggle_module_readonly__aac55eed","disabled":"Toggle_module_disabled__aac55eed"};
|
|
15219
16083
|
n(css$G,{});
|
|
15220
16084
|
|
|
16085
|
+
var Toggle$1 = function Toggle(props) {
|
|
16086
|
+
var label = props.label,
|
|
16087
|
+
checked = props.checked,
|
|
16088
|
+
defaultChecked = props.defaultChecked,
|
|
16089
|
+
onChange = props.onChange,
|
|
16090
|
+
className = props.className,
|
|
16091
|
+
disabled = props.disabled,
|
|
16092
|
+
_props$size = props.size,
|
|
16093
|
+
size = _props$size === void 0 ? 's' : _props$size,
|
|
16094
|
+
readonly = props.readonly;
|
|
16095
|
+
// Freeze controlled vs uncontrolled mode on first render
|
|
16096
|
+
var _useRef = useRef(checked !== undefined),
|
|
16097
|
+
isControlled = _useRef.current;
|
|
16098
|
+
// Uncontrolled state
|
|
16099
|
+
var _useState = useState(defaultChecked),
|
|
16100
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
16101
|
+
uncontrolledChecked = _useState2[0],
|
|
16102
|
+
setUncontrolledChecked = _useState2[1];
|
|
16103
|
+
var handleChange = function handleChange(event) {
|
|
16104
|
+
var _helperResult$fieldVa;
|
|
16105
|
+
if (readonly || disabled) {
|
|
16106
|
+
event.preventDefault();
|
|
16107
|
+
return;
|
|
16108
|
+
}
|
|
16109
|
+
// Safely extract fieldValue; fall back to event.target.checked
|
|
16110
|
+
var helperResult = inputHelper === null || inputHelper === void 0 ? void 0 : inputHelper(event);
|
|
16111
|
+
var fieldValue = (_helperResult$fieldVa = helperResult === null || helperResult === void 0 ? void 0 : helperResult.fieldValue) !== null && _helperResult$fieldVa !== void 0 ? _helperResult$fieldVa : event.target.checked;
|
|
16112
|
+
if (isControlled) {
|
|
16113
|
+
onChange === null || onChange === void 0 || onChange(event, fieldValue);
|
|
16114
|
+
} else {
|
|
16115
|
+
setUncontrolledChecked(fieldValue);
|
|
16116
|
+
}
|
|
16117
|
+
};
|
|
16118
|
+
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
16119
|
+
return jsxs("label", {
|
|
16120
|
+
className: classes(modules_a2cdc77c$1.root, modules_a2cdc77c$1["size-".concat(size)], readonly ? modules_a2cdc77c$1.readonly : '', disabled ? modules_a2cdc77c$1.disabled : '', className),
|
|
16121
|
+
children: [label && jsx("span", {
|
|
16122
|
+
"data-elem": 'label',
|
|
16123
|
+
children: label
|
|
16124
|
+
}), jsx("input", {
|
|
16125
|
+
disabled: disabled || readonly,
|
|
16126
|
+
type: 'checkbox',
|
|
16127
|
+
checked: isChecked,
|
|
16128
|
+
onChange: handleChange
|
|
16129
|
+
}), jsx("div", {
|
|
16130
|
+
className: modules_a2cdc77c$1.pill,
|
|
16131
|
+
children: size === 's' && jsx("span", {
|
|
16132
|
+
className: classes(modules_a2cdc77c$1.tick, !isChecked && modules_a2cdc77c$1['hide-tick']),
|
|
16133
|
+
children: jsx(TickIcon, {})
|
|
16134
|
+
})
|
|
16135
|
+
})]
|
|
16136
|
+
});
|
|
16137
|
+
};
|
|
16138
|
+
|
|
15221
16139
|
var Switch = function Switch(props) {
|
|
15222
16140
|
var label = props.label,
|
|
15223
16141
|
checked = props.checked,
|
|
@@ -15226,7 +16144,11 @@ var Switch = function Switch(props) {
|
|
|
15226
16144
|
_props$position = props.position,
|
|
15227
16145
|
position = _props$position === void 0 ? 'right' : _props$position,
|
|
15228
16146
|
className = props.className,
|
|
15229
|
-
disabled = props.disabled
|
|
16147
|
+
disabled = props.disabled,
|
|
16148
|
+
v2 = props.v2;
|
|
16149
|
+
if (v2) {
|
|
16150
|
+
return jsx(Toggle$1, _objectSpread2({}, props));
|
|
16151
|
+
}
|
|
15230
16152
|
// Freeze controlled vs uncontrolled mode on first render
|
|
15231
16153
|
var _useRef = useRef(checked !== undefined),
|
|
15232
16154
|
isControlled = _useRef.current;
|
|
@@ -20626,7 +21548,8 @@ var TableFilters = function TableFilters(props) {
|
|
|
20626
21548
|
toggleDrawer = props.toggleDrawer,
|
|
20627
21549
|
_props$filtersCount = props.filtersCount,
|
|
20628
21550
|
filtersCount = _props$filtersCount === void 0 ? 0 : _props$filtersCount,
|
|
20629
|
-
rightActions = props.rightActions
|
|
21551
|
+
rightActions = props.rightActions,
|
|
21552
|
+
clearSearch = props.clearSearch;
|
|
20630
21553
|
var _ref = disabledFilterOptions !== null && disabledFilterOptions !== void 0 ? disabledFilterOptions : {},
|
|
20631
21554
|
_ref$search = _ref.search,
|
|
20632
21555
|
disabledSearch = _ref$search === void 0 ? true : _ref$search;
|
|
@@ -20634,6 +21557,11 @@ var TableFilters = function TableFilters(props) {
|
|
|
20634
21557
|
_useState2 = _slicedToArray(_useState, 2),
|
|
20635
21558
|
search = _useState2[0],
|
|
20636
21559
|
setSearch = _useState2[1];
|
|
21560
|
+
useEffect(function () {
|
|
21561
|
+
if (clearSearch) {
|
|
21562
|
+
setSearch('');
|
|
21563
|
+
}
|
|
21564
|
+
}, [clearSearch]);
|
|
20637
21565
|
var columnFilters = headerData.filter(function (datum) {
|
|
20638
21566
|
return datum.columnFilter;
|
|
20639
21567
|
});
|
|
@@ -20833,7 +21761,8 @@ var Table = function Table(_ref) {
|
|
|
20833
21761
|
emptyPlaceholder = _ref.emptyPlaceholder,
|
|
20834
21762
|
onCheck = _ref.onCheck,
|
|
20835
21763
|
checkAsRadio = _ref.checkAsRadio,
|
|
20836
|
-
disableCheck = _ref.disableCheck
|
|
21764
|
+
disableCheck = _ref.disableCheck,
|
|
21765
|
+
clearSearch = _ref.clearSearch;
|
|
20837
21766
|
var ref = useRef(null);
|
|
20838
21767
|
var paginationRef = useRef(null);
|
|
20839
21768
|
var _ref2 = searchProps !== null && searchProps !== void 0 ? searchProps : {},
|
|
@@ -20966,7 +21895,8 @@ var Table = function Table(_ref) {
|
|
|
20966
21895
|
searchPlaceholder: searchPlaceholder,
|
|
20967
21896
|
toggleDrawer: toggleDrawer,
|
|
20968
21897
|
filtersCount: filtersCount,
|
|
20969
|
-
rightActions: rightActions
|
|
21898
|
+
rightActions: rightActions,
|
|
21899
|
+
clearSearch: clearSearch
|
|
20970
21900
|
}), jsx(BaseTable, {
|
|
20971
21901
|
ref: ref,
|
|
20972
21902
|
headerData: visibleColumns,
|
|
@@ -21459,5 +22389,5 @@ var BaseWidget = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
21459
22389
|
});
|
|
21460
22390
|
BaseWidget.displayName = 'BaseWidget';
|
|
21461
22391
|
|
|
21462
|
-
export { Accordion, Alert$1 as Alert, AlertIcon, AreaChartIcon, Arrow as ArrowIcon, BarChartIcon, BaseButton$1 as BaseButton, BaseCell, BaseModal, BaseSidePanel, BaseTable as BaseTableV2, BaseWidget, BreadCrumbs, Button, COLORS, Calender$2 as CalenderIcon, Callout, CapsuleChartIcon, Caret as CaretIcon, Checkbox, CheckboxIcon, Chevron as ChevronIcon, Chip, Clock as ClockIcon, Close as CloseIcon, CodeSnippet, ColumnFilter, Copy as CopyIcon, Cross as CrossIcon, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, DropdownItem as DropdownItemv2, Dropdown as Dropdownv2, Edit as EditIcon, Email as EmailIcon, ExpandArrowAlt as ExpandArrowAltIcon, ExpandCollapseIcon, Filter as FilterIcon, HeatMapChart, HidePassword as HidePasswordIcon, HierarchyBrowser, HierarchyItem, Home as HomeIcon, Info as InfoIcon, LineChartIcon, Link, MagnifyingGlass as MagnifyingGlassIcon, Maximize as MaximizeIcon, FilterIcon as NewFilterIcon, Pagination, PaginationList, Password as PasswordIcon, PieChartIcon, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, RichEditor as RichTextEditor, SearchButton, SearchIcon, Server as ServerIcon, Skeleton, Slider, Sort as SortIcon, StackedPieChartIcon, Step, Stepper, Switch, TableCell as TableCellV2, Table as TableV2, Tabs, Text, TextField as TextFieldv2, Tick as TickIcon, Toggle, Tooltip, UnlockPassword as UnlockPasswordIcon, ViewPasswordIcon, areTwinObjects, classes, cloneDeep, doubleDigitted, epochToFormattedDate, generateColors, get, getCSSVariableValue, getDateFromEpoch, getDatesInAMonth, getDatesInStringFormat, getDayInfo, getDuplicatesSansArray, getInitialsOfName, getJSDateFromEpoch, getPagination, getSpacedDisplayName, getTimeFromEpoch, getUniquePrimitives, inputHelper, isEmptyHtmlString, safeJSONParse, sanitizeJSON, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize };
|
|
22392
|
+
export { Accordion, Alert$1 as Alert, AlertIcon, AreaChartIcon, Arrow as ArrowIcon, BarChartIcon, BaseButton$1 as BaseButton, BaseCell, BaseModal, BaseSidePanel, BaseTable as BaseTableV2, BaseWidget, BreadCrumbs, Button, COLORS, Calender$2 as CalenderIcon, Callout, CapsuleChartIcon, Caret as CaretIcon, Checkbox, CheckboxIcon, Checked as CheckedIcon, Chevron as ChevronIcon, Chip, Clock as ClockIcon, Close as CloseIcon, CodeSnippet, ColumnFilter, Copy as CopyIcon, Cross as CrossIcon, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, DropdownItem as DropdownItemv2, Dropdown as Dropdownv2, Edit as EditIcon, Email as EmailIcon, ExpandArrowAlt as ExpandArrowAltIcon, ExpandCollapseIcon, Filter as FilterIcon, HeatMapChart, HidePassword as HidePasswordIcon, HierarchyBrowser, HierarchyItem, Home as HomeIcon, Info as InfoHexIcon, Info$1 as InfoIcon, LineChartIcon, Link, MagnifyingGlass as MagnifyingGlassIcon, Maximize as MaximizeIcon, FilterIcon as NewFilterIcon, Pagination, PaginationList, Password as PasswordIcon, PieChartIcon, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, RichEditor as RichTextEditor, SearchButton, SearchIcon, Server as ServerIcon, Skeleton, Slider, Sort as SortIcon, StackedPieChartIcon, Step, Stepper, Switch, TableCell as TableCellV2, Table as TableV2, Tabs, Text, TextField as TextFieldv2, Tick as TickIcon, Toggle, Tooltip, UnlockPassword as UnlockPasswordIcon, ViewPasswordIcon, areTwinObjects, classes, cloneDeep, doubleDigitted, epochToFormattedDate, generateColors, get, getCSSVariableValue, getDateFromEpoch, getDatesInAMonth, getDatesInStringFormat, getDayInfo, getDuplicatesSansArray, getInitialsOfName, getJSDateFromEpoch, getPagination, getSpacedDisplayName, getTimeFromEpoch, getUniquePrimitives, inputHelper, isEmptyHtmlString, safeJSONParse, sanitizeJSON, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize };
|
|
21463
22393
|
//# sourceMappingURL=index.js.map
|