@banyan_cloud/roots 2.0.56 → 2.0.57
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 +1070 -239
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/components/accordion/types/index.d.ts +1 -0
- package/dist/esm/src/components/alert/types/index.d.ts +6 -1
- package/dist/esm/src/components/icons/Checked/Checked.d.ts +4 -0
- package/dist/esm/src/components/icons/Checked/index.d.ts +1 -0
- package/dist/esm/src/components/icons/Info/InfoHex.d.ts +4 -0
- package/dist/esm/src/components/icons/Info/index.d.ts +1 -0
- package/dist/esm/src/components/icons/index.d.ts +1 -0
- package/dist/esm/src/components/input/checkbox/types/index.d.ts +1 -0
- package/dist/esm/src/components/input/checkbox/v2/CheckBox.d.ts +4 -0
- package/dist/esm/src/components/input/checkbox/v2/index.d.ts +1 -0
- package/dist/esm/src/components/input/dropdown/Dropdown.d.ts +1 -0
- package/dist/esm/src/components/input/dropdown/dropdown-item/types/index.d.ts +2 -0
- package/dist/esm/src/components/input/dropdown/dropdown-item/v2/DropdownItem.d.ts +3 -0
- package/dist/esm/src/components/input/dropdown/dropdown-item/v2/index.d.ts +1 -0
- package/dist/esm/src/components/input/dropdown/dropdown-item/v2/types/index.d.ts +20 -0
- package/dist/esm/src/components/input/dropdown/v2/Dropdown.d.ts +52 -0
- package/dist/esm/src/components/input/dropdown/v2/index.d.ts +1 -0
- package/dist/esm/src/components/v2/accordion/Accordion.d.ts +10 -0
- package/dist/esm/src/components/v2/accordion/index.d.ts +1 -0
- package/dist/esm/src/components/v2/accordion/types/index.d.ts +56 -0
- package/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$1e = ".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$1e,{});
|
|
4086
4086
|
|
|
4087
4087
|
/**
|
|
4088
4088
|
* BaseCell - A flexible container component for displaying up to three components in a structured layout
|
|
@@ -4142,9 +4142,9 @@ var BaseCell = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
4142
4142
|
return null;
|
|
4143
4143
|
});
|
|
4144
4144
|
|
|
4145
|
-
var css$
|
|
4145
|
+
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}";
|
|
4146
4146
|
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$
|
|
4147
|
+
n(css$1d,{});
|
|
4148
4148
|
|
|
4149
4149
|
var BaseButton$1 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
4150
4150
|
var _props$className = props.className,
|
|
@@ -4194,13 +4194,13 @@ var BaseButton$1 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
4194
4194
|
});
|
|
4195
4195
|
});
|
|
4196
4196
|
|
|
4197
|
-
var css$
|
|
4197
|
+
var css$1c = ".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}";
|
|
4198
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$
|
|
4199
|
+
n(css$1c,{});
|
|
4200
4200
|
|
|
4201
|
-
var css$
|
|
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}";
|
|
4202
4202
|
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$
|
|
4203
|
+
n(css$1b,{});
|
|
4204
4204
|
|
|
4205
4205
|
var BaseButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
4206
4206
|
var _props$className = props.className,
|
|
@@ -4250,9 +4250,9 @@ var BaseButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
4250
4250
|
});
|
|
4251
4251
|
});
|
|
4252
4252
|
|
|
4253
|
-
var css$16 = "@charset \"UTF-8\";\n/* Motion durations */\n/* Easing – Productive */\nbutton.Button_module_root__2e474c0a[data-elem=base-cell] {\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 4px;\n border-radius: 4px;\n cursor: pointer;\n position: relative;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_sizeXs__2e474c0a {\n height: 24px;\n gap: 4px;\n border-radius: 4px;\n padding: 0 16px;\n width: -moz-fit-content;\n width: fit-content;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_sizeSm__2e474c0a {\n height: 32px;\n gap: 8px;\n border-radius: 8px;\n padding: 0 16px;\n width: -moz-fit-content;\n width: fit-content;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_sizeMd__2e474c0a {\n height: 40px;\n gap: 8px;\n border-radius: 8px;\n padding: 0 16px;\n width: -moz-fit-content;\n width: fit-content;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_sizeLg__2e474c0a {\n height: 48px;\n gap: 8px;\n border-radius: 10px;\n padding: 0 16px;\n width: -moz-fit-content;\n width: fit-content;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_text14__2e474c0a [data-elem=title] {\n font-family: Poppins;\n font-weight: 400;\n font-size: 14px;\n line-height: 18px;\n letter-spacing: 0.16px;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_text16__2e474c0a [data-elem=title] {\n font-family: Poppins;\n font-weight: 400;\n font-size: 16px;\n line-height: 22px;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a {\n background: #1f5fcc;\n color: #ffffff;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a:hover:not(:disabled) {\n background: #1b55b5;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a:active:not(:disabled) {\n background: #0f1f3d;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a:active:not(:disabled) {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a:not(:active):hover {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a:focus-visible:not(:active) {\n outline: none;\n box-shadow: 0 0 0 1px #3b82f6;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_primary__2e474c0a:focus-visible:not(:active)::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n border: 1px solid #ffffff;\n pointer-events: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a {\n background: #323232;\n color: #ffffff;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a:active:not(:disabled) {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a:not(:active):hover {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a:hover:not(:disabled) {\n background: #3e3e3e;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a:active:not(:disabled) {\n background: #646464;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a:focus-visible:not(:active) {\n outline: none;\n box-shadow: 0 0 0 1px #3b82f6;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_secondary__2e474c0a:focus-visible:not(:active)::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n border: 1px solid #ffffff;\n pointer-events: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a {\n background: #fef3c7;\n color: #b34700;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a:active:not(:disabled) {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a:not(:active):hover {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a svg {\n fill: #b34700;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a:hover:not(:disabled) {\n background: #f3e9bd;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a:active:not(:disabled) {\n background: #fcd34d;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a:focus-visible:not(:active) {\n outline: none;\n box-shadow: 0 0 0 1px #3b82f6;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_soft__2e474c0a:focus-visible:not(:active)::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n border: 1px solid #ffffff;\n pointer-events: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a {\n background: transparent;\n border: 1px solid var(--button-button-outline, #1f5fcc);\n color: var(--button-button-outline, #1f5fcc);\n /* icon default */\n /* hover */\n /* focus */\n /* active */\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:active:not(:disabled) {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:not(:active):hover {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a svg {\n fill: var(--icon-icon-interactive, #2563eb);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:hover:not(:disabled) {\n background: var(--button-button-outline-hover, #1b55b5);\n color: var(--text-text-inverse, #fff);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:hover:not(:disabled) svg {\n fill: var(--text-text-inverse, #fff);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:focus-visible:not(:active) {\n outline: none;\n box-shadow: 0 0 0 1px #3b82f6;\n background: var(--button-button-outline-hover, #1b55b5);\n color: var(--text-text-inverse, #fff);\n border: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:focus-visible:not(:active)::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n border: 1px solid #ffffff;\n pointer-events: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:active:not(:disabled) {\n background: #0f1f3d;\n color: #ffffff;\n border: 1px solid transparent;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:active:not(:disabled) svg {\n fill: #ffffff;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:disabled {\n background: transparent;\n border: 1px solid #dcdcdc;\n color: #161616;\n cursor: not-allowed;\n pointer-events: none;\n box-shadow: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:disabled [data-elem=title],\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_outlined__2e474c0a:disabled svg {\n fill: #161616;\n opacity: 0.25;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a {\n background: transparent;\n border: none;\n border-radius: 0;\n color: #1f5fcc;\n /* hover */\n /* active */\n /* focus (optional – ghost usually minimal) */\n /* disabled */\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:active:not(:disabled) {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:not(:active):hover {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a svg {\n fill: #1f5fcc;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:hover:not(:disabled) {\n background: rgba(130, 130, 130, 0.12);\n color: #1b55b5;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:hover:not(:disabled) svg {\n fill: #1b55b5;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:active:not(:disabled) {\n background: rgba(130, 130, 130, 0.5);\n color: #1b55b5;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:active:not(:disabled) svg {\n fill: #1b55b5;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:focus-visible {\n outline: none;\n box-shadow: 0 0 0 1px #3b82f6;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:focus-visible::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n border: 1px solid #ffffff;\n pointer-events: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:disabled {\n background: transparent;\n color: #161616;\n cursor: not-allowed;\n pointer-events: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:disabled [data-elem=title],\nbutton.Button_module_root__2e474c0a[data-elem=base-cell].Button_module_ghost__2e474c0a:disabled svg {\n fill: #161616;\n opacity: 0.25;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell]:disabled {\n transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9), color 150ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n background: #dcdcdc;\n color: #161616;\n cursor: not-allowed;\n pointer-events: none;\n box-shadow: none;\n}\nbutton.Button_module_root__2e474c0a[data-elem=base-cell]:disabled [data-elem=title],\nbutton.Button_module_root__2e474c0a[data-elem=base-cell]:disabled svg {\n fill: #161616;\n opacity: 0.25;\n}\n@media (prefers-reduced-motion: reduce) {\n button.Button_module_root__2e474c0a[data-elem=base-cell] {\n transition: none !important;\n }\n}";
|
|
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
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$
|
|
4255
|
+
n(css$1a,{});
|
|
4256
4256
|
|
|
4257
4257
|
var Button$1 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
4258
4258
|
var _props$className = props.className,
|
|
@@ -4350,9 +4350,9 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
4350
4350
|
});
|
|
4351
4351
|
});
|
|
4352
4352
|
|
|
4353
|
-
var css$
|
|
4353
|
+
var css$19 = ".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
4354
|
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$
|
|
4355
|
+
n(css$19,{});
|
|
4356
4356
|
|
|
4357
4357
|
var Chip = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
4358
4358
|
var _props$className = props.className,
|
|
@@ -4496,9 +4496,9 @@ var AlertIcon = {
|
|
|
4496
4496
|
}
|
|
4497
4497
|
};
|
|
4498
4498
|
|
|
4499
|
-
var css$
|
|
4499
|
+
var css$18 = ".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
4500
|
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$
|
|
4501
|
+
n(css$18,{});
|
|
4502
4502
|
|
|
4503
4503
|
var Arrow = function Arrow(props) {
|
|
4504
4504
|
var className = props.className,
|
|
@@ -5353,9 +5353,27 @@ var CheckboxIcon = {
|
|
|
5353
5353
|
}
|
|
5354
5354
|
};
|
|
5355
5355
|
|
|
5356
|
-
var
|
|
5356
|
+
var Checked = function Checked(props) {
|
|
5357
|
+
var _props$className = props.className,
|
|
5358
|
+
className = _props$className === void 0 ? '' : _props$className;
|
|
5359
|
+
return jsx("svg", {
|
|
5360
|
+
width: '16',
|
|
5361
|
+
height: '16',
|
|
5362
|
+
viewBox: '0 0 16 16',
|
|
5363
|
+
fill: 'none',
|
|
5364
|
+
className: className,
|
|
5365
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
5366
|
+
children: jsx("path", {
|
|
5367
|
+
d: 'M4 7.5L7 10.5L12.5 5',
|
|
5368
|
+
stroke: '#161616',
|
|
5369
|
+
"stroke-width": '1.2'
|
|
5370
|
+
})
|
|
5371
|
+
});
|
|
5372
|
+
};
|
|
5373
|
+
|
|
5374
|
+
var css$17 = ".Chevron_module_left__8b1808eb {\n transform: rotate(0deg);\n}\n\n.Chevron_module_bottom__8b1808eb {\n transform: rotate(90deg);\n}\n\n.Chevron_module_right__8b1808eb {\n transform: rotate(180deg);\n}\n\n.Chevron_module_top__8b1808eb {\n transform: rotate(270deg);\n}";
|
|
5357
5375
|
var modules_bf5b0b74 = {"left":"Chevron_module_left__8b1808eb","bottom":"Chevron_module_bottom__8b1808eb","right":"Chevron_module_right__8b1808eb","top":"Chevron_module_top__8b1808eb"};
|
|
5358
|
-
n(css$
|
|
5376
|
+
n(css$17,{});
|
|
5359
5377
|
|
|
5360
5378
|
var Chevron = function Chevron(props) {
|
|
5361
5379
|
var className = props.className,
|
|
@@ -5793,7 +5811,7 @@ var Home = function Home(props) {
|
|
|
5793
5811
|
});
|
|
5794
5812
|
};
|
|
5795
5813
|
|
|
5796
|
-
var Info = function Info(props) {
|
|
5814
|
+
var Info$1 = function Info(props) {
|
|
5797
5815
|
var _props$className = props.className,
|
|
5798
5816
|
className = _props$className === void 0 ? '' : _props$className;
|
|
5799
5817
|
return jsx("svg", {
|
|
@@ -5813,6 +5831,22 @@ var Info = function Info(props) {
|
|
|
5813
5831
|
});
|
|
5814
5832
|
};
|
|
5815
5833
|
|
|
5834
|
+
var Info = function Info(props) {
|
|
5835
|
+
var _props$className = props.className,
|
|
5836
|
+
className = _props$className === void 0 ? '' : _props$className;
|
|
5837
|
+
return jsx("svg", {
|
|
5838
|
+
width: '16',
|
|
5839
|
+
height: '16',
|
|
5840
|
+
viewBox: '0 0 16 16',
|
|
5841
|
+
fill: 'none',
|
|
5842
|
+
className: className,
|
|
5843
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
5844
|
+
children: jsx("path", {
|
|
5845
|
+
d: 'M5 0.0479546C4.90625 0.0729551 4.72187 0.141705 4.59375 0.204205C4.36875 0.31358 4.28125 0.39483 2.34062 2.33858C0.396874 4.2792 0.315624 4.3667 0.206249 4.5917C-0.00937602 5.0417 -1.03516e-06 4.89795 -1.03516e-06 7.99795C-1.03516e-06 11.098 -0.00937602 10.9542 0.206249 11.4042C0.315624 11.6292 0.396874 11.7167 2.34062 13.6573C4.28125 15.6011 4.36875 15.6823 4.59375 15.7917C5.04375 16.0073 4.9 15.998 8 15.998C11.1 15.998 10.9562 16.0073 11.4062 15.7917C11.6312 15.6823 11.7187 15.6011 13.6594 13.6573C15.6031 11.7167 15.6844 11.6292 15.7937 11.4042C16.0094 10.9542 16 11.098 16 7.99795C16 4.89795 16.0094 5.0417 15.7937 4.5917C15.6844 4.3667 15.6031 4.2792 13.6594 2.33858C11.7187 0.39483 11.6312 0.31358 11.4062 0.204205C10.9562 -0.0114202 11.1031 -0.00204563 7.98437 0.00107956C5.6375 0.00107956 5.14375 0.0104551 5 0.0479546ZM8.65625 6.32608V8.6542H8H7.34375V6.32608V3.99795H8H8.65625V6.32608ZM8.4625 10.1386C8.64687 10.2386 8.77812 10.373 8.88125 10.5698C8.94062 10.6792 8.95312 10.7511 8.95312 10.998C8.95312 11.3386 8.9 11.473 8.6875 11.6855C8.475 11.898 8.34062 11.9511 8 11.9511C7.75312 11.9511 7.68125 11.9386 7.57187 11.8792C7.24062 11.7042 7.0625 11.4355 7.0375 11.0792C7.02187 10.8105 7.0625 10.6448 7.19687 10.4448C7.3 10.2886 7.53125 10.1136 7.7 10.0605C7.75312 10.0448 7.90937 10.0355 8.04687 10.0386C8.25312 10.048 8.325 10.0636 8.4625 10.1386Z'
|
|
5846
|
+
})
|
|
5847
|
+
});
|
|
5848
|
+
};
|
|
5849
|
+
|
|
5816
5850
|
var MagnifyingGlass = function MagnifyingGlass(props) {
|
|
5817
5851
|
var className = props.className;
|
|
5818
5852
|
return /*#__PURE__*/jsxs("svg", {
|
|
@@ -6195,9 +6229,100 @@ var ViewPasswordIcon = function ViewPasswordIcon(props) {
|
|
|
6195
6229
|
});
|
|
6196
6230
|
};
|
|
6197
6231
|
|
|
6198
|
-
var css$
|
|
6199
|
-
var modules_8207625f = {"root":"Accordion_module_root__b300f7e9","header":"Accordion_module_header__b300f7e9","title":"Accordion_module_title__b300f7e9","body":"Accordion_module_body__b300f7e9","open":"Accordion_module_open__b300f7e9","expand":"Accordion_module_expand__b300f7e9"};
|
|
6200
|
-
n(css$
|
|
6232
|
+
var css$16 = ".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
|
+
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$16,{});
|
|
6235
|
+
|
|
6236
|
+
var css$15 = ".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
|
+
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$15,{});
|
|
6239
|
+
|
|
6240
|
+
/**
|
|
6241
|
+
* Accordion – A simple disclosure component with an optional left and right icon.
|
|
6242
|
+
*
|
|
6243
|
+
* This component works in both **controlled** and **uncontrolled** modes.
|
|
6244
|
+
* - In controlled mode supply the `open` prop and handle the state change in `onToggle`.
|
|
6245
|
+
* - In uncontrolled mode omit the `open` prop and optionally set `defaultOpen`.
|
|
6246
|
+
*/
|
|
6247
|
+
function Accordion$1(props) {
|
|
6248
|
+
var open = props.open,
|
|
6249
|
+
onToggle = props.onToggle,
|
|
6250
|
+
defaultOpen = props.defaultOpen,
|
|
6251
|
+
_props$leftComponent = props.leftComponent,
|
|
6252
|
+
LeftComponent = _props$leftComponent === void 0 ? Caret : _props$leftComponent,
|
|
6253
|
+
title = props.title,
|
|
6254
|
+
description = props.description,
|
|
6255
|
+
children = props.children,
|
|
6256
|
+
_onClick = props.onClick,
|
|
6257
|
+
_props$className = props.className,
|
|
6258
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
6259
|
+
onExpand = props.onExpand,
|
|
6260
|
+
_props$disabled = props.disabled,
|
|
6261
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled;
|
|
6262
|
+
// Internal state only used when the component is uncontrolled.
|
|
6263
|
+
var _useState = useState(defaultOpen),
|
|
6264
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
6265
|
+
uncontrolledOpen = _useState2[0],
|
|
6266
|
+
setUncontrolledOpen = _useState2[1];
|
|
6267
|
+
// Capture whether the component is controlled only once in the first render.
|
|
6268
|
+
var _useRef = useRef(open !== undefined),
|
|
6269
|
+
isControlled = _useRef.current;
|
|
6270
|
+
var isOpen = isControlled ? open : uncontrolledOpen;
|
|
6271
|
+
return jsxs("div", {
|
|
6272
|
+
className: classes(modules_8207625f.root, isOpen ? modules_8207625f.open : '', className, disabled ? modules_8207625f.disabled : ''),
|
|
6273
|
+
"data-state-open": isOpen,
|
|
6274
|
+
children: [jsx(BaseCell, {
|
|
6275
|
+
flexible: true,
|
|
6276
|
+
size: 'auto',
|
|
6277
|
+
RootDOM: 'button',
|
|
6278
|
+
className: modules_8207625f.header,
|
|
6279
|
+
attrs: {
|
|
6280
|
+
onClick: function onClick() {
|
|
6281
|
+
if (isControlled) {
|
|
6282
|
+
onToggle === null || onToggle === void 0 || onToggle(open);
|
|
6283
|
+
} else {
|
|
6284
|
+
setUncontrolledOpen(function (prevState) {
|
|
6285
|
+
var newState = !prevState;
|
|
6286
|
+
_onClick === null || _onClick === void 0 || _onClick(newState);
|
|
6287
|
+
return newState;
|
|
6288
|
+
});
|
|
6289
|
+
}
|
|
6290
|
+
},
|
|
6291
|
+
disabled: disabled,
|
|
6292
|
+
'aria-disabled': disabled
|
|
6293
|
+
},
|
|
6294
|
+
component2: jsx("span", {
|
|
6295
|
+
className: modules_8207625f.title,
|
|
6296
|
+
children: title
|
|
6297
|
+
}),
|
|
6298
|
+
component3: LeftComponent && jsx(LeftComponent, {})
|
|
6299
|
+
}), isOpen && jsxs(motion.div, {
|
|
6300
|
+
initial: {
|
|
6301
|
+
opacity: 0
|
|
6302
|
+
},
|
|
6303
|
+
animate: {
|
|
6304
|
+
opacity: 1
|
|
6305
|
+
},
|
|
6306
|
+
transition: {
|
|
6307
|
+
duration: 0.2
|
|
6308
|
+
},
|
|
6309
|
+
"data-elem": 'body',
|
|
6310
|
+
className: modules_8207625f.body,
|
|
6311
|
+
children: [description && jsx("p", {
|
|
6312
|
+
children: description
|
|
6313
|
+
}), children, onExpand && jsx(Button$1, {
|
|
6314
|
+
size: 'auto',
|
|
6315
|
+
variant: 'text',
|
|
6316
|
+
onClick: function onClick() {
|
|
6317
|
+
onExpand();
|
|
6318
|
+
},
|
|
6319
|
+
title: jsx(ExpandArrowAlt, {
|
|
6320
|
+
className: modules_8207625f.expand
|
|
6321
|
+
})
|
|
6322
|
+
})]
|
|
6323
|
+
})]
|
|
6324
|
+
});
|
|
6325
|
+
}
|
|
6201
6326
|
|
|
6202
6327
|
/**
|
|
6203
6328
|
* Accordion – A simple disclosure component with an optional left and right icon.
|
|
@@ -6207,6 +6332,9 @@ n(css$12,{});
|
|
|
6207
6332
|
* - In uncontrolled mode omit the `open` prop and optionally set `defaultOpen`.
|
|
6208
6333
|
*/
|
|
6209
6334
|
function Accordion(props) {
|
|
6335
|
+
if (props.v2) {
|
|
6336
|
+
return jsx(Accordion$1, _objectSpread2({}, props));
|
|
6337
|
+
}
|
|
6210
6338
|
var open = props.open,
|
|
6211
6339
|
onToggle = props.onToggle,
|
|
6212
6340
|
defaultOpen = props.defaultOpen,
|
|
@@ -6230,13 +6358,13 @@ function Accordion(props) {
|
|
|
6230
6358
|
isControlled = _useRef.current;
|
|
6231
6359
|
var isOpen = isControlled ? open : uncontrolledOpen;
|
|
6232
6360
|
return jsxs("div", {
|
|
6233
|
-
className: classes(modules_8207625f.root, isOpen ? modules_8207625f.open : '', className),
|
|
6361
|
+
className: classes(modules_8207625f$1.root, isOpen ? modules_8207625f$1.open : '', className),
|
|
6234
6362
|
"data-state-open": isOpen,
|
|
6235
6363
|
children: [jsx(BaseCell, {
|
|
6236
6364
|
flexible: true,
|
|
6237
6365
|
size: 'auto',
|
|
6238
6366
|
RootDOM: 'button',
|
|
6239
|
-
className: modules_8207625f.header,
|
|
6367
|
+
className: modules_8207625f$1.header,
|
|
6240
6368
|
attrs: {
|
|
6241
6369
|
onClick: function onClick() {
|
|
6242
6370
|
if (isControlled) {
|
|
@@ -6252,7 +6380,7 @@ function Accordion(props) {
|
|
|
6252
6380
|
},
|
|
6253
6381
|
component1: LeftComponent && jsx(LeftComponent, {}),
|
|
6254
6382
|
component2: jsx("span", {
|
|
6255
|
-
className: modules_8207625f.title,
|
|
6383
|
+
className: modules_8207625f$1.title,
|
|
6256
6384
|
children: title
|
|
6257
6385
|
}),
|
|
6258
6386
|
component3: RightComponent && jsx(RightComponent, {})
|
|
@@ -6267,7 +6395,7 @@ function Accordion(props) {
|
|
|
6267
6395
|
duration: 0.2
|
|
6268
6396
|
},
|
|
6269
6397
|
"data-elem": 'body',
|
|
6270
|
-
className: modules_8207625f.body,
|
|
6398
|
+
className: modules_8207625f$1.body,
|
|
6271
6399
|
children: [description && jsx("p", {
|
|
6272
6400
|
children: description
|
|
6273
6401
|
}), children, onExpand && jsx(Button, {
|
|
@@ -6277,7 +6405,7 @@ function Accordion(props) {
|
|
|
6277
6405
|
onExpand();
|
|
6278
6406
|
},
|
|
6279
6407
|
title: jsx(ExpandArrowAlt, {
|
|
6280
|
-
className: modules_8207625f.expand
|
|
6408
|
+
className: modules_8207625f$1.expand
|
|
6281
6409
|
})
|
|
6282
6410
|
})]
|
|
6283
6411
|
})]
|
|
@@ -10509,9 +10637,9 @@ const useListNavigation = function (_ref, _temp2) {
|
|
|
10509
10637
|
}, [activeId, disabledIndicesRef, listRef, enabled, orientation, rtl, virtual, open, activeIndex, nested, selectedIndex, openOnArrowKeyDown, focusItemOnHover, allowEscape, cols, loop, refs, focusItem, onNavigate, onOpenChange]);
|
|
10510
10638
|
};
|
|
10511
10639
|
|
|
10512
|
-
var css$
|
|
10640
|
+
var css$14 = ".Popper_module_backdrop__9fc51220 {\n position: fixed;\n z-index: 100;\n inset: 0;\n background: rgba(var(--black), 0.4);\n}\n.Popper_module_backdrop__9fc51220.Popper_module_transparent__9fc51220 {\n background: none;\n}\n.Popper_module_backdrop__9fc51220.Popper_module_hideBackdrop__9fc51220 {\n position: static !important;\n}";
|
|
10513
10641
|
var modules_fe46b225 = {"backdrop":"Popper_module_backdrop__9fc51220","transparent":"Popper_module_transparent__9fc51220","hide-backdrop":"Popper_module_hideBackdrop__9fc51220"};
|
|
10514
|
-
n(css$
|
|
10642
|
+
n(css$14,{});
|
|
10515
10643
|
|
|
10516
10644
|
var FloatingOverlay = FloatingOverlay$1;
|
|
10517
10645
|
var Popper = function Popper(_ref) {
|
|
@@ -10554,9 +10682,9 @@ var Popper = function Popper(_ref) {
|
|
|
10554
10682
|
});
|
|
10555
10683
|
};
|
|
10556
10684
|
|
|
10557
|
-
var css$
|
|
10558
|
-
var modules_3a764ea3 = {"root":"
|
|
10559
|
-
n(css$
|
|
10685
|
+
var css$13 = ".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
|
+
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$13,{});
|
|
10560
10688
|
|
|
10561
10689
|
var ALERT_DISMISS_TIME = 2000;
|
|
10562
10690
|
var ANIMATION = {
|
|
@@ -10591,7 +10719,11 @@ var Alert = function Alert(_ref, ref) {
|
|
|
10591
10719
|
_ref$animation = _ref.animation,
|
|
10592
10720
|
animation = _ref$animation === void 0 ? true : _ref$animation,
|
|
10593
10721
|
_ref$className = _ref.className,
|
|
10594
|
-
className = _ref$className === void 0 ? '' : _ref$className
|
|
10722
|
+
className = _ref$className === void 0 ? '' : _ref$className,
|
|
10723
|
+
_ref$variant = _ref.variant,
|
|
10724
|
+
variant = _ref$variant === void 0 ? 'card' : _ref$variant,
|
|
10725
|
+
_ref$theme = _ref.theme,
|
|
10726
|
+
theme = _ref$theme === void 0 ? 'light' : _ref$theme;
|
|
10595
10727
|
var _useState = useState(false),
|
|
10596
10728
|
_useState2 = _slicedToArray(_useState, 2),
|
|
10597
10729
|
open = _useState2[0],
|
|
@@ -10599,6 +10731,7 @@ var Alert = function Alert(_ref, ref) {
|
|
|
10599
10731
|
var _useState3 = useState({
|
|
10600
10732
|
title: undefined,
|
|
10601
10733
|
description: undefined,
|
|
10734
|
+
tag: undefined,
|
|
10602
10735
|
icon: undefined,
|
|
10603
10736
|
type: 'info',
|
|
10604
10737
|
action: undefined,
|
|
@@ -10616,6 +10749,7 @@ var Alert = function Alert(_ref, ref) {
|
|
|
10616
10749
|
setAlertProps = _useState4[1];
|
|
10617
10750
|
var title = alertProps.title,
|
|
10618
10751
|
description = alertProps.description,
|
|
10752
|
+
tag = alertProps.tag,
|
|
10619
10753
|
CustomIcon = alertProps.icon,
|
|
10620
10754
|
CustomAction = alertProps.action,
|
|
10621
10755
|
type = alertProps.type,
|
|
@@ -10720,22 +10854,25 @@ var Alert = function Alert(_ref, ref) {
|
|
|
10720
10854
|
lockScroll: false,
|
|
10721
10855
|
children: jsxs("div", _objectSpread2(_objectSpread2({}, getFloatingProps({
|
|
10722
10856
|
ref: floating,
|
|
10723
|
-
className: classes(modules_3a764ea3.root, modules_3a764ea3[type], shadow ? modules_3a764ea3.shadow : '', modules_3a764ea3["position-".concat(position)], className)
|
|
10857
|
+
className: classes(modules_3a764ea3.root, modules_3a764ea3[type], modules_3a764ea3[variant], modules_3a764ea3[theme], shadow ? modules_3a764ea3.shadow : '', modules_3a764ea3["position-".concat(position)], className)
|
|
10724
10858
|
})), {}, {
|
|
10725
10859
|
ref: scope,
|
|
10726
10860
|
children: [jsxs("div", {
|
|
10727
10861
|
className: modules_3a764ea3.left,
|
|
10728
|
-
children: [jsx("div", {
|
|
10862
|
+
children: [showIcon && jsx("div", {
|
|
10729
10863
|
className: classes(modules_3a764ea3['icon-container'], modules_3a764ea3[type]),
|
|
10730
|
-
children:
|
|
10864
|
+
children: Icon
|
|
10731
10865
|
}), jsxs("div", {
|
|
10732
10866
|
className: modules_3a764ea3.content,
|
|
10733
10867
|
children: [jsx("span", {
|
|
10734
10868
|
className: modules_3a764ea3.title,
|
|
10735
10869
|
children: title
|
|
10736
|
-
}), jsx("span", {
|
|
10870
|
+
}), variant === 'card' && description && jsx("span", {
|
|
10737
10871
|
className: modules_3a764ea3.description,
|
|
10738
10872
|
children: description
|
|
10873
|
+
}), variant === 'card' && tag && jsx("span", {
|
|
10874
|
+
className: modules_3a764ea3.time,
|
|
10875
|
+
children: tag
|
|
10739
10876
|
})]
|
|
10740
10877
|
})]
|
|
10741
10878
|
}), jsxs("div", {
|
|
@@ -10761,9 +10898,9 @@ var Alert = function Alert(_ref, ref) {
|
|
|
10761
10898
|
};
|
|
10762
10899
|
var Alert$1 = /*#__PURE__*/forwardRef(Alert);
|
|
10763
10900
|
|
|
10764
|
-
var css
|
|
10901
|
+
var css$12 = ".Popover_module_root__fa26af22 {\n padding: 0.5rem;\n border-radius: 0.25rem;\n border: 1px solid var(--grey);\n z-index: 10;\n}\n.Popover_module_root__fa26af22.Popover_module_darkTheme__fa26af22 {\n box-shadow: 0px dark 20px rgba(24, 24, 24, 0.08);\n background-color: var(--dark-grey);\n color: var(--white);\n border-color: var(--grey);\n}\n.Popover_module_root__fa26af22.Popover_module_lightTheme__fa26af22 {\n box-shadow: 0px light 20px rgba(24, 24, 24, 0.08);\n background-color: var(--white);\n color: var(--dark-grey);\n border-color: var(--grey4);\n}";
|
|
10765
10902
|
var modules_dfc4608f = {"root":"Popover_module_root__fa26af22","dark-theme":"Popover_module_darkTheme__fa26af22","light-theme":"Popover_module_lightTheme__fa26af22"};
|
|
10766
|
-
n(css
|
|
10903
|
+
n(css$12,{});
|
|
10767
10904
|
|
|
10768
10905
|
var resolveOffset = function resolveOffset(user) {
|
|
10769
10906
|
if (user == null) return {
|
|
@@ -10850,9 +10987,9 @@ var Popover = function Popover(_ref) {
|
|
|
10850
10987
|
});
|
|
10851
10988
|
};
|
|
10852
10989
|
|
|
10853
|
-
var css$
|
|
10990
|
+
var css$11 = ".Breadcrumbs_module_root__049dd925 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n width: -moz-fit-content;\n width: fit-content;\n border-radius: 0.25rem;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: auto;\n width: auto;\n max-width: 17rem;\n border: 0.0313rem solid transparent;\n background: var(--light-color2);\n padding: 0.625rem 0.75rem;\n gap: 0rem;\n border-radius: 0.25rem;\n border: 0.0938rem solid transparent;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit].Breadcrumbs_module_expand__049dd925 {\n border: 0.0938rem solid var(--secondary-color2);\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit] > [data-elem=component1] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit] > [data-elem=component1] div.Breadcrumbs_module_iconWrapper__049dd925 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit] > [data-elem=component1] div.Breadcrumbs_module_iconWrapper__049dd925 > svg {\n width: 1rem;\n height: 1rem;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit] > [data-elem=component2] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit] > [data-elem=component2] > [data-elem=title] {\n font-size: 0.875rem;\n color: var(--text-color);\n line-height: 1.3125rem;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit].Breadcrumbs_module_gap__049dd925 > [data-elem=component2] {\n margin-left: 0.7775rem;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit] > [data-elem=component3] {\n margin-left: 1.785rem;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit] > [data-elem=component3] .Breadcrumbs_module_icon__049dd925 {\n width: 1rem;\n height: 1rem;\n}\n.Breadcrumbs_module_root__049dd925 button[data-elem=base-cell].Breadcrumbs_module_selected__049dd925[type=submit] > [data-elem=component3] .Breadcrumbs_module_icon__049dd925.Breadcrumbs_module_expand__049dd925 path {\n stroke: var(--secondary-color2);\n}\n\ndiv.Breadcrumbs_module_popover__049dd925 {\n height: auto;\n padding: 0.75rem 0.625rem 0rem 0.625rem;\n background: var(--white) !important;\n border-color: var(--white) !important;\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.625rem;\n padding: 0.5rem 0.75rem;\n margin-bottom: 0.625rem;\n border-radius: 0.125rem;\n border: 0.0313rem solid var(--side-bar-icon2);\n font-weight: 500;\n color: var(--text-color);\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925:hover {\n cursor: pointer;\n background: var(--light-color2);\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925.Breadcrumbs_module_active__049dd925 {\n background: var(--background-color5);\n border: 0.0313rem solid transparent;\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_left__049dd925 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.625rem;\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_left__049dd925 .Breadcrumbs_module_iconWrapper__049dd925 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n color: var(--text-color);\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_left__049dd925 .Breadcrumbs_module_value__049dd925 {\n font-size: 0.875rem;\n color: var(--text-color);\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_right__049dd925 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_right__049dd925 .Breadcrumbs_module_circle__049dd925 {\n width: 12px;\n height: 12px;\n border: 1.5px solid var(--secondary-color2);\n background-color: white;\n border-radius: 50%;\n z-index: 1000;\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_right__049dd925 .Breadcrumbs_module_circleDropdown__049dd925 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n width: 12px;\n height: 12px;\n border: 1.5px solid var(--secondary-color2);\n background-color: var(--white);\n border-radius: 50%;\n z-index: 101;\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_right__049dd925 .Breadcrumbs_module_circleDropdown__049dd925 .Breadcrumbs_module_icon__049dd925 {\n margin-right: 1.8px;\n margin-bottom: 1.4px;\n transform: rotate(180deg);\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_right__049dd925 .Breadcrumbs_module_circleDropdown__049dd925 .Breadcrumbs_module_icon__049dd925 > path {\n fill: var(--secondary-color2);\n stroke: var(--secondary-color2);\n stroke-width: 0.2rem;\n stroke-linecap: round !important;\n stroke-linejoin: round;\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_right__049dd925 .Breadcrumbs_module_circleDropdown__049dd925::before {\n content: \"\";\n width: 0%;\n height: 26px;\n border-left: 1.5px dashed var(--secondary-color2);\n position: relative;\n bottom: 100%;\n right: -3.6px;\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_right__049dd925 .Breadcrumbs_module_circleFilled__049dd925 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n width: 12px;\n height: 12px;\n border: 1.5px solid var(--secondary-color2);\n background-color: var(--secondary-color2);\n border-radius: 50%;\n z-index: 100;\n}\ndiv.Breadcrumbs_module_popover__049dd925 .Breadcrumbs_module_crumbList__049dd925 .Breadcrumbs_module_right__049dd925 .Breadcrumbs_module_circleFilled__049dd925::before {\n content: \"\";\n width: 0%;\n height: 40px;\n border-left: 1.5px solid var(--secondary-color2);\n position: relative;\n bottom: 200%;\n right: -3.6px;\n}";
|
|
10854
10991
|
var modules_651f50a9 = {"root":"Breadcrumbs_module_root__049dd925","selected":"Breadcrumbs_module_selected__049dd925","expand":"Breadcrumbs_module_expand__049dd925","iconWrapper":"Breadcrumbs_module_iconWrapper__049dd925","gap":"Breadcrumbs_module_gap__049dd925","icon":"Breadcrumbs_module_icon__049dd925","popover":"Breadcrumbs_module_popover__049dd925","crumb-list":"Breadcrumbs_module_crumbList__049dd925","active":"Breadcrumbs_module_active__049dd925","left":"Breadcrumbs_module_left__049dd925","value":"Breadcrumbs_module_value__049dd925","right":"Breadcrumbs_module_right__049dd925","circle":"Breadcrumbs_module_circle__049dd925","circle-dropdown":"Breadcrumbs_module_circleDropdown__049dd925","circle-filled":"Breadcrumbs_module_circleFilled__049dd925"};
|
|
10855
|
-
n(css$
|
|
10992
|
+
n(css$11,{});
|
|
10856
10993
|
|
|
10857
10994
|
var BreadCrumbs = function BreadCrumbs(_ref) {
|
|
10858
10995
|
var _lastCrumb$title;
|
|
@@ -10944,9 +11081,9 @@ var BreadCrumbs = function BreadCrumbs(_ref) {
|
|
|
10944
11081
|
});
|
|
10945
11082
|
};
|
|
10946
11083
|
|
|
10947
|
-
var css$
|
|
11084
|
+
var css$10 = ".Callout_module_root__6038df42 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n padding: 1rem;\n width: 100%;\n opacity: 1;\n background-color: var(--light-color3);\n border-radius: 0.25rem;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_iconContainer__6038df42 {\n padding: 0.5rem;\n width: 2.5rem;\n height: 2.5rem;\n border-radius: 0.625rem;\n background: var(--light-color3);\n box-shadow: 0px 0px 0.25rem 0px rgba(0, 0, 0, 0.271);\n transition: box-shadow 0.5s ease-in-out;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_iconContainer__6038df42 .Callout_module_icon__6038df42 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_content__6038df42 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.25rem;\n margin-left: 1.25rem;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_content__6038df42 .Callout_module_title__6038df42 {\n color: var(--text-color);\n font-size: 0.875rem;\n font-weight: 600;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_content__6038df42 .Callout_module_description__6038df42 {\n word-wrap: break-word;\n height: auto;\n color: var(--text-color);\n font-size: 0.875rem;\n font-weight: 400;\n}\n.Callout_module_root__6038df42.Callout_module_info__6038df42 {\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\n.Callout_module_root__6038df42.Callout_module_info__6038df42 .Callout_module_iconContainer__6038df42 {\n box-shadow: 0rem 0rem 0.4rem 0rem var(--secondary-color2);\n}\n.Callout_module_root__6038df42.Callout_module_success__6038df42 {\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\n.Callout_module_root__6038df42.Callout_module_success__6038df42 .Callout_module_iconContainer__6038df42 {\n box-shadow: 0rem 0rem 0.4rem 0rem var(--primary-color2);\n}\n.Callout_module_root__6038df42.Callout_module_danger__6038df42, .Callout_module_root__6038df42.Callout_module_error__6038df42 {\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\n.Callout_module_root__6038df42.Callout_module_danger__6038df42 .Callout_module_iconContainer__6038df42, .Callout_module_root__6038df42.Callout_module_error__6038df42 .Callout_module_iconContainer__6038df42 {\n box-shadow: 0rem 0rem 0.4rem 0rem var(--primary-color1);\n}\n.Callout_module_root__6038df42.Callout_module_warning__6038df42 {\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\n.Callout_module_root__6038df42.Callout_module_warning__6038df42 .Callout_module_iconContainer__6038df42 {\n box-shadow: 0rem 0rem 0.4rem 0rem var(--primary-color3);\n}\n.Callout_module_root__6038df42.Callout_module_shadow__6038df42 {\n box-shadow: 0rem 0.0625rem 0.25rem 0rem rgba(0, 0, 0, 0.25), 0rem 0.1875rem 0.25rem 0rem rgba(0, 0, 0, 0.25);\n}";
|
|
10948
11085
|
var modules_b6de2704 = {"root":"Callout_module_root__6038df42","left":"Callout_module_left__6038df42","icon-container":"Callout_module_iconContainer__6038df42","icon":"Callout_module_icon__6038df42","content":"Callout_module_content__6038df42","title":"Callout_module_title__6038df42","description":"Callout_module_description__6038df42","info":"Callout_module_info__6038df42","success":"Callout_module_success__6038df42","danger":"Callout_module_danger__6038df42","error":"Callout_module_error__6038df42","warning":"Callout_module_warning__6038df42","shadow":"Callout_module_shadow__6038df42"};
|
|
10949
|
-
n(css$
|
|
11086
|
+
n(css$10,{});
|
|
10950
11087
|
|
|
10951
11088
|
var Callout = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
10952
11089
|
var _props$showIcon = props.showIcon,
|
|
@@ -12213,13 +12350,13 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
12213
12350
|
propTypes.exports = requireFactoryWithThrowingShims()();
|
|
12214
12351
|
}
|
|
12215
12352
|
|
|
12216
|
-
var css
|
|
12353
|
+
var css$$ = ".HeatMapChart_module_root__41cf6ace {\n width: \"100%\";\n}";
|
|
12217
12354
|
var modules_0ba85659 = {"root":"HeatMapChart_module_root__41cf6ace"};
|
|
12218
|
-
n(css
|
|
12355
|
+
n(css$$,{});
|
|
12219
12356
|
|
|
12220
|
-
var css$
|
|
12357
|
+
var css$_ = ".Skeleton_module_root__ad62f983 {\n width: 100%;\n height: 100%;\n background: var(--grey6);\n background-repeat: no-repeat;\n background-size: cover;\n display: inline-block;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_lightTheme__ad62f983 {\n background-color: var(--skeleton);\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_darkTheme__ad62f983 {\n background-color: var(--grey2);\n opacity: 0.2;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_animated__ad62f983 {\n animation-duration: 1.25s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: Skeleton_module_shimmer__ad62f983;\n animation-timing-function: linear;\n -webkit-animation-fill-mode: forwards;\n -webkit-animation-iteration-count: infinite;\n -webkit-animation-name: Skeleton_module_shimmer__ad62f983;\n -webkit-animation-timing-function: linear;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_animated__ad62f983.Skeleton_module_lightTheme__ad62f983 {\n background-image: linear-gradient(to right, var(--skeleton) 0%, var(--grey8) 20%, var(--skeleton) 40%, var(--skeleton) 100%);\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_animated__ad62f983.Skeleton_module_darkTheme__ad62f983 {\n background-image: linear-gradient(to right, var(--grey2) 0%, var(--grey4) 20%, var(--grey2) 40%, var(--grey2) 100%);\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_text__ad62f983 {\n height: 1.5rem;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_circle__ad62f983 {\n border-radius: 50%;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_rounded__ad62f983 {\n border-radius: 0.25rem;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_ellipse__ad62f983 {\n border-radius: 1.5rem;\n}\n\n@keyframes Skeleton_module_shimmer__ad62f983 {\n 0% {\n background-position: -50rem 0;\n }\n 100% {\n background-position: 50rem 0;\n }\n}";
|
|
12221
12358
|
var modules_37a5ff73$2 = {"root":"Skeleton_module_root__ad62f983","light-theme":"Skeleton_module_lightTheme__ad62f983","dark-theme":"Skeleton_module_darkTheme__ad62f983","animated":"Skeleton_module_animated__ad62f983","shimmer":"Skeleton_module_shimmer__ad62f983","text":"Skeleton_module_text__ad62f983","circle":"Skeleton_module_circle__ad62f983","rounded":"Skeleton_module_rounded__ad62f983","ellipse":"Skeleton_module_ellipse__ad62f983"};
|
|
12222
|
-
n(css$
|
|
12359
|
+
n(css$_,{});
|
|
12223
12360
|
|
|
12224
12361
|
var Skeleton = function Skeleton(props) {
|
|
12225
12362
|
var height = props.height,
|
|
@@ -12243,9 +12380,9 @@ var Skeleton = function Skeleton(props) {
|
|
|
12243
12380
|
});
|
|
12244
12381
|
};
|
|
12245
12382
|
|
|
12246
|
-
var css$
|
|
12383
|
+
var css$Z = ".Skeleton_module_root__79bb2358 {\n display: grid;\n grid-template-rows: auto;\n grid-template-columns: repeat(6, 1fr);\n row-gap: 0.25rem;\n -moz-column-gap: 0.25rem;\n column-gap: 0.25rem;\n height: 100%;\n}";
|
|
12247
12384
|
var modules_37a5ff73$1 = {"root":"Skeleton_module_root__79bb2358"};
|
|
12248
|
-
n(css$
|
|
12385
|
+
n(css$Z,{});
|
|
12249
12386
|
|
|
12250
12387
|
var BOXES = _toConsumableArray(Array(36).keys()).map(function () {
|
|
12251
12388
|
return Math.random() * 80 + 20;
|
|
@@ -12266,9 +12403,9 @@ var ChartSkeleton = function ChartSkeleton(_ref) {
|
|
|
12266
12403
|
});
|
|
12267
12404
|
};
|
|
12268
12405
|
|
|
12269
|
-
var css$
|
|
12406
|
+
var css$Y = ":root {\n --white: #ffffff;\n --black: #141920;\n --dark-grey: #333333;\n --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n --grey: #737373;\n --grey1: #888888;\n --grey2: #a6a6a6;\n --grey3: #bbbbbb;\n --grey4: #c4c4c4;\n --grey5: #dddddd;\n --grey6: #e8e8e8;\n --grey7: #eeeeee;\n --grey8: #f2f2f2;\n --grey9: #eff0f0;\n --grey10: #f7f7f7;\n --skeleton: #e0e1e9;\n --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\n --menu-black: #191b1f;\n --banyan-blue: #00037c;\n --banyan-orange: #ff892a;\n --banyan-pink: #ff1597;\n --banyan-gradient: linear-gradient(\n \t84.71deg,\n \tvar(--banyan-pink) 0.48%,\n \tvar(--banyan-orange) 99.57%\n );\n --error: #ff626a;\n --error-bg: #fff1f1;\n --error-outline: rgba(218, 30, 40, 0.08);\n --success: #24a148;\n --success-bg: #defbe6;\n --success-outline: rgba(36, 161, 72, 0.08);\n --warning: #f1c21b;\n --warning-bg: #fff8e1;\n --warning-outline: rgba(203, 160, 6, 0.08);\n --info: #0043ce;\n --info-bg: #edf5ff;\n --info-outline: #2864db98;\n}\n:root[data-theme=light] {\n --primary-color1: #bd3c45;\n --primary-color2: #487349;\n --primary-color3: #cba006;\n --primary-color4: #0043ce;\n --secondary-color1: #0a15f9;\n --secondary-color2: #0f62fe;\n --secondary-color3: #0fa9ff;\n --secondary-color4: #a91aa3;\n --secondary-color5: #ef87f8;\n --secondary-color6: #fcab0f;\n --secondary-color7: #dce01d;\n --background-color1: #ffebec;\n --background-color2: #edffed;\n --background-color3: #fff6d4;\n --background-color4: #e6edff;\n --background-color5: #cfdfff;\n --mono-color1: #71839b;\n --mono-color2: #b7cadb;\n --mono-color3: #d8dfe5;\n --light-color1: #efeff0;\n --light-color2: #f7f7f8;\n --light-color3: #ffffff;\n --text-color: #141920;\n --side-bar-icon1: #97979f;\n --side-bar-icon2: #d5d5db;\n}\n:root[data-theme=dark] {\n --primary-color1: #b33030;\n --primary-color2: #4e9f3d;\n --primary-color3: #ebb700;\n --primary-color4: #0053ff;\n --secondary-color1: #2e37ff;\n --secondary-color2: #2d76ff;\n --secondary-color3: #39b8ff;\n --secondary-color4: #dc00d3;\n --secondary-color5: #f8a4ff;\n --secondary-color6: #ffbf45;\n --secondary-color7: #fbff42;\n --background-color1: #e5d3d4;\n --background-color2: #d6e5d6;\n --background-color3: #e5ddbe;\n --background-color4: #cfd6e5;\n --background-color5: #bac9e5;\n --mono-color1: #4c5869;\n --mono-color2: #8d9ba8;\n --mono-color3: #a8adb2;\n --light-color1: #1b1b1c;\n --light-color2: #151517;\n --light-color3: #141920;\n --text-color: #fafafa;\n --side-bar-icon1: #96969e;\n --side-bar-icon2: #bcbcc2;\n}";
|
|
12270
12407
|
var modules_1722b0e5 = {"white":"--white","black":"--black","menu-black":"--menu-black","dark-grey":"--dark-grey","dark-grey-o-85":"--dark-grey-o-85","grey":"--grey","grey1":"--grey1","grey2":"--grey2","grey3":"--grey3","grey4":"--grey4","grey5":"--grey5","grey6":"--grey6","grey7":"--grey7","grey8":"--grey8","grey9":"--grey9","grey10":"--grey10","highlight":"--highlight","dark-blue":"--dark-blue","background":"--background","banyan-blue":"--banyan-blue","banyan-orange":"--banyan-orange","banyan-pink":"--banyan-pink","banyan-gradient":"--banyan-gradient","error":"--error","error-bg":"--error-bg","error-outline":"--error-outline","success":"--success","success-bg":"--success-bg","success-outline":"--success-outline","warning":"--warning","warning-bg":"--warning-bg","warning-outline":"--warning-outline","info":"--info","info-bg":"--info-bg","info-outline":"--info-outline","theme-light-primary-color1":"#bd3c45","theme-light-primary-color2":"#487349","theme-light-primary-color3":"#cba006","theme-light-primary-color4":"#0043ce","theme-light-secondary-color1":"#0a15f9","theme-light-secondary-color2":"#0f62fe","theme-light-secondary-color3":"#0fa9ff","theme-light-secondary-color4":"#a91aa3","theme-light-secondary-color5":"#ef87f8","theme-light-secondary-color6":"#fcab0f","theme-light-secondary-color7":"#dce01d","theme-light-background-color1":"#ffebec","theme-light-background-color2":"#edffed","theme-light-background-color3":"#fff6d4","theme-light-background-color4":"#e6edff","theme-light-background-color5":"#cfdfff","theme-light-mono-color1":"#71839b","theme-light-mono-color2":"#b7cadb","theme-light-mono-color3":"#d8dfe5","theme-light-light-color1":"#efeff0","theme-light-light-color2":"#f7f7f8","theme-light-light-color3":"#ffffff","theme-light-side-bar-icon1":"#97979f","theme-light-side-bar-icon2":"#d5d5db","theme-light-text-color":"#141920","theme-dark-primary-color1":"#b33030","theme-dark-primary-color2":"#4e9f3d","theme-dark-primary-color3":"#ebb700","theme-dark-primary-color4":"#0053ff","theme-dark-secondary-color1":"#2e37ff","theme-dark-secondary-color2":"#2d76ff","theme-dark-secondary-color3":"#39b8ff","theme-dark-secondary-color4":"#dc00d3","theme-dark-secondary-color5":"#f8a4ff","theme-dark-secondary-color6":"#ffbf45","theme-dark-secondary-color7":"#fbff42","theme-dark-background-color1":"#e5d3d4","theme-dark-background-color2":"#d6e5d6","theme-dark-background-color3":"#e5ddbe","theme-dark-background-color4":"#cfd6e5","theme-dark-background-color5":"#bac9e5","theme-dark-mono-color1":"#4c5869","theme-dark-mono-color2":"#8d9ba8","theme-dark-mono-color3":"#a8adb2","theme-dark-light-color1":"#000000","theme-dark-light-color2":"#151517","theme-dark-light-color3":"#1b1b1c","theme-dark-side-bar-icon1":"#96969e","theme-dark-side-bar-icon2":"#bcbcc2","theme-dark-text-color":"#fafafa"};
|
|
12271
|
-
n(css$
|
|
12408
|
+
n(css$Y,{});
|
|
12272
12409
|
|
|
12273
12410
|
var COLORS = Object.keys(modules_1722b0e5).reduce(function (acc, curr) {
|
|
12274
12411
|
if (curr.includes('theme')) {
|
|
@@ -12505,9 +12642,9 @@ HeatMapChart.defaultProps = {
|
|
|
12505
12642
|
theme: 'dark'
|
|
12506
12643
|
};
|
|
12507
12644
|
|
|
12508
|
-
var css$
|
|
12645
|
+
var css$X = ".CodeSnippet_module_root__292230a0 {\n padding: 0.5rem, 1rem;\n position: relative;\n}\n.CodeSnippet_module_root__292230a0 .CodeSnippet_module_code__292230a0 {\n font-family: monospace;\n font-size: 1rem;\n}\n.CodeSnippet_module_root__292230a0 .CodeSnippet_module_copy__292230a0 {\n visibility: hidden;\n position: absolute;\n padding: 0 !important;\n width: 2.25rem;\n height: 2.25rem;\n right: 1rem;\n top: 1rem;\n background-color: transparent !important;\n}\n.CodeSnippet_module_root__292230a0 .CodeSnippet_module_copy__292230a0 [data-elem=title] {\n box-shadow: 0px 0px 0.125rem 0px rgba(0, 0, 0, 0.35);\n border-radius: 0.25rem;\n padding: 0.35rem;\n}\n.CodeSnippet_module_root__292230a0 .CodeSnippet_module_copy__292230a0 [data-elem=title] > span {\n display: inline-flex;\n}\n.CodeSnippet_module_root__292230a0:hover .CodeSnippet_module_copy__292230a0 {\n visibility: visible;\n position: absolute;\n right: 1rem;\n top: 1rem;\n}\n.CodeSnippet_module_root__292230a0:hover .CodeSnippet_module_copy__292230a0 .CodeSnippet_module_icon__292230a0 {\n width: 1.25rem;\n height: 1.25rem;\n fill: rgba(0, 0, 0, 0.75);\n}\n\n.CodeSnippet_module_tick__292230a0 {\n width: 1.25rem;\n height: 1.25rem;\n}";
|
|
12509
12646
|
var modules_c548043f = {"root":"CodeSnippet_module_root__292230a0","code":"CodeSnippet_module_code__292230a0","copy":"CodeSnippet_module_copy__292230a0","icon":"CodeSnippet_module_icon__292230a0","tick":"CodeSnippet_module_tick__292230a0"};
|
|
12510
|
-
n(css$
|
|
12647
|
+
n(css$X,{});
|
|
12511
12648
|
|
|
12512
12649
|
var MotionSpan = motion.span;
|
|
12513
12650
|
var copyIconProps = {
|
|
@@ -12850,9 +12987,76 @@ var getDatePickerDisplayValue = function getDatePickerDisplayValue(_ref3) {
|
|
|
12850
12987
|
return '';
|
|
12851
12988
|
};
|
|
12852
12989
|
|
|
12853
|
-
var css$
|
|
12854
|
-
var modules_066398a2 = {"root":"CheckBox_module_root__6c6c7d85","position-left":"CheckBox_module_positionLeft__6c6c7d85","position-right":"CheckBox_module_positionRight__6c6c7d85","disabled":"CheckBox_module_disabled__6c6c7d85","icon":"CheckBox_module_icon__6c6c7d85","selected":"CheckBox_module_selected__6c6c7d85","icon-sm":"CheckBox_module_iconSm__6c6c7d85","icon-md":"CheckBox_module_iconMd__6c6c7d85","icon-lg":"CheckBox_module_iconLg__6c6c7d85"};
|
|
12855
|
-
n(css$
|
|
12990
|
+
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}";
|
|
12991
|
+
var modules_066398a2$1 = {"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"};
|
|
12992
|
+
n(css$W,{});
|
|
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,{});
|
|
12997
|
+
|
|
12998
|
+
var getIcon$1 = function getIcon(checked, intermediate) {
|
|
12999
|
+
if (checked) {
|
|
13000
|
+
if (intermediate) return CheckboxIcon.Intermediate;
|
|
13001
|
+
return CheckboxIcon.Checked;
|
|
13002
|
+
}
|
|
13003
|
+
return CheckboxIcon.UnChecked;
|
|
13004
|
+
};
|
|
13005
|
+
var Checkbox$1 = function Checkbox(props) {
|
|
13006
|
+
var label = props.label,
|
|
13007
|
+
onChange = props.onChange,
|
|
13008
|
+
defaultChecked = props.defaultChecked,
|
|
13009
|
+
checked = props.checked,
|
|
13010
|
+
_props$position = props.position,
|
|
13011
|
+
position = _props$position === void 0 ? 'right' : _props$position,
|
|
13012
|
+
_props$size = props.size,
|
|
13013
|
+
size = _props$size === void 0 ? 'sm' : _props$size,
|
|
13014
|
+
_props$className = props.className,
|
|
13015
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
13016
|
+
disabled = props.disabled,
|
|
13017
|
+
disabledAsChild = props.disabledAsChild,
|
|
13018
|
+
intermediate = props.intermediate,
|
|
13019
|
+
readOnly = props.readOnly,
|
|
13020
|
+
error = props.error;
|
|
13021
|
+
// Track controlled/uncontrolled mode once on first render
|
|
13022
|
+
var _useRef = useRef(checked !== undefined),
|
|
13023
|
+
isControlled = _useRef.current;
|
|
13024
|
+
// Uncontrolled state
|
|
13025
|
+
var _useState = useState(defaultChecked),
|
|
13026
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
13027
|
+
uncontrolledChecked = _useState2[0],
|
|
13028
|
+
setUncontrolledChecked = _useState2[1];
|
|
13029
|
+
var handleChange = function handleChange(event) {
|
|
13030
|
+
var _helperResult$fieldVa;
|
|
13031
|
+
// Prefer your helper if present; fall back to standard target.checked for type safety
|
|
13032
|
+
var helperResult = inputHelper(event);
|
|
13033
|
+
var fieldValue = (_helperResult$fieldVa = helperResult === null || helperResult === void 0 ? void 0 : helperResult.fieldValue) !== null && _helperResult$fieldVa !== void 0 ? _helperResult$fieldVa : event.target.checked;
|
|
13034
|
+
if (isControlled) {
|
|
13035
|
+
onChange === null || onChange === void 0 || onChange(event, fieldValue);
|
|
13036
|
+
} else {
|
|
13037
|
+
setUncontrolledChecked(fieldValue);
|
|
13038
|
+
}
|
|
13039
|
+
};
|
|
13040
|
+
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
13041
|
+
var Icon = getIcon$1(isChecked, intermediate);
|
|
13042
|
+
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),
|
|
13044
|
+
children: [jsx("input", _objectSpread2(_objectSpread2({
|
|
13045
|
+
disabled: disabled || readOnly,
|
|
13046
|
+
type: 'checkbox',
|
|
13047
|
+
defaultChecked: defaultChecked
|
|
13048
|
+
}, isControlled ? {
|
|
13049
|
+
checked: !!checked
|
|
13050
|
+
} : {}), {}, {
|
|
13051
|
+
onChange: handleChange
|
|
13052
|
+
})), jsx(Icon, {
|
|
13053
|
+
className: classes(modules_066398a2["icon-".concat(size)], modules_066398a2.icon)
|
|
13054
|
+
}), label && jsx("span", {
|
|
13055
|
+
"data-elem": 'label',
|
|
13056
|
+
children: label
|
|
13057
|
+
})]
|
|
13058
|
+
});
|
|
13059
|
+
};
|
|
12856
13060
|
|
|
12857
13061
|
var getIcon = function getIcon(checked, intermediate) {
|
|
12858
13062
|
if (checked) {
|
|
@@ -12874,7 +13078,9 @@ var Checkbox = function Checkbox(props) {
|
|
|
12874
13078
|
className = _props$className === void 0 ? '' : _props$className,
|
|
12875
13079
|
disabled = props.disabled,
|
|
12876
13080
|
disabledAsChild = props.disabledAsChild,
|
|
12877
|
-
intermediate = props.intermediate
|
|
13081
|
+
intermediate = props.intermediate,
|
|
13082
|
+
_props$v = props.v2,
|
|
13083
|
+
v2 = _props$v === void 0 ? false : _props$v;
|
|
12878
13084
|
// Track controlled/uncontrolled mode once on first render
|
|
12879
13085
|
var _useRef = useRef(checked !== undefined),
|
|
12880
13086
|
isControlled = _useRef.current;
|
|
@@ -12883,6 +13089,9 @@ var Checkbox = function Checkbox(props) {
|
|
|
12883
13089
|
_useState2 = _slicedToArray(_useState, 2),
|
|
12884
13090
|
uncontrolledChecked = _useState2[0],
|
|
12885
13091
|
setUncontrolledChecked = _useState2[1];
|
|
13092
|
+
if (v2) {
|
|
13093
|
+
return jsx(Checkbox$1, _objectSpread2({}, props));
|
|
13094
|
+
}
|
|
12886
13095
|
var handleChange = function handleChange(event) {
|
|
12887
13096
|
var _helperResult$fieldVa;
|
|
12888
13097
|
// Prefer your helper if present; fall back to standard target.checked for type safety
|
|
@@ -12897,7 +13106,7 @@ var Checkbox = function Checkbox(props) {
|
|
|
12897
13106
|
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
12898
13107
|
var Icon = getIcon(isChecked, intermediate);
|
|
12899
13108
|
return jsxs("label", {
|
|
12900
|
-
className: classes(modules_066398a2.root, modules_066398a2["position-".concat(position)], disabled && !disabledAsChild ? modules_066398a2.disabled : '', isChecked ? modules_066398a2.selected : '', className),
|
|
13109
|
+
className: classes(modules_066398a2$1.root, modules_066398a2$1["position-".concat(position)], disabled && !disabledAsChild ? modules_066398a2$1.disabled : '', isChecked ? modules_066398a2$1.selected : '', className),
|
|
12901
13110
|
children: [jsx("input", _objectSpread2(_objectSpread2({
|
|
12902
13111
|
disabled: disabled,
|
|
12903
13112
|
type: 'checkbox',
|
|
@@ -12907,7 +13116,7 @@ var Checkbox = function Checkbox(props) {
|
|
|
12907
13116
|
} : {}), {}, {
|
|
12908
13117
|
onChange: handleChange
|
|
12909
13118
|
})), jsx(Icon, {
|
|
12910
|
-
className: classes(modules_066398a2["icon-".concat(size)], modules_066398a2.icon)
|
|
13119
|
+
className: classes(modules_066398a2$1["icon-".concat(size)], modules_066398a2$1.icon)
|
|
12911
13120
|
}), label && jsx("span", {
|
|
12912
13121
|
"data-elem": 'label',
|
|
12913
13122
|
children: label
|
|
@@ -12932,9 +13141,9 @@ var SelectAll = function SelectAll(props) {
|
|
|
12932
13141
|
|
|
12933
13142
|
function o(f){return r=>{f.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r);});}}
|
|
12934
13143
|
|
|
12935
|
-
var css$
|
|
13144
|
+
var css$U = ".Tooltip_module_tooltip__9cc6de6d {\n text-align: center;\n border-radius: 0.25rem;\n min-width: 1rem;\n max-width: auto;\n padding: 0.5rem 0.75rem;\n font-size: 0.875rem;\n line-height: 1.3125rem;\n color: var(--light-color3);\n background-color: var(--text-color);\n}\n.Tooltip_module_tooltip__9cc6de6d.Tooltip_module_light__9cc6de6d {\n background-color: var(--black);\n color: var(--white);\n}\n.Tooltip_module_tooltip__9cc6de6d.Tooltip_module_dark__9cc6de6d {\n background-color: var(--white);\n color: var(--black);\n}\n.Tooltip_module_tooltip__9cc6de6d .Tooltip_module_arrow__9cc6de6d {\n position: absolute;\n width: 0.65rem;\n height: 0.65rem;\n z-index: -1;\n pointer-events: none;\n transform: rotate(45deg);\n background: var(--text-color);\n}";
|
|
12936
13145
|
var modules_e4619b04 = {"tooltip":"Tooltip_module_tooltip__9cc6de6d","light":"Tooltip_module_light__9cc6de6d","dark":"Tooltip_module_dark__9cc6de6d","arrow":"Tooltip_module_arrow__9cc6de6d"};
|
|
12937
|
-
n(css$
|
|
13146
|
+
n(css$U,{});
|
|
12938
13147
|
|
|
12939
13148
|
/**
|
|
12940
13149
|
* Tooltip - A tooltip component to be used as a wrapper to show the customised tooltip for the component
|
|
@@ -13057,13 +13266,9 @@ var Tooltip = /*#__PURE__*/forwardRef(function (props, propRef) {
|
|
|
13057
13266
|
});
|
|
13058
13267
|
});
|
|
13059
13268
|
|
|
13060
|
-
var css$R = ".Dropdown_module_root__6e7e92e0 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.5rem;\n position: relative;\n width: -moz-fit-content;\n width: fit-content;\n max-width: 100%;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_label__6e7e92e0 {\n font-size: 0.75rem;\n color: var(--text-color);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_label__6e7e92e0.Dropdown_module_required__6e7e92e0::after {\n content: \" *\";\n color: var(--primary-color1);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n max-width: 100%;\n border-radius: 0.25rem;\n position: relative;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] {\n background-color: var(--background-color5);\n color: var(--secondary-color2);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] * {\n color: var(--secondary-color2);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIcon__6e7e92e0 {\n fill: var(--secondary-color2) !important;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0 {\n fill: transparent;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0 > path {\n stroke: var(--secondary-color2);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n outline: 1px solid var(--secondary-color2);\n transition: outline 100ms ease-in-out;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_error__6e7e92e0 {\n border: 1px solid var(--primary-color1);\n border-radius: 0.3125rem;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_input__6e7e92e0 {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_input__6e7e92e0:focus + .Dropdown_module_select__6e7e92e0 {\n border-color: var(--primary-color4);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_input__6e7e92e0:focus + .Dropdown_module_select__6e7e92e0.Dropdown_module_feedbackError__6e7e92e0 {\n border-color: var(--primary-color1);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 25rem;\n max-width: 100%;\n gap: 0.5rem;\n outline: none;\n border-radius: 0.3125rem;\n padding: 0.75rem 0.75rem 0.75rem 1rem;\n background: var(--light-color3);\n cursor: pointer;\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_placeholder__6e7e92e0 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: var(--text-color);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_infoIcon__6e7e92e0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIcon__6e7e92e0 {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: var(--text-color) !important;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n transform: rotate(180deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIcon__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n transform: rotate(0deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0 {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: transparent !important;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n transform: rotate(180deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0 > path {\n stroke: var(--text-color);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n transform: rotate(0deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_infoIcon__6e7e92e0 path {\n stroke: var(--primary-color1);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_icon__6e7e92e0 {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: var(--text-color) !important;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_icon__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n transform: rotate(180deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0.Dropdown_module_feedbackError__6e7e92e0 {\n border-color: var(--primary-color1);\n}\n.Dropdown_module_root__6e7e92e0.Dropdown_module_open__6e7e92e0 .Dropdown_module_header__6e7e92e0 {\n border-color: var(--primary-color4);\n}\n.Dropdown_module_root__6e7e92e0.Dropdown_module_disabled__6e7e92e0 .Dropdown_module_select__6e7e92e0 {\n background: var(--grey10);\n cursor: not-allowed;\n}\n\n.Dropdown_module_body__6e7e92e0 {\n display: none;\n position: absolute;\n top: calc(100% + 0.5rem);\n background: var(--light-color3);\n width: auto;\n border-radius: 0.3125rem;\n padding: 1.25rem 0rem 1.25rem 0rem;\n overflow-y: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n min-height: 4rem;\n max-height: 25rem !important;\n outline: none;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);\n}\n.Dropdown_module_body__6e7e92e0::-webkit-scrollbar {\n display: none;\n}\n.Dropdown_module_body__6e7e92e0.Dropdown_module_multi__6e7e92e0 {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n.Dropdown_module_body__6e7e92e0.Dropdown_module_multi__6e7e92e0 li:nth-child(1) {\n padding-left: 1.875rem;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: sticky;\n top: 0;\n background-color: var(--light-color3);\n padding-inline: 1.25rem;\n padding-block: 0.25rem;\n list-style: none;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 button[data-elem=base-cell].Dropdown_module_button__6e7e92e0[type=button] {\n width: auto;\n padding: 0% !important;\n background-color: transparent;\n color: var(--secondary-color2);\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 button[data-elem=base-cell].Dropdown_module_button__6e7e92e0[type=button] > [data-elem=component2] {\n margin-left: 0.1rem;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 button[data-elem=base-cell].Dropdown_module_button__6e7e92e0[type=button] > [data-elem=component1] > svg {\n fill: var(--secondary-color2);\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 .Dropdown_module_items__6e7e92e0 {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--text-color);\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_search__6e7e92e0 {\n width: 100%;\n margin-bottom: 1rem;\n position: sticky;\n top: 0;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_search__6e7e92e0 label div {\n border-radius: 0rem !important;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_footer__6e7e92e0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n gap: 1rem;\n position: sticky;\n background-color: var(--light-color3);\n padding: 0rem 1rem 1rem;\n bottom: 0;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_footer__6e7e92e0 button[data-elem=base-cell].Dropdown_module_multiApply__6e7e92e0[type=submit] {\n flex: 1;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_footer__6e7e92e0 button[data-elem=base-cell].Dropdown_module_multiClear__6e7e92e0[type=submit] {\n background-color: var(--light-color2);\n color: var(--mono-color1);\n flex: 1;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_footer__6e7e92e0 button[data-elem=base-cell].Dropdown_module_multiClear__6e7e92e0[type=submit]:hover {\n background-color: var(--light-color1);\n}\n.Dropdown_module_body__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
13061
|
-
var modules_1b90f5ea = {"root":"Dropdown_module_root__6e7e92e0","label":"Dropdown_module_label__6e7e92e0","required":"Dropdown_module_required__6e7e92e0","header":"Dropdown_module_header__6e7e92e0","highlightOnSelect":"Dropdown_module_highlightOnSelect__6e7e92e0","icon-bundle":"Dropdown_module_iconBundle__6e7e92e0","caret-icon":"Dropdown_module_caretIcon__6e7e92e0","caret-icon-upDown":"Dropdown_module_caretIconUpDown__6e7e92e0","open":"Dropdown_module_open__6e7e92e0","error":"Dropdown_module_error__6e7e92e0","input":"Dropdown_module_input__6e7e92e0","select":"Dropdown_module_select__6e7e92e0","feedback-error":"Dropdown_module_feedbackError__6e7e92e0","placeholder":"Dropdown_module_placeholder__6e7e92e0","info-icon":"Dropdown_module_infoIcon__6e7e92e0","icon":"Dropdown_module_icon__6e7e92e0","disabled":"Dropdown_module_disabled__6e7e92e0","body":"Dropdown_module_body__6e7e92e0","multi":"Dropdown_module_multi__6e7e92e0","multi-options":"Dropdown_module_multiOptions__6e7e92e0","button":"Dropdown_module_button__6e7e92e0","items":"Dropdown_module_items__6e7e92e0","search":"Dropdown_module_search__6e7e92e0","footer":"Dropdown_module_footer__6e7e92e0","multi-apply":"Dropdown_module_multiApply__6e7e92e0","multi-clear":"Dropdown_module_multiClear__6e7e92e0"};
|
|
13062
|
-
n(css$R,{});
|
|
13063
|
-
|
|
13064
|
-
var css$Q = ".TextField_module_root__88423816 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 0.5rem;\n}\n.TextField_module_root__88423816 label {\n width: 100%;\n max-width: 100%;\n font-weight: 400;\n font-size: 0.75rem;\n letter-spacing: 0.02rem;\n color: var(--text-color);\n letter-spacing: 0.3199999928px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_required__88423816::after {\n content: \" *\";\n color: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.625rem;\n padding: 0.75rem;\n height: auto;\n max-width: 100%;\n width: 100%;\n border-radius: 0.25rem;\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816:focus-within {\n outline: 1px solid var(--secondary-color2);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 .TextField_module_icon__88423816 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component1] > svg {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component1] > svg.TextField_module_error__88423816 path {\n stroke: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] {\n flex: 1;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816 {\n -moz-appearance: textfield;\n flex: 1;\n background-color: var(--light-color3) !important;\n border: none;\n font-weight: 400;\n color: var(--text-color);\n font-size: 0.875rem;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::-webkit-outer-spin-button, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:focus {\n outline: none;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:disabled {\n background: var(--grey9);\n color: var(--grey3);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_error__88423816 {\n color: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_sm__88423816 {\n padding: 0rem 0.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_md__88423816 {\n padding: 0rem 0.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_lg__88423816 {\n padding: 0rem 0.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::-moz-placeholder {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::placeholder {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::-moz-placeholder {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:-webkit-autofill, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:-webkit-autofill:hover, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:-webkit-autofill:focus, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n -webkit-text-fill-color: initial !important;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:autofill, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:autofill:hover, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:autofill:focus, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:autofill:active {\n box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n -moz-text-fill-color: initial !important;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 0.75rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] button[data-elem=base-cell].TextField_module_button__88423816[type=button] {\n width: auto;\n height: -moz-fit-content;\n height: fit-content;\n padding: 0;\n background-color: transparent;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] button[data-elem=base-cell].TextField_module_button__88423816[type=button].TextField_module_error__88423816 > [data-elem=component1] .TextField_module_icon__88423816.TextField_module_error__88423816.TextField_module_error__88423816 path {\n stroke: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] .TextField_module_span__88423816 .TextField_module_icon__88423816 {\n width: 1rem;\n height: 1rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] .TextField_module_span__88423816 .TextField_module_icon__88423816.TextField_module_error__88423816.TextField_module_error__88423816 path {\n stroke: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_typeTextarea__88423816 {\n padding: 0;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_typeTextarea__88423816 > [data-elem=component2] .TextField_module_input__88423816 {\n resize: vertical;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_typeTextarea__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_md__88423816 {\n padding: 0.313rem 0.75rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_typeTextarea__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_lg__88423816 {\n padding: 0.5rem 1rem;\n font-size: 1rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_feedbackError__88423816 {\n box-shadow: 0px 0px 2px 0px var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_borderDefault__88423816 {\n border-width: 0.063rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_borderBottom__88423816 {\n border-width: 0rem 0rem 0.063rem 0rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_borderNone__88423816 {\n border-width: 0rem;\n}";
|
|
13269
|
+
var css$T = ".TextField_module_root__88423816 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 0.5rem;\n}\n.TextField_module_root__88423816 label {\n width: 100%;\n max-width: 100%;\n font-weight: 400;\n font-size: 0.75rem;\n letter-spacing: 0.02rem;\n color: var(--text-color);\n letter-spacing: 0.3199999928px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_required__88423816::after {\n content: \" *\";\n color: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.625rem;\n padding: 0.75rem;\n height: auto;\n max-width: 100%;\n width: 100%;\n border-radius: 0.25rem;\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816:focus-within {\n outline: 1px solid var(--secondary-color2);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 .TextField_module_icon__88423816 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component1] > svg {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component1] > svg.TextField_module_error__88423816 path {\n stroke: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] {\n flex: 1;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816 {\n -moz-appearance: textfield;\n flex: 1;\n background-color: var(--light-color3) !important;\n border: none;\n font-weight: 400;\n color: var(--text-color);\n font-size: 0.875rem;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::-webkit-outer-spin-button, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:focus {\n outline: none;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:disabled {\n background: var(--grey9);\n color: var(--grey3);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_error__88423816 {\n color: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_sm__88423816 {\n padding: 0rem 0.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_md__88423816 {\n padding: 0rem 0.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_lg__88423816 {\n padding: 0rem 0.5rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::-moz-placeholder {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::placeholder {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816::-moz-placeholder {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:-webkit-autofill, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:-webkit-autofill:hover, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:-webkit-autofill:focus, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n -webkit-text-fill-color: initial !important;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:autofill, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:autofill:hover, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:autofill:focus, .TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component2] .TextField_module_input__88423816:autofill:active {\n box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n -moz-text-fill-color: initial !important;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 0.75rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] button[data-elem=base-cell].TextField_module_button__88423816[type=button] {\n width: auto;\n height: -moz-fit-content;\n height: fit-content;\n padding: 0;\n background-color: transparent;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] button[data-elem=base-cell].TextField_module_button__88423816[type=button].TextField_module_error__88423816 > [data-elem=component1] .TextField_module_icon__88423816.TextField_module_error__88423816.TextField_module_error__88423816 path {\n stroke: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] .TextField_module_span__88423816 .TextField_module_icon__88423816 {\n width: 1rem;\n height: 1rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816 > [data-elem=component3] .TextField_module_span__88423816 .TextField_module_icon__88423816.TextField_module_error__88423816.TextField_module_error__88423816 path {\n stroke: var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_typeTextarea__88423816 {\n padding: 0;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_typeTextarea__88423816 > [data-elem=component2] .TextField_module_input__88423816 {\n resize: vertical;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_typeTextarea__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_md__88423816 {\n padding: 0.313rem 0.75rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_typeTextarea__88423816 > [data-elem=component2] .TextField_module_input__88423816.TextField_module_lg__88423816 {\n padding: 0.5rem 1rem;\n font-size: 1rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_feedbackError__88423816 {\n box-shadow: 0px 0px 2px 0px var(--primary-color1);\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_borderDefault__88423816 {\n border-width: 0.063rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_borderBottom__88423816 {\n border-width: 0rem 0rem 0.063rem 0rem;\n}\n.TextField_module_root__88423816 label .TextField_module_inputWrapper__88423816.TextField_module_borderNone__88423816 {\n border-width: 0rem;\n}";
|
|
13065
13270
|
var modules_c1d23762$1 = {"root":"TextField_module_root__88423816","required":"TextField_module_required__88423816","input-wrapper":"TextField_module_inputWrapper__88423816","icon":"TextField_module_icon__88423816","error":"TextField_module_error__88423816","input":"TextField_module_input__88423816","sm":"TextField_module_sm__88423816","md":"TextField_module_md__88423816","lg":"TextField_module_lg__88423816","button":"TextField_module_button__88423816","span":"TextField_module_span__88423816","type-textarea":"TextField_module_typeTextarea__88423816","feedback-error":"TextField_module_feedbackError__88423816","border-default":"TextField_module_borderDefault__88423816","border-bottom":"TextField_module_borderBottom__88423816","border-none":"TextField_module_borderNone__88423816"};
|
|
13066
|
-
n(css$
|
|
13271
|
+
n(css$T,{});
|
|
13067
13272
|
|
|
13068
13273
|
var Error$1 = function Error(props) {
|
|
13069
13274
|
var _props$className = props.className,
|
|
@@ -13140,13 +13345,13 @@ var ArrowIcon = function ArrowIcon(props) {
|
|
|
13140
13345
|
});
|
|
13141
13346
|
};
|
|
13142
13347
|
|
|
13143
|
-
var css$P = "/* Motion tokens */\n.TextField_module_root__cf763074 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n}\n.TextField_module_root__cf763074 .TextField_module_helperTextWrapper__cf763074 {\n min-height: 16px;\n align-self: stretch;\n display: flex;\n align-items: center;\n}\n.TextField_module_root__cf763074 .TextField_module_helperText__cf763074 {\n color: #646464;\n}\n.TextField_module_root__cf763074 .TextField_module_helperTextError__cf763074 {\n color: #da1e28;\n}\n.TextField_module_root__cf763074 .TextField_module_helperTextDisabled__cf763074 {\n color: #161616;\n opacity: 0.25;\n}\n.TextField_module_root__cf763074 label {\n width: 100%;\n max-width: 100%;\n font-weight: 400;\n font-size: 12px;\n letter-spacing: 0.32px;\n color: #484848;\n letter-spacing: 0.3199999928px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.TextField_module_root__cf763074 label .TextField_module_labelRow__cf763074 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n margin-bottom: 8px;\n}\n.TextField_module_root__cf763074 label .TextField_module_labelRow__cf763074 .TextField_module_required__cf763074::after {\n content: \" *\";\n color: var(--primary-color1);\n}\n.TextField_module_root__cf763074 label .TextField_module_labelRow__cf763074 .TextField_module_labelDisabled__cf763074 {\n color: #484848;\n opacity: 0.25;\n}\n.TextField_module_root__cf763074 label .TextField_module_labelRow__cf763074 .TextField_module_forgotPassword__cf763074 {\n font-family: Poppins;\n font-size: 12px;\n font-weight: 400;\n line-height: 15px;\n letter-spacing: 0.32px;\n color: #1f5fcc;\n text-decoration: underline;\n cursor: pointer;\n}\n.TextField_module_root__cf763074 label .TextField_module_labelRow__cf763074 .TextField_module_forgotPassword__cf763074:hover {\n text-decoration: underline;\n}\n.TextField_module_root__cf763074 label .TextField_module_labelRow__cf763074 .TextField_module_textCount__cf763074 {\n font-family: Poppins;\n font-size: 12px;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0.32px;\n color: #484848;\n}\n.TextField_module_root__cf763074 label .TextField_module_labelRow__cf763074 .TextField_module_textCount__cf763074,\n.TextField_module_root__cf763074 label .TextField_module_labelRow__cf763074 .TextField_module_forgotPassword__cf763074 {\n transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 {\n background-color: #f7f7f7;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 10px;\n height: 40px;\n max-width: 100%;\n width: 100%;\n border-radius: 4px;\n box-sizing: border-box;\n position: relative;\n padding: 10px 16px;\n border: 1px solid #828282;\n margin-bottom: 4px;\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074:focus-within {\n outline: none;\n border-color: #3b82f6 !important;\n box-shadow: 0 0 0 1px #3b82f6 !important;\n transition: border-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_readOnly__cf763074 {\n border: none !important;\n border-bottom: 1px solid #828282 !important;\n border-radius: 0;\n box-shadow: none !important;\n background-color: transparent;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_readOnly__cf763074 > [data-elem=component2] .TextField_module_input__cf763074 {\n background-color: transparent !important;\n resize: none !important;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_sm__cf763074 {\n height: 32px;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_md__cf763074 {\n height: 40px;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_lg__cf763074 {\n height: 48px;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_typeTextarea__cf763074 {\n height: auto;\n min-height: 48px;\n align-items: stretch;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 .TextField_module_icon__cf763074 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 .TextField_module_leftIconDisabled__cf763074 path {\n stroke: #161616;\n opacity: 0.25;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] {\n flex: 1;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074 {\n -moz-appearance: textfield;\n flex: 1;\n border: none;\n border-radius: 4px;\n font-weight: 400;\n color: var(--text-color);\n font-size: 14px;\n line-height: 18px !important;\n letter-spacing: 0.16px;\n background-color: #f7f7f7;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074::-webkit-outer-spin-button, .TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:focus {\n outline: none;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:disabled {\n background: #f7f7f7;\n color: var(--grey3);\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074.TextField_module_error__cf763074 {\n color: var(--primary-color1);\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:disabled {\n color: #161616;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:disabled::-moz-placeholder {\n color: #161616;\n opacity: 0.25;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:disabled::placeholder {\n color: #161616;\n opacity: 0.25;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074::-moz-placeholder {\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0.16px;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074::placeholder {\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0.16px;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074::-moz-placeholder {\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0.16px;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:-webkit-autofill, .TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:-webkit-autofill:hover, .TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:-webkit-autofill:focus, .TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n -webkit-text-fill-color: initial !important;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:autofill, .TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:autofill:hover, .TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:autofill:focus, .TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component2] .TextField_module_input__cf763074:autofill:active {\n box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n -moz-text-fill-color: initial !important;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 12px;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 > [data-elem=component3] button[data-elem=base-cell].TextField_module_button__cf763074[type=button] {\n width: auto;\n height: -moz-fit-content;\n height: fit-content;\n padding: 0;\n background-color: transparent;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_typeTextarea__cf763074 {\n padding: 0;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_typeTextarea__cf763074 > [data-elem=component2] .TextField_module_input__cf763074 {\n min-height: 48px;\n resize: vertical;\n padding: 12px 16px;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_typeTextarea__cf763074 > [data-elem=component3] {\n position: absolute;\n right: 12px;\n top: 12px;\n align-self: flex-end;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_feedbackError__cf763074 {\n border-color: var(--primary-color1);\n box-shadow: 0 0 0 1px var(--primary-color1);\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_borderBottom__cf763074 {\n border-width: 0px 0px 1.008px 0px;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074.TextField_module_borderNone__cf763074 {\n border-width: 0px;\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074:active {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074:has(input:disabled), .TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074:has(textarea:disabled) {\n opacity: 0.6;\n transition: opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074 button:active {\n transition-duration: 70ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074:has(input:disabled),\n.TextField_module_root__cf763074 label .TextField_module_inputWrapper__cf763074:has(textarea:disabled) {\n border: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n .TextField_module_root__cf763074 * {\n transition-duration: 1ms !important;\n animation-duration: 1ms !important;\n }\n}";
|
|
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}";
|
|
13144
13349
|
var modules_c1d23762 = {"root":"TextField_module_root__cf763074","helperTextWrapper":"TextField_module_helperTextWrapper__cf763074","helperText":"TextField_module_helperText__cf763074","helperTextError":"TextField_module_helperTextError__cf763074","helperTextDisabled":"TextField_module_helperTextDisabled__cf763074","labelRow":"TextField_module_labelRow__cf763074","required":"TextField_module_required__cf763074","labelDisabled":"TextField_module_labelDisabled__cf763074","forgotPassword":"TextField_module_forgotPassword__cf763074","textCount":"TextField_module_textCount__cf763074","input-wrapper":"TextField_module_inputWrapper__cf763074","readOnly":"TextField_module_readOnly__cf763074","input":"TextField_module_input__cf763074","sm":"TextField_module_sm__cf763074","md":"TextField_module_md__cf763074","lg":"TextField_module_lg__cf763074","type-textarea":"TextField_module_typeTextarea__cf763074","icon":"TextField_module_icon__cf763074","leftIconDisabled":"TextField_module_leftIconDisabled__cf763074","error":"TextField_module_error__cf763074","button":"TextField_module_button__cf763074","feedback-error":"TextField_module_feedbackError__cf763074","border-bottom":"TextField_module_borderBottom__cf763074","border-none":"TextField_module_borderNone__cf763074"};
|
|
13145
|
-
n(css$
|
|
13350
|
+
n(css$S,{});
|
|
13146
13351
|
|
|
13147
|
-
var css$
|
|
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}";
|
|
13148
13353
|
var modules_22fa3f10 = {"root":"Text_module_root__d10e5305","h1":"Text_module_h1__d10e5305","h2":"Text_module_h2__d10e5305","b1":"Text_module_b1__d10e5305","b2":"Text_module_b2__d10e5305","b3":"Text_module_b3__d10e5305","regular-stroke":"Text_module_regularStroke__d10e5305","medium-stroke":"Text_module_mediumStroke__d10e5305","semibold-stroke":"Text_module_semiboldStroke__d10e5305","bold-stroke":"Text_module_boldStroke__d10e5305"};
|
|
13149
|
-
n(css$
|
|
13354
|
+
n(css$R,{});
|
|
13150
13355
|
|
|
13151
13356
|
var Text = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
13152
13357
|
var _props$variant = props.variant,
|
|
@@ -13274,6 +13479,7 @@ var TextField$1 = /*#__PURE__*/forwardRef(function (props, inputRef) {
|
|
|
13274
13479
|
disabled: disabled,
|
|
13275
13480
|
readOnly: readOnly,
|
|
13276
13481
|
placeholder: placeholder,
|
|
13482
|
+
type: type,
|
|
13277
13483
|
onFocus: function onFocus() {
|
|
13278
13484
|
_onFocus === null || _onFocus === void 0 || _onFocus();
|
|
13279
13485
|
setShowAutocompleteOptions(true);
|
|
@@ -13312,7 +13518,7 @@ var TextField$1 = /*#__PURE__*/forwardRef(function (props, inputRef) {
|
|
|
13312
13518
|
}), type === 'textarea' && typeof maxLength === 'number' && jsxs("span", {
|
|
13313
13519
|
className: modules_c1d23762.textCount,
|
|
13314
13520
|
children: [inputValue.length, "/", maxLength]
|
|
13315
|
-
}),
|
|
13521
|
+
}), !disabled && linkAction && jsx("a", {
|
|
13316
13522
|
href: '#',
|
|
13317
13523
|
onClick: handleLinkClick,
|
|
13318
13524
|
className: modules_c1d23762.forgotPassword,
|
|
@@ -13465,7 +13671,7 @@ var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
|
|
|
13465
13671
|
variant: 'light',
|
|
13466
13672
|
children: jsx("span", {
|
|
13467
13673
|
className: classes(modules_c1d23762$1.span, feedback.error ? modules_c1d23762$1.error : ''),
|
|
13468
|
-
children: jsx(Info, {
|
|
13674
|
+
children: jsx(Info$1, {
|
|
13469
13675
|
className: classes(modules_c1d23762$1.icon, feedback.error ? modules_c1d23762$1.error : '')
|
|
13470
13676
|
})
|
|
13471
13677
|
})
|
|
@@ -13481,7 +13687,7 @@ var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
|
|
|
13481
13687
|
variant: 'light',
|
|
13482
13688
|
children: jsx("span", {
|
|
13483
13689
|
className: classes(modules_c1d23762$1.span, feedback.error ? modules_c1d23762$1.error : ''),
|
|
13484
|
-
children: jsx(Info, {
|
|
13690
|
+
children: jsx(Info$1, {
|
|
13485
13691
|
className: classes(modules_c1d23762$1.icon, feedback.error ? modules_c1d23762$1.error : '')
|
|
13486
13692
|
})
|
|
13487
13693
|
})
|
|
@@ -13550,22 +13756,771 @@ var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
|
|
|
13550
13756
|
});
|
|
13551
13757
|
});
|
|
13552
13758
|
|
|
13553
|
-
// eslint-disable-next-line prefer-arrow-callback
|
|
13554
|
-
var
|
|
13555
|
-
|
|
13556
|
-
|
|
13557
|
-
|
|
13558
|
-
|
|
13559
|
-
|
|
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}";
|
|
13760
|
+
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$Q,{});
|
|
13762
|
+
|
|
13763
|
+
var css$P = ".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
|
+
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$P,{});
|
|
13766
|
+
|
|
13767
|
+
var Radio = function Radio(props) {
|
|
13768
|
+
var label = props.label,
|
|
13769
|
+
checked = props.checked,
|
|
13770
|
+
defaultChecked = props.defaultChecked,
|
|
13560
13771
|
onChange = props.onChange,
|
|
13561
|
-
|
|
13562
|
-
|
|
13563
|
-
|
|
13564
|
-
|
|
13565
|
-
|
|
13566
|
-
|
|
13567
|
-
|
|
13568
|
-
|
|
13772
|
+
_props$position = props.position,
|
|
13773
|
+
position = _props$position === void 0 ? 'left' : _props$position,
|
|
13774
|
+
_props$size = props.size,
|
|
13775
|
+
size = _props$size === void 0 ? 'sm' : _props$size,
|
|
13776
|
+
className = props.className,
|
|
13777
|
+
disabled = props.disabled;
|
|
13778
|
+
// Lock controlled vs uncontrolled on first render
|
|
13779
|
+
var _useRef = useRef(checked !== undefined),
|
|
13780
|
+
isControlled = _useRef.current;
|
|
13781
|
+
// Uncontrolled state
|
|
13782
|
+
var _useState = useState(defaultChecked),
|
|
13783
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
13784
|
+
uncontrolledChecked = _useState2[0],
|
|
13785
|
+
setUncontrolledChecked = _useState2[1];
|
|
13786
|
+
var handleChange = function handleChange(event) {
|
|
13787
|
+
var _helperResult$fieldVa;
|
|
13788
|
+
// Safely extract fieldValue; fall back to event.target.checked
|
|
13789
|
+
var helperResult = inputHelper === null || inputHelper === void 0 ? void 0 : inputHelper(event);
|
|
13790
|
+
var fieldValue = (_helperResult$fieldVa = helperResult === null || helperResult === void 0 ? void 0 : helperResult.fieldValue) !== null && _helperResult$fieldVa !== void 0 ? _helperResult$fieldVa : event.target.checked;
|
|
13791
|
+
if (isControlled) {
|
|
13792
|
+
onChange === null || onChange === void 0 || onChange(event, fieldValue);
|
|
13793
|
+
} else {
|
|
13794
|
+
setUncontrolledChecked(fieldValue);
|
|
13795
|
+
}
|
|
13796
|
+
};
|
|
13797
|
+
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
13798
|
+
var CheckedIcon = RadioIcon.Checked;
|
|
13799
|
+
var UncheckedIcon = RadioIcon.UnChecked;
|
|
13800
|
+
return jsxs("label", {
|
|
13801
|
+
className: classes(modules_3705961f.root, modules_3705961f["position-".concat(position)], disabled ? modules_3705961f.disabled : '', isChecked ? modules_3705961f.selected : '', className),
|
|
13802
|
+
children: [jsx("input", {
|
|
13803
|
+
disabled: disabled,
|
|
13804
|
+
type: 'radio',
|
|
13805
|
+
// Preserve original pattern: always pass checked (undefined keeps it uncontrolled)
|
|
13806
|
+
checked: isChecked,
|
|
13807
|
+
onChange: handleChange
|
|
13808
|
+
}), isChecked ? jsx(CheckedIcon, {
|
|
13809
|
+
"data-elem": 'icon',
|
|
13810
|
+
className: classes(modules_3705961f["icon-".concat(size)], modules_3705961f.icon)
|
|
13811
|
+
}) : jsx(UncheckedIcon, {
|
|
13812
|
+
"data-elem": 'icon',
|
|
13813
|
+
className: classes(modules_3705961f["icon-".concat(size)], modules_3705961f.icon)
|
|
13814
|
+
}), label && jsx("span", {
|
|
13815
|
+
"data-elem": 'label',
|
|
13816
|
+
children: label
|
|
13817
|
+
})]
|
|
13818
|
+
});
|
|
13819
|
+
};
|
|
13820
|
+
|
|
13821
|
+
var css$O = ".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
|
+
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$O,{});
|
|
13824
|
+
|
|
13825
|
+
var css$N = ".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
|
+
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$N,{});
|
|
13828
|
+
|
|
13829
|
+
var DropdownItem$1 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
13830
|
+
var title = props.title,
|
|
13831
|
+
value = props.value,
|
|
13832
|
+
variant = props.variant,
|
|
13833
|
+
error = props.error,
|
|
13834
|
+
selected = props.selected,
|
|
13835
|
+
onKeyDown = props.onKeyDown,
|
|
13836
|
+
onMouseEnter = props.onMouseEnter,
|
|
13837
|
+
onClick = props.onClick,
|
|
13838
|
+
dataAttrs = props.dataAttrs,
|
|
13839
|
+
className = props.className,
|
|
13840
|
+
tabIndex = props.tabIndex,
|
|
13841
|
+
disabled = props.disabled,
|
|
13842
|
+
_props$intermediate = props.intermediate,
|
|
13843
|
+
intermediate = _props$intermediate === void 0 ? false : _props$intermediate,
|
|
13844
|
+
customComponent = props.customComponent;
|
|
13845
|
+
var action = null;
|
|
13846
|
+
switch (variant) {
|
|
13847
|
+
case 'checkbox':
|
|
13848
|
+
action = jsx(Checkbox, {
|
|
13849
|
+
v2: true,
|
|
13850
|
+
className: modules_bf949acd.input,
|
|
13851
|
+
checked: !!selected,
|
|
13852
|
+
intermediate: intermediate,
|
|
13853
|
+
disabledAsChild: true
|
|
13854
|
+
});
|
|
13855
|
+
break;
|
|
13856
|
+
case 'radio':
|
|
13857
|
+
action = jsx(Radio, {
|
|
13858
|
+
className: modules_bf949acd.input,
|
|
13859
|
+
checked: !!selected,
|
|
13860
|
+
disabled: !!disabled || !!error
|
|
13861
|
+
});
|
|
13862
|
+
break;
|
|
13863
|
+
}
|
|
13864
|
+
return jsxs("li", _objectSpread2(_objectSpread2({
|
|
13865
|
+
ref: ref,
|
|
13866
|
+
className: classes(modules_bf949acd.root, selected ? modules_bf949acd.selected : '', disabled ? modules_bf949acd.disabled : '', error ? modules_bf949acd.error : '', className),
|
|
13867
|
+
"data-elem": 'dropdown-item',
|
|
13868
|
+
"data-variant": variant,
|
|
13869
|
+
"data-value": value,
|
|
13870
|
+
"data-selected": selected,
|
|
13871
|
+
onClick: !disabled && !error ? onClick : undefined,
|
|
13872
|
+
onMouseEnter: onMouseEnter
|
|
13873
|
+
}, dataAttrs !== null && dataAttrs !== void 0 ? dataAttrs : {}), {}, {
|
|
13874
|
+
tabIndex: tabIndex,
|
|
13875
|
+
role: 'option',
|
|
13876
|
+
"aria-selected": !!selected,
|
|
13877
|
+
onKeyDown: onKeyDown,
|
|
13878
|
+
children: [action, customComponent !== null && customComponent !== void 0 ? customComponent : jsxs("span", {
|
|
13879
|
+
className: modules_bf949acd.title,
|
|
13880
|
+
"data-elem": 'title',
|
|
13881
|
+
children: [jsx("span", {
|
|
13882
|
+
children: title
|
|
13883
|
+
}), selected && variant !== 'checkbox' && jsx("span", {
|
|
13884
|
+
className: modules_bf949acd.icon,
|
|
13885
|
+
children: jsx(Checked, {
|
|
13886
|
+
className: modules_bf949acd['info-icon']
|
|
13887
|
+
})
|
|
13888
|
+
}), error && jsx(Tooltip, {
|
|
13889
|
+
content: error,
|
|
13890
|
+
position: 'top',
|
|
13891
|
+
className: modules_bf949acd.tooltip,
|
|
13892
|
+
variant: 'light',
|
|
13893
|
+
children: jsx("span", {
|
|
13894
|
+
className: modules_bf949acd.span,
|
|
13895
|
+
children: jsx(Info$1, {
|
|
13896
|
+
className: modules_bf949acd.icon
|
|
13897
|
+
})
|
|
13898
|
+
})
|
|
13899
|
+
})]
|
|
13900
|
+
})]
|
|
13901
|
+
}));
|
|
13902
|
+
});
|
|
13903
|
+
|
|
13904
|
+
var DropdownItem = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
13905
|
+
var title = props.title,
|
|
13906
|
+
value = props.value,
|
|
13907
|
+
variant = props.variant,
|
|
13908
|
+
error = props.error,
|
|
13909
|
+
selected = props.selected,
|
|
13910
|
+
onKeyDown = props.onKeyDown,
|
|
13911
|
+
onMouseEnter = props.onMouseEnter,
|
|
13912
|
+
onClick = props.onClick,
|
|
13913
|
+
dataAttrs = props.dataAttrs,
|
|
13914
|
+
className = props.className,
|
|
13915
|
+
tabIndex = props.tabIndex,
|
|
13916
|
+
disabled = props.disabled,
|
|
13917
|
+
customComponent = props.customComponent,
|
|
13918
|
+
_props$v = props.v2,
|
|
13919
|
+
v2 = _props$v === void 0 ? false : _props$v;
|
|
13920
|
+
if (v2) {
|
|
13921
|
+
return jsx(DropdownItem$1, _objectSpread2({}, props));
|
|
13922
|
+
}
|
|
13923
|
+
var action = null;
|
|
13924
|
+
switch (variant) {
|
|
13925
|
+
case 'checkbox':
|
|
13926
|
+
action = jsx(Checkbox, {
|
|
13927
|
+
className: modules_bf949acd$1.input,
|
|
13928
|
+
checked: !!selected,
|
|
13929
|
+
disabled: true,
|
|
13930
|
+
disabledAsChild: true
|
|
13931
|
+
});
|
|
13932
|
+
break;
|
|
13933
|
+
case 'radio':
|
|
13934
|
+
action = jsx(Radio, {
|
|
13935
|
+
className: modules_bf949acd$1.input,
|
|
13936
|
+
checked: !!selected,
|
|
13937
|
+
disabled: !!disabled || !!error
|
|
13938
|
+
});
|
|
13939
|
+
break;
|
|
13940
|
+
}
|
|
13941
|
+
return jsxs("li", _objectSpread2(_objectSpread2({
|
|
13942
|
+
ref: ref,
|
|
13943
|
+
className: classes(modules_bf949acd$1.root, selected ? modules_bf949acd$1.selected : '', disabled ? modules_bf949acd$1.disabled : '', error ? modules_bf949acd$1.error : '', className),
|
|
13944
|
+
"data-elem": 'dropdown-item',
|
|
13945
|
+
"data-variant": variant,
|
|
13946
|
+
"data-value": value,
|
|
13947
|
+
"data-selected": selected,
|
|
13948
|
+
onClick: !disabled && !error ? onClick : undefined,
|
|
13949
|
+
onMouseEnter: onMouseEnter
|
|
13950
|
+
}, dataAttrs !== null && dataAttrs !== void 0 ? dataAttrs : {}), {}, {
|
|
13951
|
+
tabIndex: tabIndex,
|
|
13952
|
+
role: 'option',
|
|
13953
|
+
"aria-selected": !!selected,
|
|
13954
|
+
onKeyDown: onKeyDown,
|
|
13955
|
+
children: [action, customComponent !== null && customComponent !== void 0 ? customComponent : jsxs("span", {
|
|
13956
|
+
className: modules_bf949acd$1.title,
|
|
13957
|
+
"data-elem": 'title',
|
|
13958
|
+
children: [jsx("span", {
|
|
13959
|
+
children: title
|
|
13960
|
+
}), error && jsx(Tooltip, {
|
|
13961
|
+
content: error,
|
|
13962
|
+
position: 'top',
|
|
13963
|
+
className: modules_bf949acd$1.tooltip,
|
|
13964
|
+
variant: 'light',
|
|
13965
|
+
children: jsx("span", {
|
|
13966
|
+
className: modules_bf949acd$1.span,
|
|
13967
|
+
children: jsx(Info$1, {
|
|
13968
|
+
className: modules_bf949acd$1.icon
|
|
13969
|
+
})
|
|
13970
|
+
})
|
|
13971
|
+
})]
|
|
13972
|
+
})]
|
|
13973
|
+
}));
|
|
13974
|
+
});
|
|
13975
|
+
|
|
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}";
|
|
13977
|
+
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$M,{});
|
|
13979
|
+
|
|
13980
|
+
// eslint-disable-next-line prefer-arrow-callback
|
|
13981
|
+
var Dropdown$1 = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
13982
|
+
var _selectedOptions$2, _items$filter, _items$filter3, _items$filter4;
|
|
13983
|
+
var _props$className = props.className,
|
|
13984
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
13985
|
+
_props$popperClassNam = props.popperClassName,
|
|
13986
|
+
popperClassName = _props$popperClassNam === void 0 ? '' : _props$popperClassNam,
|
|
13987
|
+
value = props.value,
|
|
13988
|
+
onChange = props.onChange,
|
|
13989
|
+
LeftComponent = props.leftComponent,
|
|
13990
|
+
onBlur = props.onBlur,
|
|
13991
|
+
children = props.children,
|
|
13992
|
+
highlightOnSelect = props.highlightOnSelect,
|
|
13993
|
+
label = props.label,
|
|
13994
|
+
_props$placeholder = props.placeholder,
|
|
13995
|
+
placeholder = _props$placeholder === void 0 ? 'Choose an option' : _props$placeholder,
|
|
13996
|
+
multi = props.multi,
|
|
13997
|
+
disabled = props.disabled,
|
|
13998
|
+
readOnly = props.readOnly,
|
|
13999
|
+
error = props.error,
|
|
14000
|
+
warning = props.warning,
|
|
14001
|
+
id = props.id,
|
|
14002
|
+
name = props.name,
|
|
14003
|
+
feedback = props.feedback,
|
|
14004
|
+
_props$formatter = props.formatter,
|
|
14005
|
+
formatter = _props$formatter === void 0 ? function (totalSelected) {
|
|
14006
|
+
return "".concat(totalSelected.toString(), " options applied");
|
|
14007
|
+
} : _props$formatter,
|
|
14008
|
+
required = props.required;
|
|
14009
|
+
props.valueAsCount;
|
|
14010
|
+
var caretAsUpDown = props.caretAsUpDown,
|
|
14011
|
+
search = props.search;
|
|
14012
|
+
var _useState = useState(false),
|
|
14013
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
14014
|
+
open = _useState2[0],
|
|
14015
|
+
setOpen = _useState2[1];
|
|
14016
|
+
var _useState3 = useState(null),
|
|
14017
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
14018
|
+
activeIndex = _useState4[0],
|
|
14019
|
+
setActiveIndex = _useState4[1];
|
|
14020
|
+
var _useState5 = useState(0),
|
|
14021
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
14022
|
+
selectedIndex = _useState6[0],
|
|
14023
|
+
setSelectedIndex = _useState6[1];
|
|
14024
|
+
var listItemsRef = useRef([]);
|
|
14025
|
+
// Internal input ref; expose only "value()" via DropdownRef
|
|
14026
|
+
var inputElRef = useRef(null);
|
|
14027
|
+
var isControlled = value !== undefined;
|
|
14028
|
+
// For uncontrolled input
|
|
14029
|
+
var _useState7 = useState(value),
|
|
14030
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
14031
|
+
uncontrolledValue = _useState8[0],
|
|
14032
|
+
setUncontrolledValue = _useState8[1];
|
|
14033
|
+
var _useState9 = useState(null),
|
|
14034
|
+
_useState0 = _slicedToArray(_useState9, 2),
|
|
14035
|
+
appliedMultiUncontrolledValue = _useState0[0],
|
|
14036
|
+
setAppliedMultiUncontrolledValue = _useState0[1];
|
|
14037
|
+
var _useFloating = useFloating({
|
|
14038
|
+
open: open,
|
|
14039
|
+
onOpenChange: setOpen,
|
|
14040
|
+
whileElementsMounted: autoUpdate,
|
|
14041
|
+
middleware: [offset(5), flip({
|
|
14042
|
+
padding: 8
|
|
14043
|
+
}), shift({
|
|
14044
|
+
padding: 8
|
|
14045
|
+
}), size({
|
|
14046
|
+
apply: function apply(_ref) {
|
|
14047
|
+
var rects = _ref.rects,
|
|
14048
|
+
availableHeight = _ref.availableHeight,
|
|
14049
|
+
elements = _ref.elements;
|
|
14050
|
+
Object.assign(elements.floating.style, {
|
|
14051
|
+
width: "".concat(rects.reference.width.toString(), "px"),
|
|
14052
|
+
minWidth: 'fit-content',
|
|
14053
|
+
maxHeight: "".concat(availableHeight.toString(), "px")
|
|
14054
|
+
});
|
|
14055
|
+
},
|
|
14056
|
+
padding: 8
|
|
14057
|
+
})]
|
|
14058
|
+
}),
|
|
14059
|
+
x = _useFloating.x,
|
|
14060
|
+
y = _useFloating.y,
|
|
14061
|
+
reference = _useFloating.reference,
|
|
14062
|
+
floating = _useFloating.floating,
|
|
14063
|
+
strategy = _useFloating.strategy,
|
|
14064
|
+
context = _useFloating.context;
|
|
14065
|
+
var _useInteractions = useInteractions([useClick(context, {
|
|
14066
|
+
enabled: !disabled && !readOnly,
|
|
14067
|
+
keyboardHandlers: false
|
|
14068
|
+
}), useRole(context, {
|
|
14069
|
+
role: 'listbox'
|
|
14070
|
+
}), useListNavigation(context, {
|
|
14071
|
+
listRef: listItemsRef,
|
|
14072
|
+
activeIndex: activeIndex,
|
|
14073
|
+
selectedIndex: selectedIndex,
|
|
14074
|
+
onNavigate: setActiveIndex
|
|
14075
|
+
}), useDismiss(context)]),
|
|
14076
|
+
getReferenceProps = _useInteractions.getReferenceProps,
|
|
14077
|
+
getFloatingProps = _useInteractions.getFloatingProps,
|
|
14078
|
+
getItemProps = _useInteractions.getItemProps;
|
|
14079
|
+
// Expose the imperative value() API to parent via ref
|
|
14080
|
+
useImperativeHandle(ref, function () {
|
|
14081
|
+
return {
|
|
14082
|
+
value: function value() {
|
|
14083
|
+
var _inputElRef$current$v, _inputElRef$current, _parts$;
|
|
14084
|
+
var raw = (_inputElRef$current$v = (_inputElRef$current = inputElRef.current) === null || _inputElRef$current === void 0 ? void 0 : _inputElRef$current.value) !== null && _inputElRef$current$v !== void 0 ? _inputElRef$current$v : '';
|
|
14085
|
+
var parts = raw ? raw.split(', ') : [];
|
|
14086
|
+
if (multi) return parts;
|
|
14087
|
+
return (_parts$ = parts[0]) !== null && _parts$ !== void 0 ? _parts$ : null;
|
|
14088
|
+
}
|
|
14089
|
+
};
|
|
14090
|
+
}, [multi]);
|
|
14091
|
+
var childrenArray = React__default.Children.toArray(children);
|
|
14092
|
+
var selectedOptions = useMemo(function () {
|
|
14093
|
+
var inputValue = uncontrolledValue;
|
|
14094
|
+
if (isControlled && !multi) {
|
|
14095
|
+
inputValue = value;
|
|
14096
|
+
}
|
|
14097
|
+
var options = [];
|
|
14098
|
+
if (inputValue != null && inputValue !== '') {
|
|
14099
|
+
childrenArray.forEach(function (child) {
|
|
14100
|
+
var _child$props$value$to, _child$props$value;
|
|
14101
|
+
var childVal = (_child$props$value$to = (_child$props$value = child.props.value) === null || _child$props$value === void 0 ? void 0 : _child$props$value.toString()) !== null && _child$props$value$to !== void 0 ? _child$props$value$to : '';
|
|
14102
|
+
if (multi && inputValue.includes(childVal) || !multi && inputValue === childVal) {
|
|
14103
|
+
options.push({
|
|
14104
|
+
title: child.props.title,
|
|
14105
|
+
value: childVal
|
|
14106
|
+
});
|
|
14107
|
+
}
|
|
14108
|
+
});
|
|
14109
|
+
}
|
|
14110
|
+
return options;
|
|
14111
|
+
}, [value, uncontrolledValue, multi, childrenArray, isControlled]);
|
|
14112
|
+
var getNextMultiValue = function getNextMultiValue(prev, itemValue, selected) {
|
|
14113
|
+
if (!itemValue) return prev;
|
|
14114
|
+
if (selected) {
|
|
14115
|
+
return prev.filter(function (v) {
|
|
14116
|
+
return v !== itemValue;
|
|
14117
|
+
});
|
|
14118
|
+
}
|
|
14119
|
+
return Array.from(new Set([].concat(_toConsumableArray(prev), [itemValue])));
|
|
14120
|
+
};
|
|
14121
|
+
var onSelect = function onSelect(child, selected) {
|
|
14122
|
+
return function (event) {
|
|
14123
|
+
var _itemValue$toString;
|
|
14124
|
+
// Guard: only react to real dropdown items
|
|
14125
|
+
var _event$currentTarget$ = event.currentTarget.dataset,
|
|
14126
|
+
elem = _event$currentTarget$.elem,
|
|
14127
|
+
indexAttr = _event$currentTarget$.index;
|
|
14128
|
+
if (elem !== 'dropdown-item') return;
|
|
14129
|
+
var itemValue = child.props.value;
|
|
14130
|
+
var itemValueString = (_itemValue$toString = itemValue === null || itemValue === void 0 ? void 0 : itemValue.toString()) !== null && _itemValue$toString !== void 0 ? _itemValue$toString : null;
|
|
14131
|
+
var index = Number(indexAttr !== null && indexAttr !== void 0 ? indexAttr : '0');
|
|
14132
|
+
// Clone native event and graft minimal target for form libs
|
|
14133
|
+
var nativeEvent = event.nativeEvent;
|
|
14134
|
+
var Ctor = nativeEvent.constructor;
|
|
14135
|
+
var clonedEvent = new Ctor(nativeEvent.type, nativeEvent);
|
|
14136
|
+
Object.defineProperty(clonedEvent, 'target', {
|
|
14137
|
+
writable: true,
|
|
14138
|
+
value: {
|
|
14139
|
+
value: itemValueString,
|
|
14140
|
+
name: name
|
|
14141
|
+
}
|
|
14142
|
+
});
|
|
14143
|
+
setSelectedIndex(index);
|
|
14144
|
+
if (multi) {
|
|
14145
|
+
var prev = Array.isArray(uncontrolledValue) ? uncontrolledValue : [];
|
|
14146
|
+
var next = getNextMultiValue(prev, itemValueString, selected);
|
|
14147
|
+
setUncontrolledValue(next);
|
|
14148
|
+
setActiveIndex(index);
|
|
14149
|
+
onChange(clonedEvent, next);
|
|
14150
|
+
} else {
|
|
14151
|
+
if (isControlled) {
|
|
14152
|
+
onChange(clonedEvent, itemValueString);
|
|
14153
|
+
} else {
|
|
14154
|
+
setUncontrolledValue(itemValueString);
|
|
14155
|
+
}
|
|
14156
|
+
setActiveIndex(null);
|
|
14157
|
+
setOpen(false);
|
|
14158
|
+
}
|
|
14159
|
+
};
|
|
14160
|
+
};
|
|
14161
|
+
var onNavigate = function onNavigate(child, selected) {
|
|
14162
|
+
return function (event) {
|
|
14163
|
+
var selectKey = [' ', 'Spacebar', 'Enter'].includes(event.key);
|
|
14164
|
+
if (selectKey) {
|
|
14165
|
+
event.stopPropagation();
|
|
14166
|
+
onSelect(child, selected)(event);
|
|
14167
|
+
}
|
|
14168
|
+
};
|
|
14169
|
+
};
|
|
14170
|
+
var searchInputRef = useRef(null);
|
|
14171
|
+
useEffect(function () {
|
|
14172
|
+
if (open && searchInputRef.current) {
|
|
14173
|
+
setTimeout(function () {
|
|
14174
|
+
var _searchInputRef$curre;
|
|
14175
|
+
// search input is focused when dropdown is opened
|
|
14176
|
+
(_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 || _searchInputRef$curre.focus();
|
|
14177
|
+
}, 100); // ensure dropdown is fully rendered before focusing
|
|
14178
|
+
}
|
|
14179
|
+
}, [open]);
|
|
14180
|
+
var filteredChildren = useMemo(function () {
|
|
14181
|
+
if (!(search !== null && search !== void 0 && search.value)) return childrenArray;
|
|
14182
|
+
var query = search.value.toString().toLowerCase();
|
|
14183
|
+
return childrenArray.filter(function (child) {
|
|
14184
|
+
var _child$props$value$to2, _child$props$value2;
|
|
14185
|
+
var title = typeof child.props.title === 'string' ? child.props.title.toLowerCase() : '';
|
|
14186
|
+
var value = (_child$props$value$to2 = (_child$props$value2 = child.props.value) === null || _child$props$value2 === void 0 ? void 0 : _child$props$value2.toString().toLowerCase()) !== null && _child$props$value$to2 !== void 0 ? _child$props$value$to2 : '';
|
|
14187
|
+
return title.includes(query) || value.includes(query);
|
|
14188
|
+
});
|
|
14189
|
+
}, [childrenArray, search === null || search === void 0 ? void 0 : search.value]);
|
|
14190
|
+
var items = filteredChildren.map(function (child, index) {
|
|
14191
|
+
var _child$props$dataAttr;
|
|
14192
|
+
var isSelected = false;
|
|
14193
|
+
if (selectedOptions.findIndex(function (o) {
|
|
14194
|
+
var _child$props$value3;
|
|
14195
|
+
return o.value === ((_child$props$value3 = child.props.value) === null || _child$props$value3 === void 0 ? void 0 : _child$props$value3.toString());
|
|
14196
|
+
}) !== -1) {
|
|
14197
|
+
isSelected = true;
|
|
14198
|
+
}
|
|
14199
|
+
return /*#__PURE__*/React__default.cloneElement(child, _objectSpread2({}, getItemProps(_objectSpread2(_objectSpread2({
|
|
14200
|
+
key: child.props.value,
|
|
14201
|
+
onKeyDown: onNavigate(child, isSelected),
|
|
14202
|
+
onClick: function onClick(event) {
|
|
14203
|
+
onSelect(child, isSelected)(event);
|
|
14204
|
+
},
|
|
14205
|
+
onMouseEnter: function onMouseEnter() {
|
|
14206
|
+
setActiveIndex(index);
|
|
14207
|
+
}
|
|
14208
|
+
}, (_child$props$dataAttr = child.props.dataAttrs) !== null && _child$props$dataAttr !== void 0 ? _child$props$dataAttr : {}), {}, {
|
|
14209
|
+
selected: isSelected,
|
|
14210
|
+
tabIndex: activeIndex === index ? 0 : -1,
|
|
14211
|
+
ref: function ref(node) {
|
|
14212
|
+
listItemsRef.current[index] = node;
|
|
14213
|
+
}
|
|
14214
|
+
}))));
|
|
14215
|
+
});
|
|
14216
|
+
var _useState1 = useState(false),
|
|
14217
|
+
_useState10 = _slicedToArray(_useState1, 2),
|
|
14218
|
+
pointer = _useState10[0],
|
|
14219
|
+
setPointer = _useState10[1];
|
|
14220
|
+
if (!open && pointer) setPointer(false);
|
|
14221
|
+
useLayoutEffect(function () {
|
|
14222
|
+
if (open && activeIndex != null && !pointer) {
|
|
14223
|
+
requestAnimationFrame(function () {
|
|
14224
|
+
var _listItemsRef$current;
|
|
14225
|
+
(_listItemsRef$current = listItemsRef.current[activeIndex]) === null || _listItemsRef$current === void 0 || _listItemsRef$current.scrollIntoView({
|
|
14226
|
+
block: 'nearest'
|
|
14227
|
+
});
|
|
14228
|
+
});
|
|
14229
|
+
}
|
|
14230
|
+
}, [open, activeIndex, pointer]);
|
|
14231
|
+
useEffect(function () {
|
|
14232
|
+
if (multi && isControlled) {
|
|
14233
|
+
setUncontrolledValue(value);
|
|
14234
|
+
}
|
|
14235
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
14236
|
+
}, [open, multi, value]);
|
|
14237
|
+
var onSelectAll = function onSelectAll(event, selected) {
|
|
14238
|
+
var nativeEvent = event.nativeEvent;
|
|
14239
|
+
var Ctor = nativeEvent.constructor;
|
|
14240
|
+
var clonedEvent = new Ctor(nativeEvent.type, nativeEvent);
|
|
14241
|
+
var itemValue = [];
|
|
14242
|
+
if (selected) {
|
|
14243
|
+
itemValue = childrenArray.map(function (child) {
|
|
14244
|
+
var _child$props$value$to3, _child$props$value4;
|
|
14245
|
+
return (_child$props$value$to3 = (_child$props$value4 = child.props.value) === null || _child$props$value4 === void 0 ? void 0 : _child$props$value4.toString()) !== null && _child$props$value$to3 !== void 0 ? _child$props$value$to3 : '';
|
|
14246
|
+
});
|
|
14247
|
+
}
|
|
14248
|
+
var nextValue = selected ? childrenArray.map(function (child) {
|
|
14249
|
+
var _child$props$value$to4, _child$props$value5;
|
|
14250
|
+
return (_child$props$value$to4 = (_child$props$value5 = child.props.value) === null || _child$props$value5 === void 0 ? void 0 : _child$props$value5.toString()) !== null && _child$props$value$to4 !== void 0 ? _child$props$value$to4 : '';
|
|
14251
|
+
}) : [];
|
|
14252
|
+
Object.defineProperty(clonedEvent, 'target', {
|
|
14253
|
+
writable: true,
|
|
14254
|
+
value: {
|
|
14255
|
+
value: itemValue,
|
|
14256
|
+
name: name
|
|
14257
|
+
}
|
|
14258
|
+
});
|
|
14259
|
+
setUncontrolledValue(itemValue);
|
|
14260
|
+
setActiveIndex(0);
|
|
14261
|
+
onChange(clonedEvent, nextValue);
|
|
14262
|
+
};
|
|
14263
|
+
var getValueToDisplay = function getValueToDisplay() {
|
|
14264
|
+
if ((selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) > 0) {
|
|
14265
|
+
var _selectedOptions$leng;
|
|
14266
|
+
return jsxs("div", {
|
|
14267
|
+
className: modules_1b90f5ea.title,
|
|
14268
|
+
children: [jsx(BaseButton, {
|
|
14269
|
+
className: modules_1b90f5ea.chip,
|
|
14270
|
+
title: selectedOptions === null || selectedOptions === void 0 || (_selectedOptions$leng = selectedOptions.length) === null || _selectedOptions$leng === void 0 ? void 0 : _selectedOptions$leng.toString(),
|
|
14271
|
+
onClick: function onClick(event) {
|
|
14272
|
+
event.stopPropagation();
|
|
14273
|
+
return onSelectAll(event, false);
|
|
14274
|
+
},
|
|
14275
|
+
component3: jsx(Cross, {
|
|
14276
|
+
className: modules_1b90f5ea['cross-icon']
|
|
14277
|
+
})
|
|
14278
|
+
}), jsx("div", {
|
|
14279
|
+
"data-elem": 'placeholder',
|
|
14280
|
+
className: modules_1b90f5ea.placeholder,
|
|
14281
|
+
children: "Choose options"
|
|
14282
|
+
})]
|
|
14283
|
+
});
|
|
14284
|
+
}
|
|
14285
|
+
if (!isControlled && appliedMultiUncontrolledValue && appliedMultiUncontrolledValue.length > 0) {
|
|
14286
|
+
if (appliedMultiUncontrolledValue.length === 1) {
|
|
14287
|
+
var selectedItem = items.find(function (i) {
|
|
14288
|
+
return i.props.value == appliedMultiUncontrolledValue[0];
|
|
14289
|
+
});
|
|
14290
|
+
return selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.props.title;
|
|
14291
|
+
}
|
|
14292
|
+
return formatter(appliedMultiUncontrolledValue.length);
|
|
14293
|
+
}
|
|
14294
|
+
if (!isControlled) {
|
|
14295
|
+
var _selectedItem = items.find(function (i) {
|
|
14296
|
+
return i.props.value == uncontrolledValue;
|
|
14297
|
+
});
|
|
14298
|
+
return _selectedItem === null || _selectedItem === void 0 ? void 0 : _selectedItem.props.title;
|
|
14299
|
+
}
|
|
14300
|
+
return '';
|
|
14301
|
+
};
|
|
14302
|
+
var getLeftComponent = function getLeftComponent() {
|
|
14303
|
+
if (LeftComponent) {
|
|
14304
|
+
if (_typeof$1(LeftComponent) === 'object' && (LeftComponent.Active || LeftComponent.InActive)) {
|
|
14305
|
+
if (highlightOnSelect && (Array.isArray(value) ? value.length > 0 : !!value)) {
|
|
14306
|
+
return LeftComponent.Active ? jsx(LeftComponent.Active, {}) : null;
|
|
14307
|
+
}
|
|
14308
|
+
return LeftComponent.InActive ? jsx(LeftComponent.InActive, {}) : null;
|
|
14309
|
+
}
|
|
14310
|
+
if (typeof LeftComponent === 'function') {
|
|
14311
|
+
return jsx(LeftComponent, {});
|
|
14312
|
+
}
|
|
14313
|
+
}
|
|
14314
|
+
return null;
|
|
14315
|
+
};
|
|
14316
|
+
var content = jsx("div", {
|
|
14317
|
+
"data-elem": 'placeholder',
|
|
14318
|
+
className: classes(modules_1b90f5ea.placeholder, disabled ? modules_1b90f5ea.disabled : ''),
|
|
14319
|
+
children: placeholder
|
|
14320
|
+
});
|
|
14321
|
+
if (getValueToDisplay()) {
|
|
14322
|
+
content = jsx("div", {
|
|
14323
|
+
"data-elem": 'value',
|
|
14324
|
+
children: getValueToDisplay()
|
|
14325
|
+
});
|
|
14326
|
+
}
|
|
14327
|
+
var isSearchSelected = function isSearchSelected() {
|
|
14328
|
+
var _selectedOptions$;
|
|
14329
|
+
return (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) > 0 && ((_selectedOptions$ = selectedOptions[0]) === null || _selectedOptions$ === void 0 ? void 0 : _selectedOptions$.value) != null;
|
|
14330
|
+
};
|
|
14331
|
+
var clearSelections = function clearSelections(event) {
|
|
14332
|
+
event.stopPropagation();
|
|
14333
|
+
setUncontrolledValue(null);
|
|
14334
|
+
setAppliedMultiUncontrolledValue(null);
|
|
14335
|
+
setSelectedIndex(0);
|
|
14336
|
+
setActiveIndex(null);
|
|
14337
|
+
onChange(event, null);
|
|
14338
|
+
};
|
|
14339
|
+
return jsxs("div", {
|
|
14340
|
+
className: classes(modules_1b90f5ea.root, open ? modules_1b90f5ea.open : '', disabled ? modules_1b90f5ea.disabled : '', readOnly ? modules_1b90f5ea['read-only'] : '', className),
|
|
14341
|
+
children: [label && jsx("div", {
|
|
14342
|
+
"data-elem": 'label',
|
|
14343
|
+
className: classes(modules_1b90f5ea.label, required ? modules_1b90f5ea.required : '', disabled ? modules_1b90f5ea.disabled : ''),
|
|
14344
|
+
children: jsx("span", {
|
|
14345
|
+
children: label
|
|
14346
|
+
})
|
|
14347
|
+
}), jsxs("div", _objectSpread2(_objectSpread2({
|
|
14348
|
+
"data-elem": 'header',
|
|
14349
|
+
className: classes(modules_1b90f5ea.header, disabled ? modules_1b90f5ea.disabled : '', readOnly ? modules_1b90f5ea['read-only'] : '', error ? modules_1b90f5ea.error : ' ', open ? modules_1b90f5ea.open : '', (Array.isArray(value) ? value.length > 0 : !!value) && highlightOnSelect ? modules_1b90f5ea.highlightOnSelect : ''),
|
|
14350
|
+
ref: reference
|
|
14351
|
+
}, getReferenceProps()), {}, {
|
|
14352
|
+
children: [jsx("input", {
|
|
14353
|
+
id: id,
|
|
14354
|
+
name: name,
|
|
14355
|
+
ref: inputElRef,
|
|
14356
|
+
disabled: disabled,
|
|
14357
|
+
tabIndex: 0,
|
|
14358
|
+
className: modules_1b90f5ea.input,
|
|
14359
|
+
onKeyDown: function onKeyDown(event) {
|
|
14360
|
+
var validKey = [' ', 'Spacebar', 'Enter'].includes(event.key);
|
|
14361
|
+
if (validKey) setOpen(true);
|
|
14362
|
+
},
|
|
14363
|
+
onBlur: onBlur,
|
|
14364
|
+
value: selectedOptions.map(function (o) {
|
|
14365
|
+
return o.value;
|
|
14366
|
+
}).join(', '),
|
|
14367
|
+
readOnly: true
|
|
14368
|
+
}), search ? jsxs("div", {
|
|
14369
|
+
className: classes(modules_1b90f5ea.search, disabled ? modules_1b90f5ea.disabled : '', readOnly ? modules_1b90f5ea['read-only'] : '', feedback != null ? modules_1b90f5ea["feedback-".concat(feedback.type)] : ''),
|
|
14370
|
+
children: [isSearchSelected() && jsx("div", {
|
|
14371
|
+
className: modules_1b90f5ea.selected,
|
|
14372
|
+
children: jsx("span", {
|
|
14373
|
+
children: (_selectedOptions$2 = selectedOptions[0]) === null || _selectedOptions$2 === void 0 ? void 0 : _selectedOptions$2.title
|
|
14374
|
+
})
|
|
14375
|
+
}), !isSearchSelected() && jsx(TextField, {
|
|
14376
|
+
v2: true,
|
|
14377
|
+
disabled: readOnly || disabled,
|
|
14378
|
+
ref: searchInputRef,
|
|
14379
|
+
className: classes(modules_1b90f5ea['text-field'], disabled ? modules_1b90f5ea.disabled : '', readOnly ? modules_1b90f5ea['read-only'] : '', feedback != null ? modules_1b90f5ea["feedback-".concat(feedback.type)] : ''),
|
|
14380
|
+
placeholder: search.placeholder,
|
|
14381
|
+
value: search.value,
|
|
14382
|
+
onKeyDown: function onKeyDown(e) {
|
|
14383
|
+
e.stopPropagation();
|
|
14384
|
+
},
|
|
14385
|
+
onChange: function onChange(e) {
|
|
14386
|
+
search.onChange(e.target.value);
|
|
14387
|
+
}
|
|
14388
|
+
}), jsxs("div", {
|
|
14389
|
+
className: modules_1b90f5ea['icon-bundle'],
|
|
14390
|
+
children: [error && jsx("span", {
|
|
14391
|
+
className: modules_1b90f5ea.span,
|
|
14392
|
+
children: jsx(Info, {
|
|
14393
|
+
className: classes(modules_1b90f5ea['info-icon'], error ? modules_1b90f5ea['error-icon'] : '')
|
|
14394
|
+
})
|
|
14395
|
+
}), isSearchSelected() && jsx("div", {
|
|
14396
|
+
onClick: clearSelections,
|
|
14397
|
+
children: jsx(Cross, {
|
|
14398
|
+
className: classes(modules_1b90f5ea['crossIcon'])
|
|
14399
|
+
})
|
|
14400
|
+
}), warning && jsx("span", {
|
|
14401
|
+
className: modules_1b90f5ea.span,
|
|
14402
|
+
children: jsx(Info, {
|
|
14403
|
+
className: classes(modules_1b90f5ea['info-icon'], warning ? modules_1b90f5ea['warning-icon'] : '')
|
|
14404
|
+
})
|
|
14405
|
+
}), caretAsUpDown ? jsx(Caret, {
|
|
14406
|
+
className: classes(modules_1b90f5ea['caret-icon-upDown'], open ? modules_1b90f5ea.open : '', disabled ? modules_1b90f5ea.disabled : ''),
|
|
14407
|
+
upDown: true
|
|
14408
|
+
}) : jsx(Caret, {
|
|
14409
|
+
"data-elem": 'icon',
|
|
14410
|
+
className: classes(modules_1b90f5ea['caret-icon'], open ? modules_1b90f5ea.open : '', disabled ? modules_1b90f5ea.disabled : '')
|
|
14411
|
+
})]
|
|
14412
|
+
})]
|
|
14413
|
+
}) : jsxs("div", {
|
|
14414
|
+
"data-elem": 'select',
|
|
14415
|
+
role: 'button',
|
|
14416
|
+
className: classes(modules_1b90f5ea.select, disabled ? modules_1b90f5ea.disabled : '', readOnly ? modules_1b90f5ea['read-only'] : '', feedback != null ? modules_1b90f5ea["feedback-".concat(feedback.type)] : ''),
|
|
14417
|
+
children: [getLeftComponent(), content, jsxs("div", {
|
|
14418
|
+
className: modules_1b90f5ea['icon-bundle'],
|
|
14419
|
+
children: [error && jsx("span", {
|
|
14420
|
+
className: modules_1b90f5ea.span,
|
|
14421
|
+
children: jsx(Info, {
|
|
14422
|
+
className: classes(modules_1b90f5ea['info-icon'], error ? modules_1b90f5ea['error-icon'] : '')
|
|
14423
|
+
})
|
|
14424
|
+
}), warning && jsx("span", {
|
|
14425
|
+
className: modules_1b90f5ea.span,
|
|
14426
|
+
children: jsx(Info, {
|
|
14427
|
+
className: classes(modules_1b90f5ea['info-icon'], warning ? modules_1b90f5ea['warning-icon'] : '')
|
|
14428
|
+
})
|
|
14429
|
+
}), caretAsUpDown ? jsx(Caret, {
|
|
14430
|
+
className: classes(modules_1b90f5ea['caret-icon-upDown'], open ? modules_1b90f5ea.open : '', disabled ? modules_1b90f5ea.disabled : ''),
|
|
14431
|
+
upDown: true
|
|
14432
|
+
}) : jsx(Caret, {
|
|
14433
|
+
"data-elem": 'icon',
|
|
14434
|
+
className: classes(modules_1b90f5ea['caret-icon'], open ? modules_1b90f5ea.open : '', disabled ? modules_1b90f5ea.disabled : '')
|
|
14435
|
+
})]
|
|
14436
|
+
})]
|
|
14437
|
+
})]
|
|
14438
|
+
})), (error || warning) && jsx("div", {
|
|
14439
|
+
"data-elem": 'info',
|
|
14440
|
+
className: classes(modules_1b90f5ea.info, error ? modules_1b90f5ea['error-info'] : ''),
|
|
14441
|
+
children: jsx("span", {
|
|
14442
|
+
children: (error === null || error === void 0 ? void 0 : error.toString()) || (warning === null || warning === void 0 ? void 0 : warning.toString())
|
|
14443
|
+
})
|
|
14444
|
+
}), jsx(Popper, {
|
|
14445
|
+
open: open && items.length > 0,
|
|
14446
|
+
wrapperId: 'dropdown-popper',
|
|
14447
|
+
children: open && jsx(FloatingFocusManager, {
|
|
14448
|
+
context: context,
|
|
14449
|
+
initialFocus: -1,
|
|
14450
|
+
modal: false,
|
|
14451
|
+
children: jsxs(motion.ul, _objectSpread2(_objectSpread2({
|
|
14452
|
+
"data-elem": 'body'
|
|
14453
|
+
}, getFloatingProps({
|
|
14454
|
+
role: 'group',
|
|
14455
|
+
ref: floating,
|
|
14456
|
+
onKeyDown: function onKeyDown(event) {
|
|
14457
|
+
setPointer(false);
|
|
14458
|
+
if (event.key === 'Tab' && !multi) setOpen(false);
|
|
14459
|
+
},
|
|
14460
|
+
onPointerMove: function onPointerMove() {
|
|
14461
|
+
setPointer(true);
|
|
14462
|
+
},
|
|
14463
|
+
style: {
|
|
14464
|
+
position: strategy,
|
|
14465
|
+
top: y !== null && y !== void 0 ? y : 0,
|
|
14466
|
+
left: x !== null && x !== void 0 ? x : 0
|
|
14467
|
+
},
|
|
14468
|
+
className: classes(modules_1b90f5ea.body, modules_1b90f5ea.open, multi ? modules_1b90f5ea.multi : '', popperClassName)
|
|
14469
|
+
})), {}, {
|
|
14470
|
+
initial: {
|
|
14471
|
+
opacity: 0,
|
|
14472
|
+
scale: 0
|
|
14473
|
+
},
|
|
14474
|
+
animate: {
|
|
14475
|
+
opacity: 1,
|
|
14476
|
+
scale: 1
|
|
14477
|
+
},
|
|
14478
|
+
children: [multi && jsx(DropdownItem, {
|
|
14479
|
+
v2: true,
|
|
14480
|
+
title: 'All',
|
|
14481
|
+
value: 'all',
|
|
14482
|
+
selected: (items === null || items === void 0 || (_items$filter = items.filter) === null || _items$filter === void 0 || (_items$filter = _items$filter.call(items, function (item) {
|
|
14483
|
+
var _item$props;
|
|
14484
|
+
return item === null || item === void 0 || (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.selected;
|
|
14485
|
+
})) === null || _items$filter === void 0 ? void 0 : _items$filter.length) > 0,
|
|
14486
|
+
onClick: function onClick(event) {
|
|
14487
|
+
var _items$filter2;
|
|
14488
|
+
return onSelectAll(event, (items === null || items === void 0 || (_items$filter2 = items.filter) === null || _items$filter2 === void 0 || (_items$filter2 = _items$filter2.call(items, function (item) {
|
|
14489
|
+
var _item$props2;
|
|
14490
|
+
return item === null || item === void 0 || (_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.selected;
|
|
14491
|
+
})) === null || _items$filter2 === void 0 ? void 0 : _items$filter2.length) !== (items === null || items === void 0 ? void 0 : items.length));
|
|
14492
|
+
},
|
|
14493
|
+
variant: 'checkbox',
|
|
14494
|
+
intermediate: (items === null || items === void 0 || (_items$filter3 = items.filter) === null || _items$filter3 === void 0 || (_items$filter3 = _items$filter3.call(items, function (item) {
|
|
14495
|
+
var _item$props3;
|
|
14496
|
+
return item === null || item === void 0 || (_item$props3 = item.props) === null || _item$props3 === void 0 ? void 0 : _item$props3.selected;
|
|
14497
|
+
})) === null || _items$filter3 === void 0 ? void 0 : _items$filter3.length) > 0 && (items === null || items === void 0 || (_items$filter4 = items.filter) === null || _items$filter4 === void 0 || (_items$filter4 = _items$filter4.call(items, function (item) {
|
|
14498
|
+
var _item$props4;
|
|
14499
|
+
return item === null || item === void 0 || (_item$props4 = item.props) === null || _item$props4 === void 0 ? void 0 : _item$props4.selected;
|
|
14500
|
+
})) === null || _items$filter4 === void 0 ? void 0 : _items$filter4.length) !== (items === null || items === void 0 ? void 0 : items.length)
|
|
14501
|
+
}, 'all'), items]
|
|
14502
|
+
}))
|
|
14503
|
+
})
|
|
14504
|
+
})]
|
|
14505
|
+
});
|
|
14506
|
+
});
|
|
14507
|
+
|
|
14508
|
+
// eslint-disable-next-line prefer-arrow-callback
|
|
14509
|
+
var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
14510
|
+
var _props$className = props.className,
|
|
14511
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
14512
|
+
_props$popperClassNam = props.popperClassName,
|
|
14513
|
+
popperClassName = _props$popperClassNam === void 0 ? '' : _props$popperClassNam,
|
|
14514
|
+
value = props.value,
|
|
14515
|
+
onChange = props.onChange,
|
|
14516
|
+
LeftComponent = props.leftComponent,
|
|
14517
|
+
onBlur = props.onBlur,
|
|
14518
|
+
children = props.children,
|
|
14519
|
+
highlightOnSelect = props.highlightOnSelect,
|
|
14520
|
+
label = props.label,
|
|
14521
|
+
_props$placeholder = props.placeholder,
|
|
14522
|
+
placeholder = _props$placeholder === void 0 ? 'Select an option' : _props$placeholder,
|
|
14523
|
+
multi = props.multi,
|
|
13569
14524
|
disabled = props.disabled,
|
|
13570
14525
|
error = props.error,
|
|
13571
14526
|
id = props.id,
|
|
@@ -13579,7 +14534,9 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
13579
14534
|
multiSelectActionTitle = props.multiSelectActionTitle,
|
|
13580
14535
|
valueAsCount = props.valueAsCount,
|
|
13581
14536
|
caretAsUpDown = props.caretAsUpDown,
|
|
13582
|
-
search = props.search
|
|
14537
|
+
search = props.search,
|
|
14538
|
+
_props$v = props.v2,
|
|
14539
|
+
v2 = _props$v === void 0 ? false : _props$v;
|
|
13583
14540
|
var _useState = useState(false),
|
|
13584
14541
|
_useState2 = _slicedToArray(_useState, 2),
|
|
13585
14542
|
open = _useState2[0],
|
|
@@ -13789,6 +14746,9 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
13789
14746
|
}
|
|
13790
14747
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
13791
14748
|
}, [open, multi, value]);
|
|
14749
|
+
if (v2) {
|
|
14750
|
+
return jsx(Dropdown$1, _objectSpread2({}, props));
|
|
14751
|
+
}
|
|
13792
14752
|
var onSelectAll = function onSelectAll(event, selected) {
|
|
13793
14753
|
var nativeEvent = event.nativeEvent;
|
|
13794
14754
|
var Ctor = nativeEvent.constructor;
|
|
@@ -13890,16 +14850,16 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
13890
14850
|
});
|
|
13891
14851
|
}
|
|
13892
14852
|
return jsxs("div", {
|
|
13893
|
-
className: classes(modules_1b90f5ea.root, open ? modules_1b90f5ea.open : '', disabled || error ? modules_1b90f5ea.disabled : '', className),
|
|
14853
|
+
className: classes(modules_1b90f5ea$1.root, open ? modules_1b90f5ea$1.open : '', disabled || error ? modules_1b90f5ea$1.disabled : '', className),
|
|
13894
14854
|
children: [label && jsx("div", {
|
|
13895
14855
|
"data-elem": 'label',
|
|
13896
|
-
className: classes(modules_1b90f5ea.label, required ? modules_1b90f5ea.required : ''),
|
|
14856
|
+
className: classes(modules_1b90f5ea$1.label, required ? modules_1b90f5ea$1.required : ''),
|
|
13897
14857
|
children: jsx("span", {
|
|
13898
14858
|
children: label
|
|
13899
14859
|
})
|
|
13900
14860
|
}), jsxs("div", _objectSpread2(_objectSpread2({
|
|
13901
14861
|
"data-elem": 'header',
|
|
13902
|
-
className: classes(modules_1b90f5ea.header, error ? modules_1b90f5ea.error : ' ', open ? modules_1b90f5ea.open : '', (Array.isArray(value) ? value.length > 0 : !!value) && highlightOnSelect ? modules_1b90f5ea.highlightOnSelect : ''),
|
|
14862
|
+
className: classes(modules_1b90f5ea$1.header, error ? modules_1b90f5ea$1.error : ' ', open ? modules_1b90f5ea$1.open : '', (Array.isArray(value) ? value.length > 0 : !!value) && highlightOnSelect ? modules_1b90f5ea$1.highlightOnSelect : ''),
|
|
13903
14863
|
ref: reference
|
|
13904
14864
|
}, getReferenceProps()), {}, {
|
|
13905
14865
|
children: [jsx("input", {
|
|
@@ -13908,7 +14868,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
13908
14868
|
ref: inputElRef,
|
|
13909
14869
|
disabled: disabled,
|
|
13910
14870
|
tabIndex: 0,
|
|
13911
|
-
className: modules_1b90f5ea.input,
|
|
14871
|
+
className: modules_1b90f5ea$1.input,
|
|
13912
14872
|
onKeyDown: function onKeyDown(event) {
|
|
13913
14873
|
var validKey = [' ', 'Spacebar', 'Enter'].includes(event.key);
|
|
13914
14874
|
if (validKey) setOpen(true);
|
|
@@ -13921,26 +14881,26 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
13921
14881
|
}), jsxs("div", {
|
|
13922
14882
|
"data-elem": 'select',
|
|
13923
14883
|
role: 'button',
|
|
13924
|
-
className: classes(modules_1b90f5ea.select, feedback != null ? modules_1b90f5ea["feedback-".concat(feedback.type)] : ''),
|
|
14884
|
+
className: classes(modules_1b90f5ea$1.select, feedback != null ? modules_1b90f5ea$1["feedback-".concat(feedback.type)] : ''),
|
|
13925
14885
|
children: [getLeftComponent(), content, jsxs("div", {
|
|
13926
|
-
className: modules_1b90f5ea['icon-bundle'],
|
|
14886
|
+
className: modules_1b90f5ea$1['icon-bundle'],
|
|
13927
14887
|
children: [error && jsx(Tooltip, {
|
|
13928
14888
|
content: error.toString(),
|
|
13929
14889
|
position: 'top',
|
|
13930
|
-
className: modules_1b90f5ea.tooltip,
|
|
14890
|
+
className: modules_1b90f5ea$1.tooltip,
|
|
13931
14891
|
variant: 'light',
|
|
13932
14892
|
children: jsx("span", {
|
|
13933
|
-
className: modules_1b90f5ea.span,
|
|
13934
|
-
children: jsx(Info, {
|
|
13935
|
-
className: modules_1b90f5ea['info-icon']
|
|
14893
|
+
className: modules_1b90f5ea$1.span,
|
|
14894
|
+
children: jsx(Info$1, {
|
|
14895
|
+
className: modules_1b90f5ea$1['info-icon']
|
|
13936
14896
|
})
|
|
13937
14897
|
})
|
|
13938
14898
|
}), caretAsUpDown ? jsx(Caret, {
|
|
13939
|
-
className: classes(modules_1b90f5ea['caret-icon-upDown'], open ? modules_1b90f5ea.open : ''),
|
|
14899
|
+
className: classes(modules_1b90f5ea$1['caret-icon-upDown'], open ? modules_1b90f5ea$1.open : ''),
|
|
13940
14900
|
upDown: true
|
|
13941
14901
|
}) : jsx(Caret, {
|
|
13942
14902
|
"data-elem": 'icon',
|
|
13943
|
-
className: classes(modules_1b90f5ea['caret-icon'], open ? modules_1b90f5ea.open : '')
|
|
14903
|
+
className: classes(modules_1b90f5ea$1['caret-icon'], open ? modules_1b90f5ea$1.open : '')
|
|
13944
14904
|
})]
|
|
13945
14905
|
})]
|
|
13946
14906
|
})]
|
|
@@ -13968,7 +14928,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
13968
14928
|
top: y !== null && y !== void 0 ? y : 0,
|
|
13969
14929
|
left: x !== null && x !== void 0 ? x : 0
|
|
13970
14930
|
},
|
|
13971
|
-
className: classes(modules_1b90f5ea.body, modules_1b90f5ea.open, multi ? modules_1b90f5ea.multi : '', popperClassName)
|
|
14931
|
+
className: classes(modules_1b90f5ea$1.body, modules_1b90f5ea$1.open, multi ? modules_1b90f5ea$1.multi : '', popperClassName)
|
|
13972
14932
|
})), {}, {
|
|
13973
14933
|
initial: {
|
|
13974
14934
|
opacity: 0,
|
|
@@ -13980,17 +14940,17 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
13980
14940
|
},
|
|
13981
14941
|
children: [multi && jsxs("li", {
|
|
13982
14942
|
ref: multiOptionsRef,
|
|
13983
|
-
className: modules_1b90f5ea['multi-options'],
|
|
14943
|
+
className: modules_1b90f5ea$1['multi-options'],
|
|
13984
14944
|
tabIndex: -1,
|
|
13985
14945
|
children: [jsx(Button, {
|
|
13986
|
-
className: modules_1b90f5ea.button,
|
|
14946
|
+
className: modules_1b90f5ea$1.button,
|
|
13987
14947
|
blurOnClick: false,
|
|
13988
14948
|
title: 'Select All',
|
|
13989
14949
|
variant: 'contained',
|
|
13990
14950
|
type: 'button',
|
|
13991
14951
|
leftComponent: function leftComponent() {
|
|
13992
14952
|
return jsx(SelectAll, {
|
|
13993
|
-
className: modules_1b90f5ea.icon
|
|
14953
|
+
className: modules_1b90f5ea$1.icon
|
|
13994
14954
|
});
|
|
13995
14955
|
},
|
|
13996
14956
|
onClick: function onClick(event) {
|
|
@@ -14000,20 +14960,20 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
14000
14960
|
onSelectAll(event, true);
|
|
14001
14961
|
}
|
|
14002
14962
|
}), selectedOptions.length > 0 && jsx("span", {
|
|
14003
|
-
className: modules_1b90f5ea.items,
|
|
14963
|
+
className: modules_1b90f5ea$1.items,
|
|
14004
14964
|
children: selectedItemsLabel
|
|
14005
14965
|
})]
|
|
14006
14966
|
}), search && jsx(TextField, {
|
|
14007
|
-
className: modules_1b90f5ea.search,
|
|
14967
|
+
className: modules_1b90f5ea$1.search,
|
|
14008
14968
|
placeholder: search.placeholder,
|
|
14009
14969
|
value: search.value,
|
|
14010
14970
|
onChange: function onChange(e) {
|
|
14011
14971
|
search.onChange(e.target.value);
|
|
14012
14972
|
}
|
|
14013
14973
|
}), items, multi && jsxs("div", {
|
|
14014
|
-
className: modules_1b90f5ea.footer,
|
|
14974
|
+
className: modules_1b90f5ea$1.footer,
|
|
14015
14975
|
children: [jsx(Button, {
|
|
14016
|
-
className: modules_1b90f5ea['multi-clear'],
|
|
14976
|
+
className: modules_1b90f5ea$1['multi-clear'],
|
|
14017
14977
|
blurOnClick: false,
|
|
14018
14978
|
title: 'Clear',
|
|
14019
14979
|
size: 'auto',
|
|
@@ -14025,7 +14985,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
14025
14985
|
onSelectAll(event, false);
|
|
14026
14986
|
}
|
|
14027
14987
|
}), jsx(Button, {
|
|
14028
|
-
className: modules_1b90f5ea['multi-apply'],
|
|
14988
|
+
className: modules_1b90f5ea$1['multi-apply'],
|
|
14029
14989
|
title: selectedOptions.length === 0 ? 'Apply' : multiSelectActionTitle !== null && multiSelectActionTitle !== void 0 ? multiSelectActionTitle : 'Apply',
|
|
14030
14990
|
size: 'auto',
|
|
14031
14991
|
onClick: onApply
|
|
@@ -14037,135 +14997,6 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
|
|
|
14037
14997
|
});
|
|
14038
14998
|
});
|
|
14039
14999
|
|
|
14040
|
-
var css$N = ".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}";
|
|
14041
|
-
var modules_3705961f = {"root":"Radio_module_root__c3d663ec","position-left":"Radio_module_positionLeft__c3d663ec","position-right":"Radio_module_positionRight__c3d663ec","disabled":"Radio_module_disabled__c3d663ec","icon":"Radio_module_icon__c3d663ec","selected":"Radio_module_selected__c3d663ec","icon-sm":"Radio_module_iconSm__c3d663ec","icon-md":"Radio_module_iconMd__c3d663ec","icon-lg":"Radio_module_iconLg__c3d663ec"};
|
|
14042
|
-
n(css$N,{});
|
|
14043
|
-
|
|
14044
|
-
var Radio = function Radio(props) {
|
|
14045
|
-
var label = props.label,
|
|
14046
|
-
checked = props.checked,
|
|
14047
|
-
defaultChecked = props.defaultChecked,
|
|
14048
|
-
onChange = props.onChange,
|
|
14049
|
-
_props$position = props.position,
|
|
14050
|
-
position = _props$position === void 0 ? 'left' : _props$position,
|
|
14051
|
-
_props$size = props.size,
|
|
14052
|
-
size = _props$size === void 0 ? 'sm' : _props$size,
|
|
14053
|
-
className = props.className,
|
|
14054
|
-
disabled = props.disabled;
|
|
14055
|
-
// Lock controlled vs uncontrolled on first render
|
|
14056
|
-
var _useRef = useRef(checked !== undefined),
|
|
14057
|
-
isControlled = _useRef.current;
|
|
14058
|
-
// Uncontrolled state
|
|
14059
|
-
var _useState = useState(defaultChecked),
|
|
14060
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
14061
|
-
uncontrolledChecked = _useState2[0],
|
|
14062
|
-
setUncontrolledChecked = _useState2[1];
|
|
14063
|
-
var handleChange = function handleChange(event) {
|
|
14064
|
-
var _helperResult$fieldVa;
|
|
14065
|
-
// Safely extract fieldValue; fall back to event.target.checked
|
|
14066
|
-
var helperResult = inputHelper === null || inputHelper === void 0 ? void 0 : inputHelper(event);
|
|
14067
|
-
var fieldValue = (_helperResult$fieldVa = helperResult === null || helperResult === void 0 ? void 0 : helperResult.fieldValue) !== null && _helperResult$fieldVa !== void 0 ? _helperResult$fieldVa : event.target.checked;
|
|
14068
|
-
if (isControlled) {
|
|
14069
|
-
onChange === null || onChange === void 0 || onChange(event, fieldValue);
|
|
14070
|
-
} else {
|
|
14071
|
-
setUncontrolledChecked(fieldValue);
|
|
14072
|
-
}
|
|
14073
|
-
};
|
|
14074
|
-
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
14075
|
-
var CheckedIcon = RadioIcon.Checked;
|
|
14076
|
-
var UncheckedIcon = RadioIcon.UnChecked;
|
|
14077
|
-
return jsxs("label", {
|
|
14078
|
-
className: classes(modules_3705961f.root, modules_3705961f["position-".concat(position)], disabled ? modules_3705961f.disabled : '', isChecked ? modules_3705961f.selected : '', className),
|
|
14079
|
-
children: [jsx("input", {
|
|
14080
|
-
disabled: disabled,
|
|
14081
|
-
type: 'radio',
|
|
14082
|
-
// Preserve original pattern: always pass checked (undefined keeps it uncontrolled)
|
|
14083
|
-
checked: isChecked,
|
|
14084
|
-
onChange: handleChange
|
|
14085
|
-
}), isChecked ? jsx(CheckedIcon, {
|
|
14086
|
-
"data-elem": 'icon',
|
|
14087
|
-
className: classes(modules_3705961f["icon-".concat(size)], modules_3705961f.icon)
|
|
14088
|
-
}) : jsx(UncheckedIcon, {
|
|
14089
|
-
"data-elem": 'icon',
|
|
14090
|
-
className: classes(modules_3705961f["icon-".concat(size)], modules_3705961f.icon)
|
|
14091
|
-
}), label && jsx("span", {
|
|
14092
|
-
"data-elem": 'label',
|
|
14093
|
-
children: label
|
|
14094
|
-
})]
|
|
14095
|
-
});
|
|
14096
|
-
};
|
|
14097
|
-
|
|
14098
|
-
var css$M = ".DropdownItem_module_root__8b4c517e {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.75rem;\n padding: 0.625rem 0.75rem;\n border-radius: 0.25rem;\n cursor: pointer;\n margin-inline: 1.25rem;\n color: var(--grey);\n outline: none;\n margin-bottom: 1.25rem;\n}\n.DropdownItem_module_root__8b4c517e:nth-last-child(1) {\n margin-bottom: 0rem;\n}\n.DropdownItem_module_root__8b4c517e > .DropdownItem_module_input__8b4c517e {\n cursor: pointer;\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_error__8b4c517e {\n background: var(--background-color1);\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_error__8b4c517e:hover {\n cursor: not-allowed;\n background: var(--background-color1);\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_error__8b4c517e .DropdownItem_module_title__8b4c517e {\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_error__8b4c517e .DropdownItem_module_title__8b4c517e .DropdownItem_module_icon__8b4c517e {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_error__8b4c517e .DropdownItem_module_title__8b4c517e .DropdownItem_module_icon__8b4c517e path {\n stroke: var(--primary-color1);\n}\n.DropdownItem_module_root__8b4c517e:hover {\n background: var(--background-color4);\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_disabled__8b4c517e {\n filter: opacity(0.25);\n}\n.DropdownItem_module_root__8b4c517e.DropdownItem_module_disabled__8b4c517e:hover {\n cursor: not-allowed;\n}";
|
|
14099
|
-
var modules_bf949acd = {"root":"DropdownItem_module_root__8b4c517e","input":"DropdownItem_module_input__8b4c517e","error":"DropdownItem_module_error__8b4c517e","title":"DropdownItem_module_title__8b4c517e","icon":"DropdownItem_module_icon__8b4c517e","disabled":"DropdownItem_module_disabled__8b4c517e"};
|
|
14100
|
-
n(css$M,{});
|
|
14101
|
-
|
|
14102
|
-
var DropdownItem = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
14103
|
-
var title = props.title,
|
|
14104
|
-
value = props.value,
|
|
14105
|
-
variant = props.variant,
|
|
14106
|
-
error = props.error,
|
|
14107
|
-
selected = props.selected,
|
|
14108
|
-
onKeyDown = props.onKeyDown,
|
|
14109
|
-
onMouseEnter = props.onMouseEnter,
|
|
14110
|
-
onClick = props.onClick,
|
|
14111
|
-
dataAttrs = props.dataAttrs,
|
|
14112
|
-
className = props.className,
|
|
14113
|
-
tabIndex = props.tabIndex,
|
|
14114
|
-
disabled = props.disabled,
|
|
14115
|
-
customComponent = props.customComponent;
|
|
14116
|
-
var action = null;
|
|
14117
|
-
switch (variant) {
|
|
14118
|
-
case 'checkbox':
|
|
14119
|
-
action = jsx(Checkbox, {
|
|
14120
|
-
className: modules_bf949acd.input,
|
|
14121
|
-
checked: !!selected,
|
|
14122
|
-
disabled: true,
|
|
14123
|
-
disabledAsChild: true
|
|
14124
|
-
});
|
|
14125
|
-
break;
|
|
14126
|
-
case 'radio':
|
|
14127
|
-
action = jsx(Radio, {
|
|
14128
|
-
className: modules_bf949acd.input,
|
|
14129
|
-
checked: !!selected,
|
|
14130
|
-
disabled: !!disabled || !!error
|
|
14131
|
-
});
|
|
14132
|
-
break;
|
|
14133
|
-
}
|
|
14134
|
-
return jsxs("li", _objectSpread2(_objectSpread2({
|
|
14135
|
-
ref: ref,
|
|
14136
|
-
className: classes(modules_bf949acd.root, selected ? modules_bf949acd.selected : '', disabled ? modules_bf949acd.disabled : '', error ? modules_bf949acd.error : '', className),
|
|
14137
|
-
"data-elem": 'dropdown-item',
|
|
14138
|
-
"data-variant": variant,
|
|
14139
|
-
"data-value": value,
|
|
14140
|
-
"data-selected": selected,
|
|
14141
|
-
onClick: !disabled && !error ? onClick : undefined,
|
|
14142
|
-
onMouseEnter: onMouseEnter
|
|
14143
|
-
}, dataAttrs !== null && dataAttrs !== void 0 ? dataAttrs : {}), {}, {
|
|
14144
|
-
tabIndex: tabIndex,
|
|
14145
|
-
role: 'option',
|
|
14146
|
-
"aria-selected": !!selected,
|
|
14147
|
-
onKeyDown: onKeyDown,
|
|
14148
|
-
children: [action, customComponent !== null && customComponent !== void 0 ? customComponent : jsxs("span", {
|
|
14149
|
-
className: modules_bf949acd.title,
|
|
14150
|
-
"data-elem": 'title',
|
|
14151
|
-
children: [jsx("span", {
|
|
14152
|
-
children: title
|
|
14153
|
-
}), error && jsx(Tooltip, {
|
|
14154
|
-
content: error,
|
|
14155
|
-
position: 'top',
|
|
14156
|
-
className: modules_bf949acd.tooltip,
|
|
14157
|
-
variant: 'light',
|
|
14158
|
-
children: jsx("span", {
|
|
14159
|
-
className: modules_bf949acd.span,
|
|
14160
|
-
children: jsx(Info, {
|
|
14161
|
-
className: modules_bf949acd.icon
|
|
14162
|
-
})
|
|
14163
|
-
})
|
|
14164
|
-
})]
|
|
14165
|
-
})]
|
|
14166
|
-
}));
|
|
14167
|
-
});
|
|
14168
|
-
|
|
14169
15000
|
var css$L = ".BaseModal_module_root__627cb2d4 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n top: 50%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate(-50%, -50%);\n max-height: 100%;\n height: 43.75rem;\n width: 62.5rem;\n position: fixed;\n background: var(--light-color3);\n box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n border-radius: 8px;\n outline: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4 {\n overflow-y: scroll;\n padding: 1rem;\n -ms-overflow-style: none;\n scrollbar-width: none;\n color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4::-webkit-scrollbar {\n display: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4,\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n padding: 1rem;\n color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4 {\n font-weight: 500;\n font-size: 1.375rem;\n box-shadow: 0px 0.1px 2px rgba(24, 24, 24, 0.08);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n margin-top: auto;\n border-radius: 0 0 8px 8px;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 1rem;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n color: var(--mono-color1);\n background-color: var(--light-color2);\n border-radius: 0.25rem;\n outline: 1px solid var(--light-color2) !important;\n border: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell]:hover {\n background-color: var(--light-color1);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] {\n position: absolute;\n right: 1rem;\n top: 1rem;\n padding: 0.25rem;\n height: auto;\n background: var(--light-color3);\n box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell]:hover {\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] .BaseModal_module_icon__627cb2d4 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--text-color);\n}";
|
|
14170
15001
|
var modules_f23ae002 = {"root":"BaseModal_module_root__627cb2d4","body":"BaseModal_module_body__627cb2d4","header":"BaseModal_module_header__627cb2d4","footer":"BaseModal_module_footer__627cb2d4","dismiss":"BaseModal_module_dismiss__627cb2d4","close":"BaseModal_module_close__627cb2d4","icon":"BaseModal_module_icon__627cb2d4"};
|
|
14171
15002
|
n(css$L,{});
|
|
@@ -21459,5 +22290,5 @@ var BaseWidget = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
21459
22290
|
});
|
|
21460
22291
|
BaseWidget.displayName = 'BaseWidget';
|
|
21461
22292
|
|
|
21462
|
-
export { Accordion, Alert$1 as Alert, AlertIcon, AreaChartIcon, Arrow as ArrowIcon, BarChartIcon, BaseButton$1 as BaseButton, BaseCell, BaseModal, BaseSidePanel, BaseTable as BaseTableV2, BaseWidget, BreadCrumbs, Button, COLORS, Calender$2 as CalenderIcon, Callout, CapsuleChartIcon, Caret as CaretIcon, Checkbox, CheckboxIcon, Chevron as ChevronIcon, Chip, Clock as ClockIcon, Close as CloseIcon, CodeSnippet, ColumnFilter, Copy as CopyIcon, Cross as CrossIcon, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, DropdownItem as DropdownItemv2, Dropdown as Dropdownv2, Edit as EditIcon, Email as EmailIcon, ExpandArrowAlt as ExpandArrowAltIcon, ExpandCollapseIcon, Filter as FilterIcon, HeatMapChart, HidePassword as HidePasswordIcon, HierarchyBrowser, HierarchyItem, Home as HomeIcon, Info as InfoIcon, LineChartIcon, Link, MagnifyingGlass as MagnifyingGlassIcon, Maximize as MaximizeIcon, FilterIcon as NewFilterIcon, Pagination, PaginationList, Password as PasswordIcon, PieChartIcon, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, RichEditor as RichTextEditor, SearchButton, SearchIcon, Server as ServerIcon, Skeleton, Slider, Sort as SortIcon, StackedPieChartIcon, Step, Stepper, Switch, TableCell as TableCellV2, Table as TableV2, Tabs, Text, TextField as TextFieldv2, Tick as TickIcon, Toggle, Tooltip, UnlockPassword as UnlockPasswordIcon, ViewPasswordIcon, areTwinObjects, classes, cloneDeep, doubleDigitted, epochToFormattedDate, generateColors, get, getCSSVariableValue, getDateFromEpoch, getDatesInAMonth, getDatesInStringFormat, getDayInfo, getDuplicatesSansArray, getInitialsOfName, getJSDateFromEpoch, getPagination, getSpacedDisplayName, getTimeFromEpoch, getUniquePrimitives, inputHelper, isEmptyHtmlString, safeJSONParse, sanitizeJSON, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize };
|
|
22293
|
+
export { Accordion, Alert$1 as Alert, AlertIcon, AreaChartIcon, Arrow as ArrowIcon, BarChartIcon, BaseButton$1 as BaseButton, BaseCell, BaseModal, BaseSidePanel, BaseTable as BaseTableV2, BaseWidget, BreadCrumbs, Button, COLORS, Calender$2 as CalenderIcon, Callout, CapsuleChartIcon, Caret as CaretIcon, Checkbox, CheckboxIcon, Checked as CheckedIcon, Chevron as ChevronIcon, Chip, Clock as ClockIcon, Close as CloseIcon, CodeSnippet, ColumnFilter, Copy as CopyIcon, Cross as CrossIcon, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, DropdownItem as DropdownItemv2, Dropdown as Dropdownv2, Edit as EditIcon, Email as EmailIcon, ExpandArrowAlt as ExpandArrowAltIcon, ExpandCollapseIcon, Filter as FilterIcon, HeatMapChart, HidePassword as HidePasswordIcon, HierarchyBrowser, HierarchyItem, Home as HomeIcon, Info as InfoHexIcon, Info$1 as InfoIcon, LineChartIcon, Link, MagnifyingGlass as MagnifyingGlassIcon, Maximize as MaximizeIcon, FilterIcon as NewFilterIcon, Pagination, PaginationList, Password as PasswordIcon, PieChartIcon, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, RichEditor as RichTextEditor, SearchButton, SearchIcon, Server as ServerIcon, Skeleton, Slider, Sort as SortIcon, StackedPieChartIcon, Step, Stepper, Switch, TableCell as TableCellV2, Table as TableV2, Tabs, Text, TextField as TextFieldv2, Tick as TickIcon, Toggle, Tooltip, UnlockPassword as UnlockPasswordIcon, ViewPasswordIcon, areTwinObjects, classes, cloneDeep, doubleDigitted, epochToFormattedDate, generateColors, get, getCSSVariableValue, getDateFromEpoch, getDatesInAMonth, getDatesInStringFormat, getDayInfo, getDuplicatesSansArray, getInitialsOfName, getJSDateFromEpoch, getPagination, getSpacedDisplayName, getTimeFromEpoch, getUniquePrimitives, inputHelper, isEmptyHtmlString, safeJSONParse, sanitizeJSON, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize };
|
|
21463
22294
|
//# sourceMappingURL=index.js.map
|