@banyan_cloud/roots 2.0.57 → 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 +195 -96
- package/dist/esm/index.js.map +1 -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/input/checkbox/types/index.d.ts +2 -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/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$1c,{});
|
|
4200
|
-
|
|
4201
|
-
var css$1b = "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$1a = "@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,
|
|
@@ -5371,9 +5382,9 @@ var Checked = function Checked(props) {
|
|
|
5371
5382
|
});
|
|
5372
5383
|
};
|
|
5373
5384
|
|
|
5374
|
-
var css$
|
|
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}";
|
|
5375
5386
|
var modules_bf5b0b74 = {"left":"Chevron_module_left__8b1808eb","bottom":"Chevron_module_bottom__8b1808eb","right":"Chevron_module_right__8b1808eb","top":"Chevron_module_top__8b1808eb"};
|
|
5376
|
-
n(css$
|
|
5387
|
+
n(css$18,{});
|
|
5377
5388
|
|
|
5378
5389
|
var Chevron = function Chevron(props) {
|
|
5379
5390
|
var className = props.className,
|
|
@@ -6229,13 +6240,13 @@ var ViewPasswordIcon = function ViewPasswordIcon(props) {
|
|
|
6229
6240
|
});
|
|
6230
6241
|
};
|
|
6231
6242
|
|
|
6232
|
-
var 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}";
|
|
6233
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"};
|
|
6234
|
-
n(css$
|
|
6245
|
+
n(css$17,{});
|
|
6235
6246
|
|
|
6236
|
-
var css$
|
|
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}";
|
|
6237
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"};
|
|
6238
|
-
n(css$
|
|
6249
|
+
n(css$16,{});
|
|
6239
6250
|
|
|
6240
6251
|
/**
|
|
6241
6252
|
* Accordion – A simple disclosure component with an optional left and right icon.
|
|
@@ -10637,9 +10648,9 @@ const useListNavigation = function (_ref, _temp2) {
|
|
|
10637
10648
|
}, [activeId, disabledIndicesRef, listRef, enabled, orientation, rtl, virtual, open, activeIndex, nested, selectedIndex, openOnArrowKeyDown, focusItemOnHover, allowEscape, cols, loop, refs, focusItem, onNavigate, onOpenChange]);
|
|
10638
10649
|
};
|
|
10639
10650
|
|
|
10640
|
-
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}";
|
|
10641
10652
|
var modules_fe46b225 = {"backdrop":"Popper_module_backdrop__9fc51220","transparent":"Popper_module_transparent__9fc51220","hide-backdrop":"Popper_module_hideBackdrop__9fc51220"};
|
|
10642
|
-
n(css$
|
|
10653
|
+
n(css$15,{});
|
|
10643
10654
|
|
|
10644
10655
|
var FloatingOverlay = FloatingOverlay$1;
|
|
10645
10656
|
var Popper = function Popper(_ref) {
|
|
@@ -10682,9 +10693,9 @@ var Popper = function Popper(_ref) {
|
|
|
10682
10693
|
});
|
|
10683
10694
|
};
|
|
10684
10695
|
|
|
10685
|
-
var 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}";
|
|
10686
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"};
|
|
10687
|
-
n(css$
|
|
10698
|
+
n(css$14,{});
|
|
10688
10699
|
|
|
10689
10700
|
var ALERT_DISMISS_TIME = 2000;
|
|
10690
10701
|
var ANIMATION = {
|
|
@@ -10898,9 +10909,9 @@ var Alert = function Alert(_ref, ref) {
|
|
|
10898
10909
|
};
|
|
10899
10910
|
var Alert$1 = /*#__PURE__*/forwardRef(Alert);
|
|
10900
10911
|
|
|
10901
|
-
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}";
|
|
10902
10913
|
var modules_dfc4608f = {"root":"Popover_module_root__fa26af22","dark-theme":"Popover_module_darkTheme__fa26af22","light-theme":"Popover_module_lightTheme__fa26af22"};
|
|
10903
|
-
n(css$
|
|
10914
|
+
n(css$13,{});
|
|
10904
10915
|
|
|
10905
10916
|
var resolveOffset = function resolveOffset(user) {
|
|
10906
10917
|
if (user == null) return {
|
|
@@ -10987,9 +10998,9 @@ var Popover = function Popover(_ref) {
|
|
|
10987
10998
|
});
|
|
10988
10999
|
};
|
|
10989
11000
|
|
|
10990
|
-
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}";
|
|
10991
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"};
|
|
10992
|
-
n(css$
|
|
11003
|
+
n(css$12,{});
|
|
10993
11004
|
|
|
10994
11005
|
var BreadCrumbs = function BreadCrumbs(_ref) {
|
|
10995
11006
|
var _lastCrumb$title;
|
|
@@ -11081,9 +11092,9 @@ var BreadCrumbs = function BreadCrumbs(_ref) {
|
|
|
11081
11092
|
});
|
|
11082
11093
|
};
|
|
11083
11094
|
|
|
11084
|
-
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}";
|
|
11085
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"};
|
|
11086
|
-
n(css$
|
|
11097
|
+
n(css$11,{});
|
|
11087
11098
|
|
|
11088
11099
|
var Callout = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
11089
11100
|
var _props$showIcon = props.showIcon,
|
|
@@ -12350,13 +12361,13 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
12350
12361
|
propTypes.exports = requireFactoryWithThrowingShims()();
|
|
12351
12362
|
}
|
|
12352
12363
|
|
|
12353
|
-
var css
|
|
12364
|
+
var css$10 = ".HeatMapChart_module_root__41cf6ace {\n width: \"100%\";\n}";
|
|
12354
12365
|
var modules_0ba85659 = {"root":"HeatMapChart_module_root__41cf6ace"};
|
|
12355
|
-
n(css
|
|
12366
|
+
n(css$10,{});
|
|
12356
12367
|
|
|
12357
|
-
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}";
|
|
12358
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"};
|
|
12359
|
-
n(css
|
|
12370
|
+
n(css$$,{});
|
|
12360
12371
|
|
|
12361
12372
|
var Skeleton = function Skeleton(props) {
|
|
12362
12373
|
var height = props.height,
|
|
@@ -12380,9 +12391,9 @@ var Skeleton = function Skeleton(props) {
|
|
|
12380
12391
|
});
|
|
12381
12392
|
};
|
|
12382
12393
|
|
|
12383
|
-
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}";
|
|
12384
12395
|
var modules_37a5ff73$1 = {"root":"Skeleton_module_root__79bb2358"};
|
|
12385
|
-
n(css$
|
|
12396
|
+
n(css$_,{});
|
|
12386
12397
|
|
|
12387
12398
|
var BOXES = _toConsumableArray(Array(36).keys()).map(function () {
|
|
12388
12399
|
return Math.random() * 80 + 20;
|
|
@@ -12403,9 +12414,9 @@ var ChartSkeleton = function ChartSkeleton(_ref) {
|
|
|
12403
12414
|
});
|
|
12404
12415
|
};
|
|
12405
12416
|
|
|
12406
|
-
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}";
|
|
12407
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"};
|
|
12408
|
-
n(css$
|
|
12419
|
+
n(css$Z,{});
|
|
12409
12420
|
|
|
12410
12421
|
var COLORS = Object.keys(modules_1722b0e5).reduce(function (acc, curr) {
|
|
12411
12422
|
if (curr.includes('theme')) {
|
|
@@ -12642,9 +12653,9 @@ HeatMapChart.defaultProps = {
|
|
|
12642
12653
|
theme: 'dark'
|
|
12643
12654
|
};
|
|
12644
12655
|
|
|
12645
|
-
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}";
|
|
12646
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"};
|
|
12647
|
-
n(css$
|
|
12658
|
+
n(css$Y,{});
|
|
12648
12659
|
|
|
12649
12660
|
var MotionSpan = motion.span;
|
|
12650
12661
|
var copyIconProps = {
|
|
@@ -12987,13 +12998,9 @@ var getDatePickerDisplayValue = function getDatePickerDisplayValue(_ref3) {
|
|
|
12987
12998
|
return '';
|
|
12988
12999
|
};
|
|
12989
13000
|
|
|
12990
|
-
var css$
|
|
12991
|
-
var modules_066398a2$1 = {"root":"
|
|
12992
|
-
n(css$
|
|
12993
|
-
|
|
12994
|
-
var css$V = ".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}";
|
|
12995
|
-
var modules_066398a2 = {"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"};
|
|
12996
|
-
n(css$V,{});
|
|
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,{});
|
|
12997
13004
|
|
|
12998
13005
|
var getIcon$1 = function getIcon(checked, intermediate) {
|
|
12999
13006
|
if (checked) {
|
|
@@ -13040,7 +13047,7 @@ var Checkbox$1 = function Checkbox(props) {
|
|
|
13040
13047
|
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
13041
13048
|
var Icon = getIcon$1(isChecked, intermediate);
|
|
13042
13049
|
return jsxs("label", {
|
|
13043
|
-
className: classes(modules_066398a2.root, modules_066398a2["position-".concat(position)], disabled && !disabledAsChild ? modules_066398a2.disabled : '', disabled && isChecked ? modules_066398a2['disabled-checked'] : '', readOnly ? modules_066398a2['read-only'] : '', error ? modules_066398a2.error : '', error && isChecked ? modules_066398a2['error-checked'] : '', isChecked ? modules_066398a2.selected : '', className),
|
|
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),
|
|
13044
13051
|
children: [jsx("input", _objectSpread2(_objectSpread2({
|
|
13045
13052
|
disabled: disabled || readOnly,
|
|
13046
13053
|
type: 'checkbox',
|
|
@@ -13050,7 +13057,7 @@ var Checkbox$1 = function Checkbox(props) {
|
|
|
13050
13057
|
} : {}), {}, {
|
|
13051
13058
|
onChange: handleChange
|
|
13052
13059
|
})), jsx(Icon, {
|
|
13053
|
-
className: classes(modules_066398a2["icon-".concat(size)], modules_066398a2.icon)
|
|
13060
|
+
className: classes(modules_066398a2$1["icon-".concat(size)], modules_066398a2$1.icon)
|
|
13054
13061
|
}), label && jsx("span", {
|
|
13055
13062
|
"data-elem": 'label',
|
|
13056
13063
|
children: label
|
|
@@ -13058,6 +13065,10 @@ var Checkbox$1 = function Checkbox(props) {
|
|
|
13058
13065
|
});
|
|
13059
13066
|
};
|
|
13060
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}";
|
|
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"};
|
|
13070
|
+
n(css$W,{});
|
|
13071
|
+
|
|
13061
13072
|
var getIcon = function getIcon(checked, intermediate) {
|
|
13062
13073
|
if (checked) {
|
|
13063
13074
|
if (intermediate) return CheckboxIcon.Intermediate;
|
|
@@ -13106,7 +13117,7 @@ var Checkbox = function Checkbox(props) {
|
|
|
13106
13117
|
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
13107
13118
|
var Icon = getIcon(isChecked, intermediate);
|
|
13108
13119
|
return jsxs("label", {
|
|
13109
|
-
className: classes(modules_066398a2
|
|
13120
|
+
className: classes(modules_066398a2.root, modules_066398a2["position-".concat(position)], disabled && !disabledAsChild ? modules_066398a2.disabled : '', isChecked ? modules_066398a2.selected : '', className),
|
|
13110
13121
|
children: [jsx("input", _objectSpread2(_objectSpread2({
|
|
13111
13122
|
disabled: disabled,
|
|
13112
13123
|
type: 'checkbox',
|
|
@@ -13116,7 +13127,7 @@ var Checkbox = function Checkbox(props) {
|
|
|
13116
13127
|
} : {}), {}, {
|
|
13117
13128
|
onChange: handleChange
|
|
13118
13129
|
})), jsx(Icon, {
|
|
13119
|
-
className: classes(modules_066398a2
|
|
13130
|
+
className: classes(modules_066398a2["icon-".concat(size)], modules_066398a2.icon)
|
|
13120
13131
|
}), label && jsx("span", {
|
|
13121
13132
|
"data-elem": 'label',
|
|
13122
13133
|
children: label
|
|
@@ -13141,9 +13152,9 @@ var SelectAll = function SelectAll(props) {
|
|
|
13141
13152
|
|
|
13142
13153
|
function o(f){return r=>{f.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r);});}}
|
|
13143
13154
|
|
|
13144
|
-
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}";
|
|
13145
13156
|
var modules_e4619b04 = {"tooltip":"Tooltip_module_tooltip__9cc6de6d","light":"Tooltip_module_light__9cc6de6d","dark":"Tooltip_module_dark__9cc6de6d","arrow":"Tooltip_module_arrow__9cc6de6d"};
|
|
13146
|
-
n(css$
|
|
13157
|
+
n(css$V,{});
|
|
13147
13158
|
|
|
13148
13159
|
/**
|
|
13149
13160
|
* Tooltip - A tooltip component to be used as a wrapper to show the customised tooltip for the component
|
|
@@ -13266,9 +13277,9 @@ var Tooltip = /*#__PURE__*/forwardRef(function (props, propRef) {
|
|
|
13266
13277
|
});
|
|
13267
13278
|
});
|
|
13268
13279
|
|
|
13269
|
-
var css$
|
|
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}";
|
|
13270
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"};
|
|
13271
|
-
n(css$
|
|
13282
|
+
n(css$U,{});
|
|
13272
13283
|
|
|
13273
13284
|
var Error$1 = function Error(props) {
|
|
13274
13285
|
var _props$className = props.className,
|
|
@@ -13345,13 +13356,31 @@ var ArrowIcon = function ArrowIcon(props) {
|
|
|
13345
13356
|
});
|
|
13346
13357
|
};
|
|
13347
13358
|
|
|
13348
|
-
var css$S = "/* 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}";
|
|
13349
|
-
var
|
|
13350
|
-
|
|
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
|
+
};
|
|
13351
13376
|
|
|
13352
|
-
var css$R = ".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}";
|
|
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,{});
|
|
13380
|
+
|
|
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}";
|
|
13353
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"};
|
|
13354
|
-
n(css$
|
|
13383
|
+
n(css$S,{});
|
|
13355
13384
|
|
|
13356
13385
|
var Text = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
13357
13386
|
var _props$variant = props.variant,
|
|
@@ -13526,7 +13555,7 @@ var TextField$1 = /*#__PURE__*/forwardRef(function (props, inputRef) {
|
|
|
13526
13555
|
})]
|
|
13527
13556
|
}), jsx(BaseCell, _objectSpread2(_objectSpread2({
|
|
13528
13557
|
ref: setAnchorEl,
|
|
13529
|
-
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'] : '')
|
|
13530
13559
|
}, LeftComponent && {
|
|
13531
13560
|
component1: getLeftComponent()
|
|
13532
13561
|
}), {}, {
|
|
@@ -13756,13 +13785,13 @@ var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
|
|
|
13756
13785
|
});
|
|
13757
13786
|
});
|
|
13758
13787
|
|
|
13759
|
-
var css$Q = ".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}";
|
|
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}";
|
|
13760
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"};
|
|
13761
|
-
n(css$
|
|
13790
|
+
n(css$R,{});
|
|
13762
13791
|
|
|
13763
|
-
var css$
|
|
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}";
|
|
13764
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"};
|
|
13765
|
-
n(css$
|
|
13794
|
+
n(css$Q,{});
|
|
13766
13795
|
|
|
13767
13796
|
var Radio = function Radio(props) {
|
|
13768
13797
|
var label = props.label,
|
|
@@ -13818,13 +13847,13 @@ var Radio = function Radio(props) {
|
|
|
13818
13847
|
});
|
|
13819
13848
|
};
|
|
13820
13849
|
|
|
13821
|
-
var css$
|
|
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}";
|
|
13822
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"};
|
|
13823
|
-
n(css$
|
|
13852
|
+
n(css$P,{});
|
|
13824
13853
|
|
|
13825
|
-
var css$
|
|
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}";
|
|
13826
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"};
|
|
13827
|
-
n(css$
|
|
13856
|
+
n(css$O,{});
|
|
13828
13857
|
|
|
13829
13858
|
var DropdownItem$1 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
13830
13859
|
var title = props.title,
|
|
@@ -13973,9 +14002,9 @@ var DropdownItem = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
13973
14002
|
}));
|
|
13974
14003
|
});
|
|
13975
14004
|
|
|
13976
|
-
var css$M = ".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}";
|
|
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}";
|
|
13977
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"};
|
|
13978
|
-
n(css$
|
|
14007
|
+
n(css$N,{});
|
|
13979
14008
|
|
|
13980
14009
|
// eslint-disable-next-line prefer-arrow-callback
|
|
13981
14010
|
var Dropdown$1 = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
@@ -14997,9 +15026,9 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
14997
15026
|
});
|
|
14998
15027
|
});
|
|
14999
15028
|
|
|
15000
|
-
var css$
|
|
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}";
|
|
15001
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"};
|
|
15002
|
-
n(css$
|
|
15031
|
+
n(css$M,{});
|
|
15003
15032
|
|
|
15004
15033
|
var MotionFooter = motion.footer;
|
|
15005
15034
|
var footerAnimations = {
|
|
@@ -15183,9 +15212,9 @@ var BaseModal = function BaseModal(props) {
|
|
|
15183
15212
|
});
|
|
15184
15213
|
};
|
|
15185
15214
|
|
|
15186
|
-
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}";
|
|
15187
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"};
|
|
15188
|
-
n(css$
|
|
15217
|
+
n(css$L,{});
|
|
15189
15218
|
|
|
15190
15219
|
var DIALOG_DEFAULTS = {
|
|
15191
15220
|
title: null,
|
|
@@ -15337,9 +15366,9 @@ var DialogBox = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
15337
15366
|
});
|
|
15338
15367
|
DialogBox.displayName = 'DialogBox';
|
|
15339
15368
|
|
|
15340
|
-
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}";
|
|
15341
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"};
|
|
15342
|
-
n(css$
|
|
15371
|
+
n(css$K,{});
|
|
15343
15372
|
|
|
15344
15373
|
var ColorPalletteIcon = function ColorPalletteIcon(_ref) {
|
|
15345
15374
|
var _ref$color = _ref.color,
|
|
@@ -15786,13 +15815,13 @@ var RichEditor = function RichEditor(_ref2) {
|
|
|
15786
15815
|
});
|
|
15787
15816
|
};
|
|
15788
15817
|
|
|
15789
|
-
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}";
|
|
15790
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"};
|
|
15791
|
-
n(css$
|
|
15820
|
+
n(css$J,{});
|
|
15792
15821
|
|
|
15793
|
-
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}";
|
|
15794
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"};
|
|
15795
|
-
n(css$
|
|
15824
|
+
n(css$I,{});
|
|
15796
15825
|
|
|
15797
15826
|
var RangeSlider = function RangeSlider(_ref) {
|
|
15798
15827
|
var min = _ref.min,
|
|
@@ -16045,10 +16074,68 @@ var Slider = function Slider(_ref) {
|
|
|
16045
16074
|
});
|
|
16046
16075
|
};
|
|
16047
16076
|
|
|
16048
|
-
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}";
|
|
16049
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"};
|
|
16050
16083
|
n(css$G,{});
|
|
16051
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
|
+
|
|
16052
16139
|
var Switch = function Switch(props) {
|
|
16053
16140
|
var label = props.label,
|
|
16054
16141
|
checked = props.checked,
|
|
@@ -16057,7 +16144,11 @@ var Switch = function Switch(props) {
|
|
|
16057
16144
|
_props$position = props.position,
|
|
16058
16145
|
position = _props$position === void 0 ? 'right' : _props$position,
|
|
16059
16146
|
className = props.className,
|
|
16060
|
-
disabled = props.disabled
|
|
16147
|
+
disabled = props.disabled,
|
|
16148
|
+
v2 = props.v2;
|
|
16149
|
+
if (v2) {
|
|
16150
|
+
return jsx(Toggle$1, _objectSpread2({}, props));
|
|
16151
|
+
}
|
|
16061
16152
|
// Freeze controlled vs uncontrolled mode on first render
|
|
16062
16153
|
var _useRef = useRef(checked !== undefined),
|
|
16063
16154
|
isControlled = _useRef.current;
|
|
@@ -21457,7 +21548,8 @@ var TableFilters = function TableFilters(props) {
|
|
|
21457
21548
|
toggleDrawer = props.toggleDrawer,
|
|
21458
21549
|
_props$filtersCount = props.filtersCount,
|
|
21459
21550
|
filtersCount = _props$filtersCount === void 0 ? 0 : _props$filtersCount,
|
|
21460
|
-
rightActions = props.rightActions
|
|
21551
|
+
rightActions = props.rightActions,
|
|
21552
|
+
clearSearch = props.clearSearch;
|
|
21461
21553
|
var _ref = disabledFilterOptions !== null && disabledFilterOptions !== void 0 ? disabledFilterOptions : {},
|
|
21462
21554
|
_ref$search = _ref.search,
|
|
21463
21555
|
disabledSearch = _ref$search === void 0 ? true : _ref$search;
|
|
@@ -21465,6 +21557,11 @@ var TableFilters = function TableFilters(props) {
|
|
|
21465
21557
|
_useState2 = _slicedToArray(_useState, 2),
|
|
21466
21558
|
search = _useState2[0],
|
|
21467
21559
|
setSearch = _useState2[1];
|
|
21560
|
+
useEffect(function () {
|
|
21561
|
+
if (clearSearch) {
|
|
21562
|
+
setSearch('');
|
|
21563
|
+
}
|
|
21564
|
+
}, [clearSearch]);
|
|
21468
21565
|
var columnFilters = headerData.filter(function (datum) {
|
|
21469
21566
|
return datum.columnFilter;
|
|
21470
21567
|
});
|
|
@@ -21664,7 +21761,8 @@ var Table = function Table(_ref) {
|
|
|
21664
21761
|
emptyPlaceholder = _ref.emptyPlaceholder,
|
|
21665
21762
|
onCheck = _ref.onCheck,
|
|
21666
21763
|
checkAsRadio = _ref.checkAsRadio,
|
|
21667
|
-
disableCheck = _ref.disableCheck
|
|
21764
|
+
disableCheck = _ref.disableCheck,
|
|
21765
|
+
clearSearch = _ref.clearSearch;
|
|
21668
21766
|
var ref = useRef(null);
|
|
21669
21767
|
var paginationRef = useRef(null);
|
|
21670
21768
|
var _ref2 = searchProps !== null && searchProps !== void 0 ? searchProps : {},
|
|
@@ -21797,7 +21895,8 @@ var Table = function Table(_ref) {
|
|
|
21797
21895
|
searchPlaceholder: searchPlaceholder,
|
|
21798
21896
|
toggleDrawer: toggleDrawer,
|
|
21799
21897
|
filtersCount: filtersCount,
|
|
21800
|
-
rightActions: rightActions
|
|
21898
|
+
rightActions: rightActions,
|
|
21899
|
+
clearSearch: clearSearch
|
|
21801
21900
|
}), jsx(BaseTable, {
|
|
21802
21901
|
ref: ref,
|
|
21803
21902
|
headerData: visibleColumns,
|