@banyan_cloud/roots 1.0.15 → 1.0.17
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/cjs/index.js +253 -186
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +253 -187
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +253 -187
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -1602,9 +1602,9 @@ function styleInject(css, ref) {
|
|
|
1602
1602
|
}
|
|
1603
1603
|
}
|
|
1604
1604
|
|
|
1605
|
-
var css_248z$
|
|
1606
|
-
var styles$
|
|
1607
|
-
styleInject(css_248z$
|
|
1605
|
+
var css_248z$L = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.BaseCell-module_root__i6f-E {\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(--white);\n max-width: 100%;\n max-height: 100%;\n}\n.BaseCell-module_root__i6f-E > [data-elem*=component] {\n display: inline-block;\n max-height: 100%;\n}\n.BaseCell-module_root__i6f-E.BaseCell-module_sm__6lhv5 {\n width: 9.063rem;\n}\n.BaseCell-module_root__i6f-E.BaseCell-module_md__d7xeQ {\n width: 15.625rem;\n}\n.BaseCell-module_root__i6f-E.BaseCell-module_lg__z1sA6 {\n width: 21.875rem;\n}\n.BaseCell-module_root__i6f-E.BaseCell-module_auto__55g3t {\n width: auto;\n}\n.BaseCell-module_root__i6f-E.BaseCell-module_border-radius-default__3o5Qv {\n border-radius: 0.25rem;\n}\n.BaseCell-module_root__i6f-E.BaseCell-module_border-radius-round__pE3-j {\n border-radius: 50%;\n}\n.BaseCell-module_root__i6f-E.BaseCell-module_border-radius-ellipse__IhKeq {\n border-radius: 1.563rem;\n}\n.BaseCell-module_root__i6f-E.BaseCell-module_flexible__JRAXk {\n flex-grow: 1;\n flex-shrink: 1;\n min-width: 3rem;\n}";
|
|
1606
|
+
var styles$K = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"BaseCell-module_root__i6f-E","sm":"BaseCell-module_sm__6lhv5","md":"BaseCell-module_md__d7xeQ","lg":"BaseCell-module_lg__z1sA6","auto":"BaseCell-module_auto__55g3t","border-radius-default":"BaseCell-module_border-radius-default__3o5Qv","border-radius-round":"BaseCell-module_border-radius-round__pE3-j","border-radius-ellipse":"BaseCell-module_border-radius-ellipse__IhKeq","flexible":"BaseCell-module_flexible__JRAXk"};
|
|
1607
|
+
styleInject(css_248z$L);
|
|
1608
1608
|
|
|
1609
1609
|
var BaseCell = /*#__PURE__*/React.forwardRef(function BaseCell(props, ref) {
|
|
1610
1610
|
var className = props.className,
|
|
@@ -1620,7 +1620,7 @@ var BaseCell = /*#__PURE__*/React.forwardRef(function BaseCell(props, ref) {
|
|
|
1620
1620
|
var Component = /*#__PURE__*/React.createElement(RootDOM, _objectSpread2({
|
|
1621
1621
|
'data-elem': 'base-cell',
|
|
1622
1622
|
ref: ref,
|
|
1623
|
-
className: classes(className, styles$
|
|
1623
|
+
className: classes(className, styles$K.root, styles$K[size], styles$K["border-radius-".concat(radius)], flexible ? styles$K.flexible : '', rounded ? styles$K.rounded : '')
|
|
1624
1624
|
}, attrs), /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1625
1625
|
children: [component1 && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
1626
1626
|
"data-elem": "component1",
|
|
@@ -2010,15 +2010,15 @@ Server.defaultProps = {
|
|
|
2010
2010
|
className: ''
|
|
2011
2011
|
};
|
|
2012
2012
|
|
|
2013
|
-
var css_248z$
|
|
2014
|
-
var styles$
|
|
2015
|
-
styleInject(css_248z$
|
|
2013
|
+
var css_248z$K = ".Arrow-module_right__OPm55 {\n transform: rotate(0deg);\n}\n\n.Arrow-module_left__mbW5H {\n transform: rotate(180deg);\n}\n\n.Arrow-module_bottom__TNVV9 {\n transform: rotate(90deg);\n}\n\n.Arrow-module_top__1YFaI {\n transform: rotate(270deg);\n}";
|
|
2014
|
+
var styles$J = {"right":"Arrow-module_right__OPm55","left":"Arrow-module_left__mbW5H","bottom":"Arrow-module_bottom__TNVV9","top":"Arrow-module_top__1YFaI"};
|
|
2015
|
+
styleInject(css_248z$K);
|
|
2016
2016
|
|
|
2017
2017
|
var Arrow$1 = function Arrow(props) {
|
|
2018
2018
|
var className = props.className,
|
|
2019
2019
|
position = props.position;
|
|
2020
2020
|
return /*#__PURE__*/jsxRuntime.jsx("svg", {
|
|
2021
|
-
className: classes(className, styles$
|
|
2021
|
+
className: classes(className, styles$J[position]),
|
|
2022
2022
|
viewBox: "0 0 25 24",
|
|
2023
2023
|
fill: "#333333",
|
|
2024
2024
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2032,15 +2032,15 @@ Arrow$1.defaultProps = {
|
|
|
2032
2032
|
position: 'right'
|
|
2033
2033
|
};
|
|
2034
2034
|
|
|
2035
|
-
var css_248z$
|
|
2036
|
-
var styles$
|
|
2037
|
-
styleInject(css_248z$
|
|
2035
|
+
var css_248z$J = ".Chevron-module_left__qo9Uh {\n transform: rotate(0deg);\n}\n\n.Chevron-module_bottom__xHi8D {\n transform: rotate(90deg);\n}\n\n.Chevron-module_right__nQXUr {\n transform: rotate(180deg);\n}\n\n.Chevron-module_top__gWkFh {\n transform: rotate(270deg);\n}";
|
|
2036
|
+
var styles$I = {"left":"Chevron-module_left__qo9Uh","bottom":"Chevron-module_bottom__xHi8D","right":"Chevron-module_right__nQXUr","top":"Chevron-module_top__gWkFh"};
|
|
2037
|
+
styleInject(css_248z$J);
|
|
2038
2038
|
|
|
2039
2039
|
var Chevron = function Chevron(props) {
|
|
2040
2040
|
var className = props.className,
|
|
2041
2041
|
position = props.position;
|
|
2042
2042
|
return /*#__PURE__*/jsxRuntime.jsx("svg", {
|
|
2043
|
-
className: classes(className, styles$
|
|
2043
|
+
className: classes(className, styles$I[position]),
|
|
2044
2044
|
viewBox: "0 0 22 22",
|
|
2045
2045
|
fill: "none",
|
|
2046
2046
|
stroke: "white",
|
|
@@ -2329,9 +2329,9 @@ Reset.defaultProps = {
|
|
|
2329
2329
|
className: ''
|
|
2330
2330
|
};
|
|
2331
2331
|
|
|
2332
|
-
var css_248z$
|
|
2333
|
-
var styles$
|
|
2334
|
-
styleInject(css_248z$
|
|
2332
|
+
var css_248z$I = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.Accordion-module_root__gEN-u {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n width: 100%;\n}\n.Accordion-module_root__gEN-u > .Accordion-module_header__FRvo4[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}\n.Accordion-module_root__gEN-u > .Accordion-module_header__FRvo4[data-elem=base-cell] > [data-elem=component1] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Accordion-module_root__gEN-u > .Accordion-module_header__FRvo4[data-elem=base-cell] > [data-elem=component1] .Accordion-module_icon__xGKgk {\n transform: rotate(-90deg);\n width: 1rem;\n height: 1rem;\n}\n.Accordion-module_root__gEN-u > .Accordion-module_header__FRvo4[data-elem=base-cell] .Accordion-module_title__NI140 {\n flex: 1 1 auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.Accordion-module_root__gEN-u > .Accordion-module_header__FRvo4[data-elem=base-cell]:hover {\n background: var(--background);\n}\n.Accordion-module_root__gEN-u > .Accordion-module_header__FRvo4[data-elem=base-cell]:hover .Accordion-module_icon__xGKgk,\n.Accordion-module_root__gEN-u > .Accordion-module_header__FRvo4[data-elem=base-cell]:hover .Accordion-module_title__NI140 {\n color: var(--highlight);\n fill: var(--highlight);\n}\n.Accordion-module_root__gEN-u > .Accordion-module_body__JwYl2 {\n display: none;\n padding: 0.5rem 2.5rem;\n}\n.Accordion-module_root__gEN-u.Accordion-module_open__uvqfT > .Accordion-module_header__FRvo4[data-elem=base-cell] [data-elem=component1] .Accordion-module_icon__xGKgk {\n transform: none;\n}\n.Accordion-module_root__gEN-u.Accordion-module_open__uvqfT > .Accordion-module_body__JwYl2 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
2333
|
+
var styles$H = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"Accordion-module_root__gEN-u","header":"Accordion-module_header__FRvo4","icon":"Accordion-module_icon__xGKgk","title":"Accordion-module_title__NI140","body":"Accordion-module_body__JwYl2","open":"Accordion-module_open__uvqfT"};
|
|
2334
|
+
styleInject(css_248z$I);
|
|
2335
2335
|
|
|
2336
2336
|
var Accordion = function Accordion(props) {
|
|
2337
2337
|
var defaultOpen = props.defaultOpen,
|
|
@@ -2346,13 +2346,13 @@ var Accordion = function Accordion(props) {
|
|
|
2346
2346
|
open = _useState2[0],
|
|
2347
2347
|
setOpen = _useState2[1];
|
|
2348
2348
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
2349
|
-
className: classes(className, styles$
|
|
2349
|
+
className: classes(className, styles$H.root, open ? styles$H.open : ''),
|
|
2350
2350
|
"data-state-open": open,
|
|
2351
2351
|
children: [/*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
2352
2352
|
flexible: true,
|
|
2353
2353
|
size: "auto",
|
|
2354
2354
|
rootDOM: "button",
|
|
2355
|
-
className: styles$
|
|
2355
|
+
className: styles$H.header,
|
|
2356
2356
|
attrs: {
|
|
2357
2357
|
onClick: function onClick() {
|
|
2358
2358
|
setOpen(function (prevState) {
|
|
@@ -2363,18 +2363,18 @@ var Accordion = function Accordion(props) {
|
|
|
2363
2363
|
}
|
|
2364
2364
|
},
|
|
2365
2365
|
component1: iconPlacement === 'left' && /*#__PURE__*/jsxRuntime.jsx(Caret, {
|
|
2366
|
-
className: styles$
|
|
2366
|
+
className: styles$H.icon
|
|
2367
2367
|
}),
|
|
2368
2368
|
component2: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
2369
|
-
className: styles$
|
|
2369
|
+
className: styles$H.title,
|
|
2370
2370
|
children: title
|
|
2371
2371
|
}),
|
|
2372
2372
|
component3: iconPlacement === 'right' && /*#__PURE__*/jsxRuntime.jsx(Caret, {
|
|
2373
|
-
className: styles$
|
|
2373
|
+
className: styles$H.icon
|
|
2374
2374
|
})
|
|
2375
2375
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
2376
2376
|
"data-elem": "body",
|
|
2377
|
-
className: styles$
|
|
2377
|
+
className: styles$H.body,
|
|
2378
2378
|
children: [description && /*#__PURE__*/jsxRuntime.jsx("p", {
|
|
2379
2379
|
children: description
|
|
2380
2380
|
}), children]
|
|
@@ -2398,13 +2398,13 @@ Accordion.defaultProps = {
|
|
|
2398
2398
|
className: ''
|
|
2399
2399
|
};
|
|
2400
2400
|
|
|
2401
|
-
var css_248z$
|
|
2402
|
-
var styles$
|
|
2403
|
-
styleInject(css_248z$
|
|
2401
|
+
var css_248z$H = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.Alert-module_root__l1ZpK {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n position: fixed;\n padding: 0.938rem;\n width: 500px;\n}\n.Alert-module_root__l1ZpK.Alert-module_position-bottom-center__ArOSw {\n left: 50%;\n bottom: 1rem;\n transform: translate(-50%, 0);\n}\n.Alert-module_root__l1ZpK.Alert-module_position-top-right__INiLO {\n right: 1rem;\n top: 1rem;\n}\n.Alert-module_root__l1ZpK .Alert-module_left__5k1AJ {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.Alert-module_root__l1ZpK .Alert-module_left__5k1AJ .Alert-module_icons__SBpod {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 0.313rem 0.938rem 0rem 0rem;\n height: auto;\n}\n.Alert-module_root__l1ZpK .Alert-module_left__5k1AJ .Alert-module_icons__SBpod .Alert-module_icon__iuX5T {\n width: 1.25rem;\n height: 1.25rem;\n}\n.Alert-module_root__l1ZpK .Alert-module_left__5k1AJ .Alert-module_content__uYcO4 {\n padding: 0.188rem 0.938rem 0rem 0rem;\n}\n.Alert-module_root__l1ZpK .Alert-module_left__5k1AJ .Alert-module_content__uYcO4 .Alert-module_title__GSeDp {\n font-size: 0.875rem;\n font-weight: 600;\n padding-right: 2px;\n}\n.Alert-module_root__l1ZpK .Alert-module_left__5k1AJ .Alert-module_content__uYcO4 .Alert-module_description__aMvRm {\n word-wrap: break-word;\n height: auto;\n font-size: 0.875rem;\n font-weight: 400;\n margin-bottom: 0.5rem;\n}\n.Alert-module_root__l1ZpK .Alert-module_actions__JDG2T {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n gap: 5px;\n}\n.Alert-module_root__l1ZpK .Alert-module_actions__JDG2T .Alert-module_button__lFoVg {\n padding: 0.313rem 1rem;\n font-weight: 400;\n}\n.Alert-module_root__l1ZpK .Alert-module_actions__JDG2T .Alert-module_close__LyN5i {\n padding-top: 0.313rem;\n}\n.Alert-module_root__l1ZpK .Alert-module_actions__JDG2T .Alert-module_close__LyN5i .Alert-module_icon__iuX5T {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--black);\n}\n.Alert-module_root__l1ZpK.Alert-module_border-default__a-ED7 {\n border-width: 0.063rem;\n}\n.Alert-module_root__l1ZpK.Alert-module_border-thick-left__5PyWS {\n border-width: 0.063rem 0.063rem 0.063rem 0.25rem;\n}\n.Alert-module_root__l1ZpK.Alert-module_border-none__-okAl {\n border-width: 0rem 0rem 0rem 0.25rem;\n}\n.Alert-module_root__l1ZpK.Alert-module_info__dW63t {\n border-style: solid;\n border-color: var(--info);\n background-color: #edf5ff;\n}\n.Alert-module_root__l1ZpK.Alert-module_info__dW63t .Alert-module_icon__iuX5T {\n fill: var(--info);\n}\n.Alert-module_root__l1ZpK.Alert-module_success__RlEA0 {\n border-style: solid;\n border-color: var(--success);\n background-color: var(--success-bg);\n}\n.Alert-module_root__l1ZpK.Alert-module_success__RlEA0 .Alert-module_icon__iuX5T {\n fill: var(--success);\n}\n.Alert-module_root__l1ZpK.Alert-module_danger__c21By {\n border-style: solid;\n border-color: var(--error);\n background-color: var(--error-bg);\n}\n.Alert-module_root__l1ZpK.Alert-module_danger__c21By .Alert-module_icon__iuX5T {\n fill: var(--error);\n}\n.Alert-module_root__l1ZpK.Alert-module_warning__aETXV {\n border-style: solid;\n border-color: var(--warning);\n background-color: var(--warning-bg);\n}\n.Alert-module_root__l1ZpK.Alert-module_warning__aETXV .Alert-module_icon__iuX5T {\n fill: var(--warning);\n}\n.Alert-module_root__l1ZpK.Alert-module_shadow__hHoKN {\n box-shadow: 0.125rem 0.5rem 1rem rgba(60, 60, 60, 0.12);\n}";
|
|
2402
|
+
var styles$G = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"Alert-module_success__RlEA0","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"Alert-module_warning__aETXV","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"Alert-module_info__dW63t","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"Alert-module_root__l1ZpK","position-bottom-center":"Alert-module_position-bottom-center__ArOSw","position-top-right":"Alert-module_position-top-right__INiLO","left":"Alert-module_left__5k1AJ","icons":"Alert-module_icons__SBpod","icon":"Alert-module_icon__iuX5T","content":"Alert-module_content__uYcO4","title":"Alert-module_title__GSeDp","description":"Alert-module_description__aMvRm","actions":"Alert-module_actions__JDG2T","button":"Alert-module_button__lFoVg","close":"Alert-module_close__LyN5i","border-default":"Alert-module_border-default__a-ED7","border-thick-left":"Alert-module_border-thick-left__5PyWS","border-none":"Alert-module_border-none__-okAl","danger":"Alert-module_danger__c21By","shadow":"Alert-module_shadow__hHoKN"};
|
|
2403
|
+
styleInject(css_248z$H);
|
|
2404
2404
|
|
|
2405
|
-
var css_248z$
|
|
2406
|
-
var styles$
|
|
2407
|
-
styleInject(css_248z$
|
|
2405
|
+
var css_248z$G = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\nbutton.BaseButton-module_root__mVugc[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 -ms-user-select: none;\n user-select: none;\n outline: none;\n border: none;\n background: none;\n padding: 0.5rem 0.75rem;\n}\nbutton.BaseButton-module_root__mVugc[data-elem=base-cell]:disabled {\n cursor: not-allowed;\n}\nbutton.BaseButton-module_root__mVugc[data-elem=base-cell].BaseButton-module_contained__WAsSX {\n background: var(--black);\n color: var(--white);\n}\nbutton.BaseButton-module_root__mVugc[data-elem=base-cell].BaseButton-module_outlined__pPg3V {\n color: var(--black);\n border: 1px solid var(--black);\n}\nbutton.BaseButton-module_root__mVugc[data-elem=base-cell].BaseButton-module_text__IWP1r {\n color: var(--black);\n}\nbutton.BaseButton-module_root__mVugc[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__mVugc[data-elem=base-cell] [data-elem=component2] {\n min-width: 0;\n}\nbutton.BaseButton-module_root__mVugc[data-elem=base-cell] [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}";
|
|
2406
|
+
var styles$F = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"BaseButton-module_root__mVugc","contained":"BaseButton-module_contained__WAsSX","outlined":"BaseButton-module_outlined__pPg3V","text":"BaseButton-module_text__IWP1r"};
|
|
2407
|
+
styleInject(css_248z$G);
|
|
2408
2408
|
|
|
2409
2409
|
var BaseButton = /*#__PURE__*/React.forwardRef(function BaseButton(props, ref) {
|
|
2410
2410
|
var className = props.className,
|
|
@@ -2423,7 +2423,7 @@ var BaseButton = /*#__PURE__*/React.forwardRef(function BaseButton(props, ref) {
|
|
|
2423
2423
|
children: title
|
|
2424
2424
|
});
|
|
2425
2425
|
return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
2426
|
-
className: classes(className, styles$
|
|
2426
|
+
className: classes(className, styles$F.root, styles$F[variant]),
|
|
2427
2427
|
ref: ref,
|
|
2428
2428
|
component1: component1,
|
|
2429
2429
|
component2: Title,
|
|
@@ -2454,9 +2454,9 @@ BaseButton.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProp
|
|
|
2454
2454
|
variant: 'contained'
|
|
2455
2455
|
});
|
|
2456
2456
|
|
|
2457
|
-
var css_248z$
|
|
2458
|
-
var styles$
|
|
2459
|
-
styleInject(css_248z$
|
|
2457
|
+
var css_248z$F = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.Button-module_root__1MwuE[data-elem=base-cell] {\n cursor: pointer;\n}\n.Button-module_root__1MwuE[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_primary__QahMI.Button-module_contained__Xk4Uo {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_primary__QahMI.Button-module_outlined__2dqXl {\n background-color: transparent;\n border-color: var(--highlight);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_primary__QahMI.Button-module_outlined__2dqXl, .Button-module_root__1MwuE[data-elem=base-cell].Button-module_primary__QahMI.Button-module_text__xJTsb {\n color: var(--highlight);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_success__Gu-1v.Button-module_contained__Xk4Uo {\n background-color: var(--success);\n color: var(--white);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_success__Gu-1v.Button-module_outlined__2dqXl {\n background-color: transparent;\n border-color: var(--success);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_success__Gu-1v.Button-module_outlined__2dqXl, .Button-module_root__1MwuE[data-elem=base-cell].Button-module_success__Gu-1v.Button-module_text__xJTsb {\n color: var(--success);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_danger__CV3m8.Button-module_contained__Xk4Uo {\n background-color: var(--error);\n color: var(--white);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_danger__CV3m8.Button-module_outlined__2dqXl {\n background-color: transparent;\n border-color: var(--error);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_danger__CV3m8.Button-module_outlined__2dqXl, .Button-module_root__1MwuE[data-elem=base-cell].Button-module_danger__CV3m8.Button-module_text__xJTsb {\n color: var(--error);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_warning__IZasP.Button-module_contained__Xk4Uo {\n background-color: var(--warning);\n color: var(--white);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_warning__IZasP.Button-module_outlined__2dqXl {\n background-color: transparent;\n border-color: var(--warning);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_warning__IZasP.Button-module_outlined__2dqXl, .Button-module_root__1MwuE[data-elem=base-cell].Button-module_warning__IZasP.Button-module_text__xJTsb {\n color: var(--warning);\n}\n.Button-module_root__1MwuE[data-elem=base-cell]:disabled.Button-module_contained__Xk4Uo {\n background-color: var(--grey4);\n color: var(--grey);\n}\n.Button-module_root__1MwuE[data-elem=base-cell]:disabled.Button-module_outlined__2dqXl {\n background-color: transparent;\n border-color: var(--grey);\n}\n.Button-module_root__1MwuE[data-elem=base-cell]:disabled.Button-module_outlined__2dqXl, .Button-module_root__1MwuE[data-elem=base-cell]:disabled.Button-module_text__xJTsb {\n color: var(--grey);\n}";
|
|
2458
|
+
var styles$E = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"Button-module_success__Gu-1v","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"Button-module_warning__IZasP","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"Button-module_root__1MwuE","primary":"Button-module_primary__QahMI","contained":"Button-module_contained__Xk4Uo","outlined":"Button-module_outlined__2dqXl","text":"Button-module_text__xJTsb","danger":"Button-module_danger__CV3m8"};
|
|
2459
|
+
styleInject(css_248z$F);
|
|
2460
2460
|
|
|
2461
2461
|
var Button = /*#__PURE__*/React.forwardRef(function Button(props, ref) {
|
|
2462
2462
|
var className = props.className,
|
|
@@ -2483,7 +2483,7 @@ var Button = /*#__PURE__*/React.forwardRef(function Button(props, ref) {
|
|
|
2483
2483
|
disabled: disabled,
|
|
2484
2484
|
onClick: onClick,
|
|
2485
2485
|
variant: variant,
|
|
2486
|
-
className: classes(styles$
|
|
2486
|
+
className: classes(styles$E.root, styles$E["radius-".concat(radius)], styles$E[variant], styles$E[color], className)
|
|
2487
2487
|
});
|
|
2488
2488
|
});
|
|
2489
2489
|
Button.propTypes = _objectSpread2(_objectSpread2({}, BaseButton.propTypes), {}, {
|
|
@@ -2498,9 +2498,9 @@ Button.defaultProps = _objectSpread2(_objectSpread2({}, BaseButton.defaultProps)
|
|
|
2498
2498
|
radius: 'default'
|
|
2499
2499
|
});
|
|
2500
2500
|
|
|
2501
|
-
var css_248z$
|
|
2502
|
-
var styles$
|
|
2503
|
-
styleInject(css_248z$
|
|
2501
|
+
var css_248z$E = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.Chip-module_root__EDxQB[data-elem=base-cell] {\n position: relative;\n}\n.Chip-module_root__EDxQB[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_sm__jWsDU {\n height: 2rem;\n padding: 0.188rem 0.5rem;\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_md__D7nex {\n height: 2.25rem;\n padding: 0.563rem 1rem;\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_status__HPwn0.Chip-module_success__gKoSz {\n background-color: var(--success-bg);\n color: var(--success);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_status__HPwn0.Chip-module_info__oGvTs {\n background-color: var(--info-bg);\n color: var(--info);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_status__HPwn0.Chip-module_danger__r7AL- {\n background-color: var(--error-bg);\n color: var(--error);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_status__HPwn0.Chip-module_warning__k-uii {\n background-color: var(--warning-bg);\n color: var(--warning);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_status__HPwn0.Chip-module_default__lJKsA {\n background-color: var(--grey5);\n color: var(--grey);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_status__HPwn0:hover {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n {\n border-width: 1px;\n border-style: solid;\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_success__gKoSz {\n background-color: var(--success-bg);\n color: var(--success);\n border-color: var(--success-outline);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_success__gKoSz:hover {\n background-color: var(--success-outline);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_info__oGvTs {\n background-color: var(--info-bg);\n color: var(--info);\n border-color: var(--info-outline);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_info__oGvTs:hover {\n background-color: var(--info-outline);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_danger__r7AL- {\n background-color: var(--error-bg);\n color: var(--error);\n border-color: var(--error-outline);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_danger__r7AL-:hover {\n background-color: var(--error-outline);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_warning__k-uii {\n background-color: var(--warning-bg);\n color: var(--warning);\n border-color: var(--warning-outline);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_warning__k-uii:hover {\n background-color: var(--warning-outline);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_default__lJKsA {\n background-color: var(--grey8);\n color: var(--grey);\n border-color: var(--grey6);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_default__lJKsA:hover {\n background-color: var(--grey6);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell]:disabled.Chip-module_status__HPwn0, .Chip-module_root__EDxQB[data-elem=base-cell]:disabled.Chip-module_input__gUY7n {\n filter: grayscale(1);\n border-color: var(--grey4);\n background-color: var(--grey5);\n color: var(--grey2);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell]:disabled.Chip-module_status__HPwn0 [data-elem=component1],\n.Chip-module_root__EDxQB[data-elem=base-cell]:disabled.Chip-module_status__HPwn0 [data-elem=component3], .Chip-module_root__EDxQB[data-elem=base-cell]:disabled.Chip-module_input__gUY7n [data-elem=component1],\n.Chip-module_root__EDxQB[data-elem=base-cell]:disabled.Chip-module_input__gUY7n [data-elem=component3] {\n opacity: 0.5;\n}\n.Chip-module_root__EDxQB[data-elem=base-cell]:disabled.Chip-module_status__HPwn0:hover, .Chip-module_root__EDxQB[data-elem=base-cell]:disabled.Chip-module_input__gUY7n:hover {\n box-shadow: none;\n background-color: var(--grey5);\n}";
|
|
2502
|
+
var styles$D = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"Chip-module_success__gKoSz","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"Chip-module_warning__k-uii","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"Chip-module_info__oGvTs","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"Chip-module_root__EDxQB","sm":"Chip-module_sm__jWsDU","md":"Chip-module_md__D7nex","status":"Chip-module_status__HPwn0","danger":"Chip-module_danger__r7AL-","default":"Chip-module_default__lJKsA","input":"Chip-module_input__gUY7n"};
|
|
2503
|
+
styleInject(css_248z$E);
|
|
2504
2504
|
|
|
2505
2505
|
var Chip = function Chip(props) {
|
|
2506
2506
|
var className = props.className,
|
|
@@ -2526,7 +2526,7 @@ var Chip = function Chip(props) {
|
|
|
2526
2526
|
disabled: disabled,
|
|
2527
2527
|
onClick: onClick,
|
|
2528
2528
|
variant: 'contained',
|
|
2529
|
-
className: classes(styles$
|
|
2529
|
+
className: classes(styles$D.root, styles$D["radius-".concat(radius)], styles$D[variant], styles$D[color], styles$D[size], className)
|
|
2530
2530
|
});
|
|
2531
2531
|
};
|
|
2532
2532
|
Chip.propTypes = _objectSpread2(_objectSpread2({}, BaseButton.propTypes), {}, {
|
|
@@ -5959,9 +5959,9 @@ const useTypeahead = function (_ref, _temp) {
|
|
|
5959
5959
|
};
|
|
5960
5960
|
};
|
|
5961
5961
|
|
|
5962
|
-
var css_248z$
|
|
5963
|
-
var styles$
|
|
5964
|
-
styleInject(css_248z$
|
|
5962
|
+
var css_248z$D = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.Popper-module_backdrop__Gsq-k {\n position: fixed;\n z-index: 100;\n inset: 0;\n background: rgba(0, 0, 0, 0.4);\n}\n.Popper-module_backdrop__Gsq-k.Popper-module_transparent__VqWpq {\n background: none;\n}\n.Popper-module_backdrop__Gsq-k.Popper-module_hide-backdrop__Wkkl- {\n position: static;\n}";
|
|
5963
|
+
var styles$C = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","backdrop":"Popper-module_backdrop__Gsq-k","transparent":"Popper-module_transparent__VqWpq","hide-backdrop":"Popper-module_hide-backdrop__Wkkl-"};
|
|
5964
|
+
styleInject(css_248z$D);
|
|
5965
5965
|
|
|
5966
5966
|
var Popper = function Popper(props) {
|
|
5967
5967
|
var open = props.open,
|
|
@@ -5974,7 +5974,7 @@ var Popper = function Popper(props) {
|
|
|
5974
5974
|
id: wrapperId,
|
|
5975
5975
|
children: open && /*#__PURE__*/jsxRuntime.jsx(FloatingOverlay, {
|
|
5976
5976
|
lockScroll: true,
|
|
5977
|
-
className: classes(className, styles$
|
|
5977
|
+
className: classes(className, styles$C.backdrop, transparent ? styles$C.transparent : '', backdrop ? '' : styles$C['hide-backdrop']),
|
|
5978
5978
|
children: children
|
|
5979
5979
|
})
|
|
5980
5980
|
});
|
|
@@ -6105,28 +6105,28 @@ var Alert = function Alert(props) {
|
|
|
6105
6105
|
var Icon = null;
|
|
6106
6106
|
if (AlertTypeIcon != null) {
|
|
6107
6107
|
Icon = /*#__PURE__*/jsxRuntime.jsx(AlertTypeIcon, {
|
|
6108
|
-
className: styles$
|
|
6108
|
+
className: styles$G.icon
|
|
6109
6109
|
});
|
|
6110
6110
|
} else {
|
|
6111
6111
|
switch (color) {
|
|
6112
6112
|
case 'info':
|
|
6113
6113
|
Icon = /*#__PURE__*/jsxRuntime.jsx(AlertIcon.Info, {
|
|
6114
|
-
className: styles$
|
|
6114
|
+
className: styles$G.icon
|
|
6115
6115
|
});
|
|
6116
6116
|
break;
|
|
6117
6117
|
case 'warning':
|
|
6118
6118
|
Icon = /*#__PURE__*/jsxRuntime.jsx(AlertIcon.Warning, {
|
|
6119
|
-
className: styles$
|
|
6119
|
+
className: styles$G.icon
|
|
6120
6120
|
});
|
|
6121
6121
|
break;
|
|
6122
6122
|
case 'success':
|
|
6123
6123
|
Icon = /*#__PURE__*/jsxRuntime.jsx(AlertIcon.Success, {
|
|
6124
|
-
className: styles$
|
|
6124
|
+
className: styles$G.icon
|
|
6125
6125
|
});
|
|
6126
6126
|
break;
|
|
6127
6127
|
case 'danger':
|
|
6128
6128
|
Icon = /*#__PURE__*/jsxRuntime.jsx(AlertIcon.Danger, {
|
|
6129
|
-
className: styles$
|
|
6129
|
+
className: styles$G.icon
|
|
6130
6130
|
});
|
|
6131
6131
|
break;
|
|
6132
6132
|
default:
|
|
@@ -6140,40 +6140,40 @@ var Alert = function Alert(props) {
|
|
|
6140
6140
|
});
|
|
6141
6141
|
return /*#__PURE__*/jsxRuntime.jsx(Popper, {
|
|
6142
6142
|
open: open,
|
|
6143
|
-
className: styles$
|
|
6143
|
+
className: styles$G.popper,
|
|
6144
6144
|
id: "alert-popper",
|
|
6145
6145
|
transparent: false,
|
|
6146
6146
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6147
6147
|
ref: ref,
|
|
6148
|
-
className: classes(styles$
|
|
6148
|
+
className: classes(styles$G.root, styles$G[color], styles$G["border-".concat(border)], shadow ? styles$G.shadow : '', styles$G["position-".concat(position)]),
|
|
6149
6149
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6150
|
-
className: styles$
|
|
6150
|
+
className: styles$G.left,
|
|
6151
6151
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
6152
|
-
className: styles$
|
|
6152
|
+
className: styles$G.icons,
|
|
6153
6153
|
children: showIcon && Icon
|
|
6154
6154
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6155
|
-
className: styles$
|
|
6155
|
+
className: styles$G.content,
|
|
6156
6156
|
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
6157
|
-
className: styles$
|
|
6157
|
+
className: styles$G.title,
|
|
6158
6158
|
children: title
|
|
6159
6159
|
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
6160
|
-
className: styles$
|
|
6160
|
+
className: styles$G.description,
|
|
6161
6161
|
children: description
|
|
6162
6162
|
})]
|
|
6163
6163
|
})]
|
|
6164
6164
|
}), (action || close) && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6165
|
-
className: styles$
|
|
6165
|
+
className: styles$G.actions,
|
|
6166
6166
|
children: [action && /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
6167
6167
|
title: action,
|
|
6168
6168
|
size: "small",
|
|
6169
6169
|
variant: "text",
|
|
6170
6170
|
color: "primary",
|
|
6171
|
-
className: styles$
|
|
6171
|
+
className: styles$G.button
|
|
6172
6172
|
}), close && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
6173
6173
|
onClick: toggle,
|
|
6174
|
-
className: styles$
|
|
6174
|
+
className: styles$G.close,
|
|
6175
6175
|
children: /*#__PURE__*/jsxRuntime.jsx(Cross$1, {
|
|
6176
|
-
className: styles$
|
|
6176
|
+
className: styles$G.icon
|
|
6177
6177
|
})
|
|
6178
6178
|
})]
|
|
6179
6179
|
})]
|
|
@@ -11813,9 +11813,9 @@ process.env.NODE_ENV !== "production" ? Link.propTypes
|
|
|
11813
11813
|
} : void 0;
|
|
11814
11814
|
var Link$1 = Link;
|
|
11815
11815
|
|
|
11816
|
-
var css_248z$
|
|
11817
|
-
var styles$
|
|
11818
|
-
styleInject(css_248z$
|
|
11816
|
+
var css_248z$C = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.Breadcrumbs-module_container__w5vWh {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n width: auto;\n}\n.Breadcrumbs-module_container__w5vWh .Breadcrumbs-module_seperator__sU40m {\n width: 1.5rem;\n height: 1.5rem;\n stroke: var(--grey2);\n}\n.Breadcrumbs-module_container__w5vWh .Breadcrumbs-module_breadcrumb-item__YCE98 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n font-weight: 600;\n font-size: 0.875rem;\n color: var(--grey2);\n}\n.Breadcrumbs-module_container__w5vWh .Breadcrumbs-module_breadcrumb-item__YCE98.Breadcrumbs-module_active__rs4zQ {\n color: var(--black);\n}";
|
|
11817
|
+
var styles$B = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","container":"Breadcrumbs-module_container__w5vWh","seperator":"Breadcrumbs-module_seperator__sU40m","breadcrumb-item":"Breadcrumbs-module_breadcrumb-item__YCE98","active":"Breadcrumbs-module_active__rs4zQ"};
|
|
11818
|
+
styleInject(css_248z$C);
|
|
11819
11819
|
|
|
11820
11820
|
var BreadCrumbs = function BreadCrumbs(props) {
|
|
11821
11821
|
var crumbs = props.crumbs,
|
|
@@ -11823,13 +11823,13 @@ var BreadCrumbs = function BreadCrumbs(props) {
|
|
|
11823
11823
|
itemsBeforeCollapse = props.itemsBeforeCollapse,
|
|
11824
11824
|
itemsAfterCollapse = props.itemsAfterCollapse;
|
|
11825
11825
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
11826
|
-
className: classes(styles$
|
|
11826
|
+
className: classes(styles$B.container),
|
|
11827
11827
|
children: /*#__PURE__*/jsxRuntime.jsx(Breadcrumbs$1, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
11828
11828
|
maxItems: maxItems,
|
|
11829
11829
|
itemsBeforeCollapse: itemsBeforeCollapse,
|
|
11830
11830
|
itemsAfterCollapse: itemsAfterCollapse,
|
|
11831
11831
|
separator: /*#__PURE__*/jsxRuntime.jsx(BreadcrumbSeperator, {
|
|
11832
|
-
className: styles$
|
|
11832
|
+
className: styles$B.seperator
|
|
11833
11833
|
}),
|
|
11834
11834
|
"aria-label": "breadcrumb",
|
|
11835
11835
|
children: crumbs.map(function (crumb, index) {
|
|
@@ -11839,7 +11839,7 @@ var BreadCrumbs = function BreadCrumbs(props) {
|
|
|
11839
11839
|
underline: "hover",
|
|
11840
11840
|
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
11841
11841
|
"data-elem": "breadcrumb-item".concat(active ? '-active' : ''),
|
|
11842
|
-
className: classes(styles$
|
|
11842
|
+
className: classes(styles$B['breadcrumb-item'], active ? styles$B.active : ''),
|
|
11843
11843
|
children: getSpacedDisplayName(crumb).replace(/-/g, ' ')
|
|
11844
11844
|
})
|
|
11845
11845
|
}, crumb);
|
|
@@ -32638,9 +32638,9 @@ var dracula = {
|
|
|
32638
32638
|
numberColor: "#bd93f9"
|
|
32639
32639
|
};
|
|
32640
32640
|
|
|
32641
|
-
var css_248z$
|
|
32642
|
-
var styles$
|
|
32643
|
-
styleInject(css_248z$
|
|
32641
|
+
var css_248z$B = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.CodeSnippet-module_root__DwI00 {\n padding: 0.5rem, 1rem;\n position: relative;\n}\n.CodeSnippet-module_root__DwI00 .CodeSnippet-module_copy__evfwO {\n position: absolute;\n right: 1rem;\n top: 0.5rem;\n cursor: pointer;\n}\n.CodeSnippet-module_root__DwI00 .CodeSnippet-module_copy__evfwO .CodeSnippet-module_icon__D6dmB {\n width: 1.5rem;\n height: 1.5rem;\n}\n.CodeSnippet-module_root__DwI00 .CodeSnippet-module_copy__evfwO .CodeSnippet-module_icon__D6dmB.CodeSnippet-module_dark__uqayk {\n fill: var(--white);\n}\n.CodeSnippet-module_root__DwI00 .CodeSnippet-module_copy__evfwO .CodeSnippet-module_icon__D6dmB.CodeSnippet-module_light__ReXsJ {\n fill: var(--black);\n}\n.CodeSnippet-module_root__DwI00 .CodeSnippet-module_copy__evfwO .CodeSnippet-module_notCopied__J2bl4 {\n display: none;\n}\n.CodeSnippet-module_root__DwI00 .CodeSnippet-module_copy__evfwO .CodeSnippet-module_copied__8xo5B {\n position: absolute;\n right: 1.375rem;\n top: 2.188rem;\n padding: 0.5rem;\n border-radius: 0.25rem;\n background-color: var(--highlight);\n color: var(--grey10);\n}";
|
|
32642
|
+
var styles$A = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"CodeSnippet-module_root__DwI00","copy":"CodeSnippet-module_copy__evfwO","icon":"CodeSnippet-module_icon__D6dmB","dark":"CodeSnippet-module_dark__uqayk","light":"CodeSnippet-module_light__ReXsJ","notCopied":"CodeSnippet-module_notCopied__J2bl4","copied":"CodeSnippet-module_copied__8xo5B"};
|
|
32643
|
+
styleInject(css_248z$B);
|
|
32644
32644
|
|
|
32645
32645
|
var CodeSnippet = function CodeSnippet(props) {
|
|
32646
32646
|
var copy = props.copy,
|
|
@@ -32662,7 +32662,7 @@ var CodeSnippet = function CodeSnippet(props) {
|
|
|
32662
32662
|
setCopiedState(true);
|
|
32663
32663
|
};
|
|
32664
32664
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32665
|
-
className: styles$
|
|
32665
|
+
className: styles$A.root,
|
|
32666
32666
|
children: [/*#__PURE__*/jsxRuntime.jsx(ThemedCodeBlock, {
|
|
32667
32667
|
text: code,
|
|
32668
32668
|
language: language,
|
|
@@ -32672,12 +32672,12 @@ var CodeSnippet = function CodeSnippet(props) {
|
|
|
32672
32672
|
codeBlock: true,
|
|
32673
32673
|
wrapLines: true
|
|
32674
32674
|
}), copy && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32675
|
-
className: styles$
|
|
32675
|
+
className: styles$A.copy,
|
|
32676
32676
|
onClick: onCopy,
|
|
32677
32677
|
children: [/*#__PURE__*/jsxRuntime.jsx(Copy, {
|
|
32678
|
-
className: classes(styles$
|
|
32678
|
+
className: classes(styles$A.icon, theme === 'dark' ? styles$A.dark : styles$A.light)
|
|
32679
32679
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
32680
|
-
className: copiedState ? styles$
|
|
32680
|
+
className: copiedState ? styles$A.copied : styles$A.notCopied,
|
|
32681
32681
|
children: copiedState ? 'Copied' : ''
|
|
32682
32682
|
})]
|
|
32683
32683
|
})]
|
|
@@ -33524,52 +33524,52 @@ function sub$1(date, duration) {
|
|
|
33524
33524
|
return finalDate;
|
|
33525
33525
|
}
|
|
33526
33526
|
|
|
33527
|
-
var css_248z$
|
|
33528
|
-
var styles$
|
|
33529
|
-
styleInject(css_248z$
|
|
33527
|
+
var css_248z$A = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.Header-module_container__89ew- {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0rem 1.5625rem;\n}\n.Header-module_container__89ew- .Header-module_title__EtL4K {\n font-weight: 400;\n font-size: 0.8rem;\n color: var(--black);\n}\n.Header-module_container__89ew- .Header-module_icon__8hwq1 {\n width: 1.5rem;\n height: 1.5rem;\n stroke: #181818;\n cursor: pointer;\n}";
|
|
33528
|
+
var styles$z = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","container":"Header-module_container__89ew-","title":"Header-module_title__EtL4K","icon":"Header-module_icon__8hwq1"};
|
|
33529
|
+
styleInject(css_248z$A);
|
|
33530
33530
|
|
|
33531
33531
|
var Header = function Header(props) {
|
|
33532
33532
|
var selectedMonth = props.selectedMonth,
|
|
33533
33533
|
onMonthChange = props.onMonthChange;
|
|
33534
33534
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
33535
|
-
className: styles$
|
|
33535
|
+
className: styles$z.container,
|
|
33536
33536
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33537
33537
|
onClick: function onClick() {
|
|
33538
33538
|
onMonthChange('prev');
|
|
33539
33539
|
},
|
|
33540
|
-
className: styles$
|
|
33540
|
+
className: styles$z['left-arrow'],
|
|
33541
33541
|
children: /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
33542
|
-
className: classes(styles$
|
|
33542
|
+
className: classes(styles$z.icon),
|
|
33543
33543
|
position: "left"
|
|
33544
33544
|
})
|
|
33545
33545
|
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
33546
|
-
className: styles$
|
|
33546
|
+
className: styles$z.title,
|
|
33547
33547
|
children: "".concat(selectedMonth.month, " ").concat(selectedMonth.year)
|
|
33548
33548
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33549
33549
|
onClick: function onClick() {
|
|
33550
33550
|
onMonthChange('next');
|
|
33551
33551
|
},
|
|
33552
|
-
className: styles$
|
|
33552
|
+
className: styles$z['right-arrow'],
|
|
33553
33553
|
children: /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
33554
|
-
className: classes(styles$
|
|
33554
|
+
className: classes(styles$z.icon),
|
|
33555
33555
|
position: "right"
|
|
33556
33556
|
})
|
|
33557
33557
|
})]
|
|
33558
33558
|
});
|
|
33559
33559
|
};
|
|
33560
33560
|
|
|
33561
|
-
var css_248z$
|
|
33562
|
-
var styles$
|
|
33561
|
+
var css_248z$z = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.Calender-module_root__CSkOi {\n padding: 1rem 0rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}";
|
|
33562
|
+
var styles$y = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"Calender-module_root__CSkOi"};
|
|
33563
|
+
styleInject(css_248z$z);
|
|
33564
|
+
|
|
33565
|
+
var css_248z$y = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.Body-module_root__YPaGU {\n padding: 0.5rem 0.5rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n}";
|
|
33566
|
+
var styles$x = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"Body-module_root__YPaGU"};
|
|
33563
33567
|
styleInject(css_248z$y);
|
|
33564
33568
|
|
|
33565
|
-
var css_248z$x = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.
|
|
33566
|
-
var styles$w = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","
|
|
33569
|
+
var css_248z$x = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.Dates-module_dates__Bpo6h {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n align-items: center;\n flex-wrap: wrap;\n}\n.Dates-module_dates__Bpo6h div {\n flex-basis: 14.28%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n margin-bottom: 0.25rem;\n cursor: pointer;\n align-self: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.Dates-module_dates__Bpo6h div .Dates-module_date__W-t1s {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n text-align: center;\n vertical-align: middle;\n border-radius: 1.5rem;\n height: 2.5rem;\n width: 2.5rem;\n font-weight: 400;\n font-size: 0.875rem;\n color: var(--black);\n}\n.Dates-module_dates__Bpo6h div .Dates-module_selected__6pZPI {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Dates-module_dates__Bpo6h div .Dates-module_unSelected__t8E66 {\n background-color: var(--white);\n border-color: var(--highlight);\n border-width: 0.125rem;\n border-style: solid;\n color: var(--black);\n}\n.Dates-module_dates__Bpo6h div .Dates-module_disabled__5bins {\n border-radius: 1.5rem;\n color: var(--grey2);\n}\n.Dates-module_dates__Bpo6h div .Dates-module_diffMonth__yiuXL {\n opacity: 0.6;\n}\n.Dates-module_dates__Bpo6h div:hover .Dates-module_date__W-t1s {\n background: var(--background);\n color: var(--highlight);\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Dates-module_dates__Bpo6h div:hover .Dates-module_selected__6pZPI {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Dates-module_dates__Bpo6h div:hover .Dates-module_disabled__5bins {\n background: transparent;\n box-shadow: none;\n border-radius: 1.5rem;\n color: var(--grey2);\n}\n.Dates-module_dates__Bpo6h .Dates-module_minInRange__uTZme {\n background-color: var(--highlight);\n border-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_minInRange__uTZme .Dates-module_date__W-t1s {\n color: var(--white);\n}\n.Dates-module_dates__Bpo6h .Dates-module_minInRange__uTZme:hover .Dates-module_date__W-t1s {\n background: var(--highlight);\n color: var(--white);\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Dates-module_dates__Bpo6h .Dates-module_maxInRange__3Rr0G {\n background-color: var(--highlight);\n border-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_maxInRange__3Rr0G .Dates-module_date__W-t1s {\n color: var(--white);\n}\n.Dates-module_dates__Bpo6h .Dates-module_maxInRange__3Rr0G:hover .Dates-module_date__W-t1s {\n background: var(--highlight);\n color: var(--white);\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Dates-module_dates__Bpo6h .Dates-module_midInRange__hZ0HP {\n background: var(--background);\n border-radius: 0rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_midInRange__hZ0HP .Dates-module_date__W-t1s {\n color: var(--highlight);\n}\n.Dates-module_dates__Bpo6h .Dates-module_first-hovered__3S0LO {\n background: var(--background);\n border-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_first-hovered__3S0LO .Dates-module_date__W-t1s {\n color: var(--highlight);\n}\n.Dates-module_dates__Bpo6h .Dates-module_last-hovered__zPW7P {\n background: var(--background);\n border-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_last-hovered__zPW7P .Dates-module_date__W-t1s {\n color: var(--highlight);\n}";
|
|
33570
|
+
var styles$w = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","dates":"Dates-module_dates__Bpo6h","date":"Dates-module_date__W-t1s","selected":"Dates-module_selected__6pZPI","unSelected":"Dates-module_unSelected__t8E66","disabled":"Dates-module_disabled__5bins","diffMonth":"Dates-module_diffMonth__yiuXL","minInRange":"Dates-module_minInRange__uTZme","maxInRange":"Dates-module_maxInRange__3Rr0G","midInRange":"Dates-module_midInRange__hZ0HP","first-hovered":"Dates-module_first-hovered__3S0LO","last-hovered":"Dates-module_last-hovered__zPW7P"};
|
|
33567
33571
|
styleInject(css_248z$x);
|
|
33568
33572
|
|
|
33569
|
-
var css_248z$w = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.Dates-module_dates__Bpo6h {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n align-items: center;\n flex-wrap: wrap;\n}\n.Dates-module_dates__Bpo6h div {\n flex-basis: 14.28%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n margin-bottom: 0.25rem;\n cursor: pointer;\n align-self: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.Dates-module_dates__Bpo6h div .Dates-module_date__W-t1s {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n text-align: center;\n vertical-align: middle;\n border-radius: 1.5rem;\n height: 2.5rem;\n width: 2.5rem;\n font-weight: 400;\n font-size: 0.875rem;\n color: var(--black);\n}\n.Dates-module_dates__Bpo6h div .Dates-module_selected__6pZPI {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Dates-module_dates__Bpo6h div .Dates-module_unSelected__t8E66 {\n background-color: var(--white);\n border-color: var(--highlight);\n border-width: 0.125rem;\n border-style: solid;\n color: var(--black);\n}\n.Dates-module_dates__Bpo6h div .Dates-module_disabled__5bins {\n border-radius: 1.5rem;\n color: var(--grey2);\n}\n.Dates-module_dates__Bpo6h div .Dates-module_diffMonth__yiuXL {\n opacity: 0.6;\n}\n.Dates-module_dates__Bpo6h div:hover .Dates-module_date__W-t1s {\n background: var(--background);\n color: var(--highlight);\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Dates-module_dates__Bpo6h div:hover .Dates-module_selected__6pZPI {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Dates-module_dates__Bpo6h div:hover .Dates-module_disabled__5bins {\n background: transparent;\n box-shadow: none;\n border-radius: 1.5rem;\n color: var(--grey2);\n}\n.Dates-module_dates__Bpo6h .Dates-module_minInRange__uTZme {\n background-color: var(--highlight);\n border-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_minInRange__uTZme .Dates-module_date__W-t1s {\n color: var(--white);\n}\n.Dates-module_dates__Bpo6h .Dates-module_minInRange__uTZme:hover .Dates-module_date__W-t1s {\n background: var(--highlight);\n color: var(--white);\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Dates-module_dates__Bpo6h .Dates-module_maxInRange__3Rr0G {\n background-color: var(--highlight);\n border-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_maxInRange__3Rr0G .Dates-module_date__W-t1s {\n color: var(--white);\n}\n.Dates-module_dates__Bpo6h .Dates-module_maxInRange__3Rr0G:hover .Dates-module_date__W-t1s {\n background: var(--highlight);\n color: var(--white);\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Dates-module_dates__Bpo6h .Dates-module_midInRange__hZ0HP {\n background: var(--background);\n border-radius: 0rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_midInRange__hZ0HP .Dates-module_date__W-t1s {\n color: var(--highlight);\n}\n.Dates-module_dates__Bpo6h .Dates-module_first-hovered__3S0LO {\n background: var(--background);\n border-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_first-hovered__3S0LO .Dates-module_date__W-t1s {\n color: var(--highlight);\n}\n.Dates-module_dates__Bpo6h .Dates-module_last-hovered__zPW7P {\n background: var(--background);\n border-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_last-hovered__zPW7P .Dates-module_date__W-t1s {\n color: var(--highlight);\n}";
|
|
33570
|
-
var styles$v = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","dates":"Dates-module_dates__Bpo6h","date":"Dates-module_date__W-t1s","selected":"Dates-module_selected__6pZPI","unSelected":"Dates-module_unSelected__t8E66","disabled":"Dates-module_disabled__5bins","diffMonth":"Dates-module_diffMonth__yiuXL","minInRange":"Dates-module_minInRange__uTZme","maxInRange":"Dates-module_maxInRange__3Rr0G","midInRange":"Dates-module_midInRange__hZ0HP","first-hovered":"Dates-module_first-hovered__3S0LO","last-hovered":"Dates-module_last-hovered__zPW7P"};
|
|
33571
|
-
styleInject(css_248z$w);
|
|
33572
|
-
|
|
33573
33573
|
var getDatesOfLastWeekOfLastMonth = function getDatesOfLastWeekOfLastMonth(_ref) {
|
|
33574
33574
|
var monthAsNumber = _ref.monthAsNumber,
|
|
33575
33575
|
year = _ref.year,
|
|
@@ -33770,7 +33770,7 @@ var Dates = function Dates(props) {
|
|
|
33770
33770
|
return (disableDatesAfter === null || disableDatesAfter === void 0 ? void 0 : disableDatesAfter.length) > 0 && isAfter(date, fromUnixTime(disableDatesAfter));
|
|
33771
33771
|
};
|
|
33772
33772
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33773
|
-
className: styles$
|
|
33773
|
+
className: styles$w.dates,
|
|
33774
33774
|
children: datesToDisplay.map(function (date) {
|
|
33775
33775
|
var _selectedRange$unix2;
|
|
33776
33776
|
var dateNumber = date === null || date === void 0 ? void 0 : date.getDate();
|
|
@@ -33794,8 +33794,8 @@ var Dates = function Dates(props) {
|
|
|
33794
33794
|
} else {
|
|
33795
33795
|
isMidItem = isBefore(date, fromUnixTime(lastItem)) && isAfter(date, fromUnixTime(firstItem).setHours(23, 59, 59, 59));
|
|
33796
33796
|
}
|
|
33797
|
-
var parentClassNames = classes(isMidItem ? styles$
|
|
33798
|
-
var childClassNames = classes(date ? styles$
|
|
33797
|
+
var parentClassNames = classes(isMidItem ? styles$w.midInRange : '', isFirstItem ? isHoveringBeforeSelectedDate ? styles$w.maxInRange : styles$w.minInRange : '', isLastItem ? styles$w.maxInRange : '', isLastItemHovered ? styles$w['first-hovered'] : '', isFirstItemHovered ? styles$w['last-hovered'] : '');
|
|
33798
|
+
var childClassNames = classes(date ? styles$w.date : '', selectedSingleDate ? styles$w.selected : '', isUnSelected ? styles$w.unSelected : '', notSameMonth ? styles$w.diffMonth : '', isDisabled ? styles$w.disabled : '');
|
|
33799
33799
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33800
33800
|
className: parentClassNames,
|
|
33801
33801
|
onClick: function onClick() {
|
|
@@ -33815,14 +33815,14 @@ var Dates = function Dates(props) {
|
|
|
33815
33815
|
});
|
|
33816
33816
|
};
|
|
33817
33817
|
|
|
33818
|
-
var css_248z$
|
|
33819
|
-
var styles$
|
|
33820
|
-
styleInject(css_248z$
|
|
33818
|
+
var css_248z$w = ".Days-module_days__h8GoU {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n text-align: center;\n}\n.Days-module_days__h8GoU span {\n padding: 0.75rem 0.5rem;\n font-weight: 500;\n font-size: 0.875rem;\n color: black;\n flex-basis: 14.28%;\n}";
|
|
33819
|
+
var styles$v = {"days":"Days-module_days__h8GoU"};
|
|
33820
|
+
styleInject(css_248z$w);
|
|
33821
33821
|
|
|
33822
33822
|
var Days = function Days() {
|
|
33823
33823
|
var daysInWeek = DAYS;
|
|
33824
33824
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33825
|
-
className: styles$
|
|
33825
|
+
className: styles$v.days,
|
|
33826
33826
|
children: daysInWeek.map(function (day) {
|
|
33827
33827
|
return /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
33828
33828
|
children: day
|
|
@@ -33833,14 +33833,14 @@ var Days = function Days() {
|
|
|
33833
33833
|
|
|
33834
33834
|
var Body = function Body(props) {
|
|
33835
33835
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
33836
|
-
className: styles$
|
|
33836
|
+
className: styles$x.root,
|
|
33837
33837
|
children: [/*#__PURE__*/jsxRuntime.jsx(Days, {}), /*#__PURE__*/jsxRuntime.jsx(Dates, _objectSpread2({}, props))]
|
|
33838
33838
|
});
|
|
33839
33839
|
};
|
|
33840
33840
|
|
|
33841
|
-
var css_248z$
|
|
33842
|
-
var styles$
|
|
33843
|
-
styleInject(css_248z$
|
|
33841
|
+
var css_248z$v = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.Footer-module_root__6JHNf {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n margin-inline: 1rem;\n}\n.Footer-module_root__6JHNf .Footer-module_apply__Dgszx {\n margin-top: 0.5rem;\n width: 100%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.Footer-module_selected-date__ZWKA5 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 1.125rem;\n background: var(--white);\n border: 0.0625rem solid var(--grey4);\n border-radius: 0.25rem;\n padding: 0.3rem 0rem 0.3rem 1rem;\n}\n.Footer-module_selected-date__ZWKA5 .Footer-module_date__67pQS {\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.3125rem;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Footer-module_selected-date__ZWKA5 .Footer-module_date__67pQS .Footer-module_cross__7bTBS {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Footer-module_selected-date__ZWKA5 .Footer-module_date__67pQS .Footer-module_value__CQwDE {\n font-weight: 400;\n padding-right: 0.7rem;\n border-right: 1px var(--grey3) solid;\n}\n\n.Footer-module_date-ranges__HS-BW {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n margin-top: 0.5rem;\n}\n.Footer-module_date-ranges__HS-BW .Footer-module_date-range__cDU-- {\n display: flex;\n align-items: center;\n padding: 0.875rem 1rem;\n gap: 1.125rem;\n cursor: pointer;\n}\n.Footer-module_date-ranges__HS-BW .Footer-module_date-range__cDU--:hover {\n background-color: var(--background);\n}\n.Footer-module_date-ranges__HS-BW .Footer-module_date-range__cDU-- span {\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.3125rem;\n color: var(--black);\n}\n.Footer-module_date-ranges__HS-BW .Footer-module_selected__oYOGU {\n background-color: var(--background);\n}";
|
|
33842
|
+
var styles$u = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"Footer-module_root__6JHNf","apply":"Footer-module_apply__Dgszx","selected-date":"Footer-module_selected-date__ZWKA5","date":"Footer-module_date__67pQS","cross":"Footer-module_cross__7bTBS","value":"Footer-module_value__CQwDE","date-ranges":"Footer-module_date-ranges__HS-BW","date-range":"Footer-module_date-range__cDU--","selected":"Footer-module_selected__oYOGU"};
|
|
33843
|
+
styleInject(css_248z$v);
|
|
33844
33844
|
|
|
33845
33845
|
var getDateAndUnixRange = function getDateAndUnixRange(duration) {
|
|
33846
33846
|
var startingDate = sub$1(new Date(), duration);
|
|
@@ -33876,11 +33876,11 @@ var SelectedDateView = function SelectedDateView(props) {
|
|
|
33876
33876
|
action = props.action,
|
|
33877
33877
|
Icon = props.icon;
|
|
33878
33878
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
33879
|
-
className: styles$
|
|
33879
|
+
className: styles$u['selected-date'],
|
|
33880
33880
|
children: [/*#__PURE__*/jsxRuntime.jsx(Calender$1, {}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
33881
|
-
className: styles$
|
|
33881
|
+
className: styles$u.date,
|
|
33882
33882
|
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
33883
|
-
className: classes(styles$
|
|
33883
|
+
className: classes(styles$u.value),
|
|
33884
33884
|
children: value
|
|
33885
33885
|
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
33886
33886
|
size: "auto",
|
|
@@ -33917,13 +33917,13 @@ var Footer = function Footer(props) {
|
|
|
33917
33917
|
setSelectedRange({});
|
|
33918
33918
|
};
|
|
33919
33919
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
33920
|
-
className: styles$
|
|
33920
|
+
className: styles$u.root,
|
|
33921
33921
|
children: [datesSelected && (dates === null || dates === void 0 ? void 0 : dates.length) === 2 ? /*#__PURE__*/jsxRuntime.jsx(SelectedDateView, {
|
|
33922
33922
|
range: true,
|
|
33923
33923
|
value: "".concat(selectedRange.dates[0], " - ").concat(selectedRange.dates[1]),
|
|
33924
33924
|
icon: function icon() {
|
|
33925
33925
|
return /*#__PURE__*/jsxRuntime.jsx(Cross$1, {
|
|
33926
|
-
className: styles$
|
|
33926
|
+
className: styles$u.cross
|
|
33927
33927
|
});
|
|
33928
33928
|
},
|
|
33929
33929
|
action: clearRangeSelection
|
|
@@ -33934,14 +33934,14 @@ var Footer = function Footer(props) {
|
|
|
33934
33934
|
},
|
|
33935
33935
|
action: resetDate
|
|
33936
33936
|
}), range && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33937
|
-
className: styles$
|
|
33937
|
+
className: styles$u['date-ranges'],
|
|
33938
33938
|
children: dateRanges.map(function (_ref) {
|
|
33939
33939
|
var _selectedRange$unix;
|
|
33940
33940
|
var dateRange = _ref.dateRange,
|
|
33941
33941
|
title = _ref.title;
|
|
33942
33942
|
var selectedFixedDateRange = dateRange.unix.toString() === ((_selectedRange$unix = selectedRange.unix) === null || _selectedRange$unix === void 0 ? void 0 : _selectedRange$unix.toString());
|
|
33943
33943
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
33944
|
-
className: classes(styles$
|
|
33944
|
+
className: classes(styles$u['date-range'], selectedFixedDateRange ? styles$u.selected : ''),
|
|
33945
33945
|
onClick: function onClick() {
|
|
33946
33946
|
selectFixedDateRange(dateRange);
|
|
33947
33947
|
},
|
|
@@ -33953,7 +33953,7 @@ var Footer = function Footer(props) {
|
|
|
33953
33953
|
}), datesSelected && /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
33954
33954
|
onClick: onApply,
|
|
33955
33955
|
title: "Apply",
|
|
33956
|
-
className: styles$
|
|
33956
|
+
className: styles$u.apply
|
|
33957
33957
|
})]
|
|
33958
33958
|
});
|
|
33959
33959
|
};
|
|
@@ -34048,7 +34048,7 @@ var Calender = function Calender(props) {
|
|
|
34048
34048
|
}
|
|
34049
34049
|
};
|
|
34050
34050
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34051
|
-
className: styles$
|
|
34051
|
+
className: styles$y.root,
|
|
34052
34052
|
children: [/*#__PURE__*/jsxRuntime.jsx(Header, {
|
|
34053
34053
|
selectedMonth: selectedMonth,
|
|
34054
34054
|
onMonthChange: onMonthChange
|
|
@@ -34074,9 +34074,9 @@ var Calender = function Calender(props) {
|
|
|
34074
34074
|
});
|
|
34075
34075
|
};
|
|
34076
34076
|
|
|
34077
|
-
var css_248z$
|
|
34078
|
-
var styles$
|
|
34079
|
-
styleInject(css_248z$
|
|
34077
|
+
var css_248z$u = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.DatePicker-module_root__pWgbK {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.5rem;\n max-width: 100%;\n width: 25%;\n overflow: visible;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_label__TaavL {\n font-weight: 400;\n font-size: 0.75rem;\n color: var(--black);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background: transparent;\n border: 0.0625rem solid #d9d9d9;\n border-radius: 0.25rem;\n width: auto;\n border: 0.0625rem solid var(--grey5);\n padding: 0.75rem 1rem;\n cursor: pointer;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ > div {\n display: flex;\n align-items: center;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_placeholder__bJ4zY {\n font-weight: 400;\n font-size: 1rem;\n color: var(--grey1);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n margin-left: 0.9375rem;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_value__Dzh9C {\n font-weight: 400;\n font-size: 1rem;\n color: var(--black);\n margin-left: 0.9375rem;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_value__Dzh9C span {\n font-weight: 500;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_input__Xnk6R {\n display: none;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_icon__-P8w2 {\n width: 1.5rem;\n height: 1.5rem;\n stroke: #181818;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_down__QF2xc {\n transform: rotate(270deg);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_up__1dCIH {\n transform: rotate(90deg);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_disabled__lloGH {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background: var(--grey10);\n border: 0.0625rem solid #d9d9d9;\n border-radius: 0.25rem;\n border: 0.0625rem solid var(--grey5);\n padding: 0.75rem 1rem;\n cursor: pointer;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_disabled__lloGH .DatePicker-module_down-arrow__Bsna6 {\n transform: rotate(270deg);\n fill: var(--grey3);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_disabled__lloGH .DatePicker-module_placeholder__bJ4zY {\n font-weight: 400;\n font-size: 1rem;\n color: var(--grey3);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.DatePicker-module_root__pWgbK.DatePicker-module_open__7ff-- {\n border-color: var(--highlight);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_error__mp88e {\n border: 0.0938rem solid var(--error);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_error-text__wxtb- {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 0.9375rem;\n color: var(--error);\n}\n\n.DatePicker-module_popper__EFyrT {\n display: none;\n background: var(--white);\n border: 0.0625rem solid #d9d9d9;\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n border-radius: 0.25rem;\n overflow: auto;\n}\n.DatePicker-module_popper__EFyrT.DatePicker-module_open__7ff-- {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n position: absolute;\n}";
|
|
34078
|
+
var styles$t = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"DatePicker-module_error__mp88e","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"DatePicker-module_root__pWgbK","label":"DatePicker-module_label__TaavL","container":"DatePicker-module_container__mDxYJ","placeholder":"DatePicker-module_placeholder__bJ4zY","value":"DatePicker-module_value__Dzh9C","input":"DatePicker-module_input__Xnk6R","icon":"DatePicker-module_icon__-P8w2","down":"DatePicker-module_down__QF2xc","up":"DatePicker-module_up__1dCIH","disabled":"DatePicker-module_disabled__lloGH","down-arrow":"DatePicker-module_down-arrow__Bsna6","open":"DatePicker-module_open__7ff--","error-text":"DatePicker-module_error-text__wxtb-","popper":"DatePicker-module_popper__EFyrT"};
|
|
34079
|
+
styleInject(css_248z$u);
|
|
34080
34080
|
|
|
34081
34081
|
var isMaxRangeExceeded = function isMaxRangeExceeded(_ref) {
|
|
34082
34082
|
var maxRange = _ref.maxRange,
|
|
@@ -34214,35 +34214,35 @@ var DatePicker = function DatePicker(props) {
|
|
|
34214
34214
|
disableDatesBefore: disableDatesBefore
|
|
34215
34215
|
};
|
|
34216
34216
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34217
|
-
className: classes(styles$
|
|
34217
|
+
className: classes(styles$t.root, className),
|
|
34218
34218
|
ref: datePickerRef,
|
|
34219
34219
|
children: [label && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34220
|
-
className: styles$
|
|
34220
|
+
className: styles$t.label,
|
|
34221
34221
|
children: label
|
|
34222
34222
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({
|
|
34223
34223
|
"data-elem": "header",
|
|
34224
34224
|
ref: reference,
|
|
34225
|
-
className: classes(styles$
|
|
34225
|
+
className: classes(styles$t.container, disabled ? styles$t.disabled : '', open ? styles$t.open : '', error ? styles$t.error : '')
|
|
34226
34226
|
}, getReferenceProps()), {}, {
|
|
34227
34227
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34228
34228
|
children: [/*#__PURE__*/jsxRuntime.jsx(Calender$1, {}), !displayValue && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34229
|
-
className: styles$
|
|
34229
|
+
className: styles$t.placeholder,
|
|
34230
34230
|
children: placeholder
|
|
34231
34231
|
}), displayValue && /*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
34232
|
-
className: styles$
|
|
34232
|
+
className: styles$t.value,
|
|
34233
34233
|
children: ["Selected Date: ", /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34234
34234
|
children: displayValue
|
|
34235
34235
|
})]
|
|
34236
34236
|
})]
|
|
34237
34237
|
}), /*#__PURE__*/jsxRuntime.jsx("input", {
|
|
34238
|
-
className: styles$
|
|
34238
|
+
className: styles$t.input,
|
|
34239
34239
|
value: displayValue
|
|
34240
34240
|
}), /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
34241
|
-
className: classes(styles$
|
|
34241
|
+
className: classes(styles$t.icon),
|
|
34242
34242
|
position: open ? 'bottom' : 'top'
|
|
34243
34243
|
})]
|
|
34244
34244
|
})), error && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34245
|
-
className: styles$
|
|
34245
|
+
className: styles$t['error-text'],
|
|
34246
34246
|
children: error
|
|
34247
34247
|
}), /*#__PURE__*/jsxRuntime.jsx(Popper, {
|
|
34248
34248
|
open: open,
|
|
@@ -34261,7 +34261,7 @@ var DatePicker = function DatePicker(props) {
|
|
|
34261
34261
|
left: x !== null && x !== void 0 ? x : 0
|
|
34262
34262
|
}
|
|
34263
34263
|
})), {}, {
|
|
34264
|
-
className: classes(styles$
|
|
34264
|
+
className: classes(styles$t.popper, open ? styles$t.open : ''),
|
|
34265
34265
|
children: /*#__PURE__*/jsxRuntime.jsx(Calender, _objectSpread2({}, calenderProps))
|
|
34266
34266
|
}))
|
|
34267
34267
|
})]
|
|
@@ -34297,9 +34297,9 @@ DatePicker.defaultProps = {
|
|
|
34297
34297
|
disableDatesAfter: []
|
|
34298
34298
|
};
|
|
34299
34299
|
|
|
34300
|
-
var css_248z$
|
|
34301
|
-
var styles$
|
|
34302
|
-
styleInject(css_248z$
|
|
34300
|
+
var css_248z$t = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.HierarchyItem-module_root__xmuT5 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n flex: 1;\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.25rem;\n min-height: 2rem;\n height: auto;\n padding: 0.25rem;\n cursor: pointer;\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W > [data-elem=component1], .HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W > [data-elem=component1] .HierarchyItem-module_icon__8cxN-, .HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W > [data-elem=component3] .HierarchyItem-module_icon__8cxN- {\n transform: rotate(-90deg);\n width: 1rem;\n height: 1rem;\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W > [data-elem=component2] {\n flex: 1 1 auto;\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W > [data-elem=component2] .HierarchyItem-module_title__CiLbz {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W:hover {\n background: var(--background);\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W:hover .HierarchyItem-module_icon__8cxN-,\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W:hover .HierarchyItem-module_title__CiLbz,\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W:hover .HierarchyItem-module_title__CiLbz svg {\n color: var(--highlight);\n fill: var(--highlight);\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_body__Ki7zD {\n display: none;\n flex: 1 0 auto;\n padding: 0px 0rem 0px 0.25rem;\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_body__Ki7zD > [data-elem=component1] {\n flex: 0 0 1.6rem;\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_body__Ki7zD > [data-elem=component1] .HierarchyItem-module_tail__6j167 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n width: 1.6rem;\n height: 100%;\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_body__Ki7zD > [data-elem=component1] .HierarchyItem-module_tail__6j167::after {\n content: \"\";\n display: block;\n margin: auto;\n width: 1px;\n flex: 1;\n background: var(--grey1);\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_body__Ki7zD > [data-elem=component2] {\n flex: 1 0 auto;\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_body__Ki7zD > [data-elem=component2] .HierarchyItem-module_children__LEvjl {\n flex: 1 0 auto;\n}\n.HierarchyItem-module_root__xmuT5.HierarchyItem-module_open__z-239 > .HierarchyItem-module_header__f6M5W .HierarchyItem-module_icon__8cxN- {\n transform: none;\n}\n.HierarchyItem-module_root__xmuT5.HierarchyItem-module_open__z-239 > .HierarchyItem-module_body__Ki7zD {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.25rem;\n height: auto;\n}";
|
|
34301
|
+
var styles$s = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"HierarchyItem-module_root__xmuT5","header":"HierarchyItem-module_header__f6M5W","icon":"HierarchyItem-module_icon__8cxN-","title":"HierarchyItem-module_title__CiLbz","body":"HierarchyItem-module_body__Ki7zD","tail":"HierarchyItem-module_tail__6j167","children":"HierarchyItem-module_children__LEvjl","open":"HierarchyItem-module_open__z-239"};
|
|
34302
|
+
styleInject(css_248z$t);
|
|
34303
34303
|
|
|
34304
34304
|
var HierarchyItem = function HierarchyItem(props) {
|
|
34305
34305
|
var defaultOpen = props.defaultOpen,
|
|
@@ -34312,12 +34312,12 @@ var HierarchyItem = function HierarchyItem(props) {
|
|
|
34312
34312
|
open = _useState2[0],
|
|
34313
34313
|
setOpen = _useState2[1];
|
|
34314
34314
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34315
|
-
className: classes(styles$
|
|
34315
|
+
className: classes(styles$s.root, open ? styles$s.open : ''),
|
|
34316
34316
|
children: [/*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
34317
34317
|
flexible: true,
|
|
34318
34318
|
size: "auto",
|
|
34319
34319
|
rootDOM: "button",
|
|
34320
|
-
className: styles$
|
|
34320
|
+
className: styles$s.header,
|
|
34321
34321
|
attrs: {
|
|
34322
34322
|
onClick: function onClick() {
|
|
34323
34323
|
setOpen(function (prevState) {
|
|
@@ -34328,23 +34328,23 @@ var HierarchyItem = function HierarchyItem(props) {
|
|
|
34328
34328
|
}
|
|
34329
34329
|
},
|
|
34330
34330
|
component1: iconPlacement === 'left' && /*#__PURE__*/jsxRuntime.jsx(Caret, {
|
|
34331
|
-
className: styles$
|
|
34331
|
+
className: styles$s.icon
|
|
34332
34332
|
}),
|
|
34333
34333
|
component2: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34334
|
-
className: styles$
|
|
34334
|
+
className: styles$s.title,
|
|
34335
34335
|
children: title
|
|
34336
34336
|
}),
|
|
34337
34337
|
component3: iconPlacement === 'right' && /*#__PURE__*/jsxRuntime.jsx(Caret, {
|
|
34338
|
-
className: styles$
|
|
34338
|
+
className: styles$s.icon
|
|
34339
34339
|
})
|
|
34340
34340
|
}), /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
34341
34341
|
size: "auto",
|
|
34342
|
-
className: styles$
|
|
34342
|
+
className: styles$s.body,
|
|
34343
34343
|
component1: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34344
|
-
className: styles$
|
|
34344
|
+
className: styles$s.tail
|
|
34345
34345
|
}),
|
|
34346
34346
|
component2: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34347
|
-
className: styles$
|
|
34347
|
+
className: styles$s.children,
|
|
34348
34348
|
children: children
|
|
34349
34349
|
})
|
|
34350
34350
|
})]
|
|
@@ -34363,9 +34363,9 @@ HierarchyItem.defaultProps = {
|
|
|
34363
34363
|
onClick: function onClick() {}
|
|
34364
34364
|
};
|
|
34365
34365
|
|
|
34366
|
-
var css_248z$
|
|
34367
|
-
var styles$
|
|
34368
|
-
styleInject(css_248z$
|
|
34366
|
+
var css_248z$s = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.HierarchyBrowser-module_root__j3ioY {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n width: 20rem;\n position: relative;\n}\n.HierarchyBrowser-module_root__j3ioY .HierarchyBrowser-module_header__b9The {\n padding: 0.5rem;\n background: var(--dark-grey);\n color: var(--white);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.HierarchyBrowser-module_root__j3ioY .HierarchyBrowser-module_body__EUy5V {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n overflow: auto;\n}\n.HierarchyBrowser-module_root__j3ioY .HierarchyBrowser-module_item__YXgKC {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.25rem;\n}\n.HierarchyBrowser-module_root__j3ioY .HierarchyBrowser-module_item__YXgKC .HierarchyBrowser-module_item-icon__U1YXT {\n width: 1rem;\n}\n.HierarchyBrowser-module_root__j3ioY::after {\n position: absolute;\n right: 0;\n content: \"\";\n width: 1px;\n height: 100%;\n background: var(--grey4);\n}\n.HierarchyBrowser-module_root__j3ioY.HierarchyBrowser-module_resizable__WU3QL:hover::after {\n width: 3px;\n cursor: col-resize;\n}";
|
|
34367
|
+
var styles$r = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"HierarchyBrowser-module_root__j3ioY","header":"HierarchyBrowser-module_header__b9The","body":"HierarchyBrowser-module_body__EUy5V","item":"HierarchyBrowser-module_item__YXgKC","item-icon":"HierarchyBrowser-module_item-icon__U1YXT","resizable":"HierarchyBrowser-module_resizable__WU3QL"};
|
|
34368
|
+
styleInject(css_248z$s);
|
|
34369
34369
|
|
|
34370
34370
|
var Title = function Title(props) {
|
|
34371
34371
|
var item = props.item;
|
|
@@ -34378,14 +34378,14 @@ var Title = function Title(props) {
|
|
|
34378
34378
|
break;
|
|
34379
34379
|
}
|
|
34380
34380
|
return /*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
34381
|
-
className: styles$
|
|
34381
|
+
className: styles$r.item,
|
|
34382
34382
|
children: [Icon && /*#__PURE__*/jsxRuntime.jsx(Icon, {
|
|
34383
|
-
className: styles$
|
|
34383
|
+
className: styles$r['item-icon']
|
|
34384
34384
|
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34385
|
-
className: styles$
|
|
34385
|
+
className: styles$r['item-title'],
|
|
34386
34386
|
children: item === null || item === void 0 ? void 0 : item.title
|
|
34387
34387
|
}), (item === null || item === void 0 ? void 0 : item.count) && /*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
34388
|
-
className: styles$
|
|
34388
|
+
className: styles$r['item-count'],
|
|
34389
34389
|
children: ["(", item === null || item === void 0 ? void 0 : item.count, ")"]
|
|
34390
34390
|
})]
|
|
34391
34391
|
});
|
|
@@ -34435,12 +34435,12 @@ var HierarchyBrowser = function HierarchyBrowser(props) {
|
|
|
34435
34435
|
};
|
|
34436
34436
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34437
34437
|
ref: browserRef,
|
|
34438
|
-
className: classes(styles$
|
|
34438
|
+
className: classes(styles$r.root, className, resizable ? styles$r.resizable : ''),
|
|
34439
34439
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34440
|
-
className: styles$
|
|
34440
|
+
className: styles$r.header,
|
|
34441
34441
|
children: "Browser"
|
|
34442
34442
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34443
|
-
className: styles$
|
|
34443
|
+
className: styles$r.body,
|
|
34444
34444
|
children: renderTree(metadata)
|
|
34445
34445
|
})]
|
|
34446
34446
|
});
|
|
@@ -34473,9 +34473,9 @@ HierarchyBrowser.defaultProps = {
|
|
|
34473
34473
|
}
|
|
34474
34474
|
};
|
|
34475
34475
|
|
|
34476
|
-
var css_248z$
|
|
34477
|
-
var styles$
|
|
34478
|
-
styleInject(css_248z$
|
|
34476
|
+
var css_248z$r = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.TextField-module_root__cxliV {\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__cxliV label {\n width: 100%;\n max-width: 100%;\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 1.125rem;\n letter-spacing: 0.32px;\n color: var(--grey);\n height: 100%;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.5rem;\n padding: 0rem 0.5rem;\n max-width: 100%;\n width: 100%;\n border-color: var(--grey4);\n border-style: solid;\n border-radius: 0.25rem;\n height: 100%;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr .TextField-module_icon__ZP1kq {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem=component2] {\n flex: 1;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem=component2] .TextField-module_input__XtpAB {\n -moz-appearance: textfield;\n flex: 1;\n background-color: transparent;\n border: none;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: var(--black);\n width: 100%;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem=component2] .TextField-module_input__XtpAB::-webkit-outer-spin-button, .TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem=component2] .TextField-module_input__XtpAB::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem=component2] .TextField-module_input__XtpAB:focus {\n outline: none;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem=component2] .TextField-module_input__XtpAB:disabled {\n background: var(--grey9);\n color: var(--grey3);\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem=component2] .TextField-module_input__XtpAB.TextField-module_sm__NtUhK {\n padding: 0.5rem 0rem;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem=component2] .TextField-module_input__XtpAB.TextField-module_md__X9UkD {\n padding: 0.688rem 0rem;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem=component2] .TextField-module_input__XtpAB.TextField-module_lg__CnIeo {\n padding: 1rem 0rem;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr.TextField-module_type-textarea__pzmyo {\n padding: 0;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr.TextField-module_type-textarea__pzmyo > [data-elem=component2] .TextField-module_input__XtpAB {\n resize: vertical;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr.TextField-module_type-textarea__pzmyo > [data-elem=component2] .TextField-module_input__XtpAB.TextField-module_md__X9UkD {\n padding: 0.313rem 0.75rem;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr.TextField-module_type-textarea__pzmyo > [data-elem=component2] .TextField-module_input__XtpAB.TextField-module_lg__CnIeo {\n padding: 0.5rem 1rem;\n font-size: 1rem;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr:focus-within {\n border: 0.063rem solid var(--info);\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr:focus-within.TextField-module_feedback-error__Co5mv {\n border-color: var(--error);\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr.TextField-module_border-default__lIsd3 {\n border-width: 0.063rem;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr.TextField-module_border-bottom__78YVX {\n border-width: 0rem 0rem 0.063rem 0rem;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr.TextField-module_border-none__o0wUl {\n border-width: 0rem;\n}\n.TextField-module_root__cxliV .TextField-module_bottom__T-Irz {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n min-height: 2rem;\n width: 100%;\n gap: 1rem;\n color: var(--grey3);\n font-size: 0.75rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.TextField-module_root__cxliV .TextField-module_bottom__T-Irz .TextField-module_feedback__-Un1k {\n flex: 1;\n margin-right: auto;\n}\n.TextField-module_root__cxliV .TextField-module_bottom__T-Irz .TextField-module_feedback__-Un1k.TextField-module_feedback-error__Co5mv {\n color: var(--error);\n fill: var(--error);\n}\n.TextField-module_root__cxliV .TextField-module_bottom__T-Irz .TextField-module_feedback__-Un1k.TextField-module_feedback-success__TI4mz {\n color: var(--success);\n fill: var(--success);\n}\n.TextField-module_root__cxliV .TextField-module_bottom__T-Irz .TextField-module_count__aVqOg {\n text-align: right;\n margin-left: auto;\n}\n.TextField-module_root__cxliV .TextField-module_bottom__T-Irz .TextField-module_count__aVqOg.TextField-module_exceeded__9eaex {\n color: var(--error);\n}";
|
|
34477
|
+
var styles$q = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"TextField-module_root__cxliV","input-wrapper":"TextField-module_input-wrapper__jQiRr","icon":"TextField-module_icon__ZP1kq","input":"TextField-module_input__XtpAB","sm":"TextField-module_sm__NtUhK","md":"TextField-module_md__X9UkD","lg":"TextField-module_lg__CnIeo","type-textarea":"TextField-module_type-textarea__pzmyo","feedback-error":"TextField-module_feedback-error__Co5mv","border-default":"TextField-module_border-default__lIsd3","border-bottom":"TextField-module_border-bottom__78YVX","border-none":"TextField-module_border-none__o0wUl","bottom":"TextField-module_bottom__T-Irz","feedback":"TextField-module_feedback__-Un1k","feedback-success":"TextField-module_feedback-success__TI4mz","count":"TextField-module_count__aVqOg","exceeded":"TextField-module_exceeded__9eaex"};
|
|
34478
|
+
styleInject(css_248z$r);
|
|
34479
34479
|
|
|
34480
34480
|
var TextField = /*#__PURE__*/React.forwardRef(function TextField(props, inputRef) {
|
|
34481
34481
|
var _inputValue$length;
|
|
@@ -34528,26 +34528,26 @@ var TextField = /*#__PURE__*/React.forwardRef(function TextField(props, inputRef
|
|
|
34528
34528
|
ref: inputRef,
|
|
34529
34529
|
value: inputValue,
|
|
34530
34530
|
onChange: handleChange,
|
|
34531
|
-
className: classes(styles$
|
|
34531
|
+
className: classes(styles$q[size], styles$q.input)
|
|
34532
34532
|
}, inputProps));
|
|
34533
34533
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34534
|
-
className: classes(styles$
|
|
34534
|
+
className: classes(styles$q.root, className),
|
|
34535
34535
|
children: [/*#__PURE__*/jsxRuntime.jsxs("label", {
|
|
34536
34536
|
children: [label, /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
34537
|
-
className: classes(styles$
|
|
34537
|
+
className: classes(styles$q['input-wrapper'], styles$q["border-".concat(border)], styles$q["type-".concat(type)], feedback != null ? styles$q["feedback-".concat(feedback === null || feedback === void 0 ? void 0 : feedback.type)] : ''),
|
|
34538
34538
|
component1: LeftComponent && /*#__PURE__*/jsxRuntime.jsx(LeftComponent, {}),
|
|
34539
34539
|
component2: Input,
|
|
34540
34540
|
component3: RightComponent && /*#__PURE__*/jsxRuntime.jsx(RightComponent, {})
|
|
34541
34541
|
})]
|
|
34542
34542
|
}), feedbackAndCount && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34543
|
-
className: styles$
|
|
34543
|
+
className: styles$q.bottom,
|
|
34544
34544
|
children: [feedback != null && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34545
34545
|
"data-elem": "feedback",
|
|
34546
|
-
className: classes(styles$
|
|
34546
|
+
className: classes(styles$q.feedback, styles$q["feedback-".concat(feedback.type)]),
|
|
34547
34547
|
children: feedback.text
|
|
34548
34548
|
}), (count === null || count === void 0 ? void 0 : count.limit) != null && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34549
34549
|
"data-elem": "count",
|
|
34550
|
-
className: classes(styles$
|
|
34550
|
+
className: classes(styles$q.count, (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) > count.limit ? styles$q.exceeded : ''),
|
|
34551
34551
|
children: [(_inputValue$length = inputValue.length) !== null && _inputValue$length !== void 0 ? _inputValue$length : 0, "/", count.limit]
|
|
34552
34552
|
})]
|
|
34553
34553
|
})]
|
|
@@ -34598,9 +34598,9 @@ TextField.defaultProps = {
|
|
|
34598
34598
|
feedbackAndCount: false
|
|
34599
34599
|
};
|
|
34600
34600
|
|
|
34601
|
-
var css_248z$
|
|
34602
|
-
var styles$
|
|
34603
|
-
styleInject(css_248z$
|
|
34601
|
+
var css_248z$q = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.CheckBox-module_root__Kl-MJ {\n cursor: pointer;\n gap: 10px;\n}\n.CheckBox-module_root__Kl-MJ.CheckBox-module_position-left__-J-Kn {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.CheckBox-module_root__Kl-MJ.CheckBox-module_position-right__E2z34 {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n align-items: center;\n}\n.CheckBox-module_root__Kl-MJ input[type=checkbox] {\n opacity: 0;\n z-index: 1;\n position: absolute;\n width: 1px;\n height: 1px;\n}\n.CheckBox-module_root__Kl-MJ.CheckBox-module_disabled__GCLi9 {\n cursor: default;\n}\n.CheckBox-module_root__Kl-MJ .CheckBox-module_icon__-tYzW {\n display: inline-block;\n}\n.CheckBox-module_root__Kl-MJ .CheckBox-module_icon__-tYzW.CheckBox-module_icon-sm__uPZWz {\n width: 1rem;\n height: 1rem;\n}\n.CheckBox-module_root__Kl-MJ .CheckBox-module_icon__-tYzW.CheckBox-module_icon-md__vS4-L {\n width: 1.25rem;\n height: 1.25rem;\n}\n.CheckBox-module_root__Kl-MJ .CheckBox-module_icon__-tYzW.CheckBox-module_icon-lg__ABtTM {\n width: 1.5rem;\n height: 2rem;\n}\n.CheckBox-module_root__Kl-MJ [data-elem=label] {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}";
|
|
34602
|
+
var styles$p = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"CheckBox-module_root__Kl-MJ","position-left":"CheckBox-module_position-left__-J-Kn","position-right":"CheckBox-module_position-right__E2z34","disabled":"CheckBox-module_disabled__GCLi9","icon":"CheckBox-module_icon__-tYzW","icon-sm":"CheckBox-module_icon-sm__uPZWz","icon-md":"CheckBox-module_icon-md__vS4-L","icon-lg":"CheckBox-module_icon-lg__ABtTM"};
|
|
34603
|
+
styleInject(css_248z$q);
|
|
34604
34604
|
|
|
34605
34605
|
var Checkbox = function Checkbox(props) {
|
|
34606
34606
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -34631,7 +34631,7 @@ var Checkbox = function Checkbox(props) {
|
|
|
34631
34631
|
};
|
|
34632
34632
|
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
34633
34633
|
return /*#__PURE__*/jsxRuntime.jsxs("label", {
|
|
34634
|
-
className: classes(styles$
|
|
34634
|
+
className: classes(styles$p.root, styles$p["position-".concat(position)], className, disabled ? styles$p.disabled : ''),
|
|
34635
34635
|
children: [/*#__PURE__*/jsxRuntime.jsx("input", _objectSpread2(_objectSpread2({
|
|
34636
34636
|
disabled: disabled,
|
|
34637
34637
|
type: "checkbox",
|
|
@@ -34642,10 +34642,10 @@ var Checkbox = function Checkbox(props) {
|
|
|
34642
34642
|
onChange: handleChange
|
|
34643
34643
|
})), isChecked ? /*#__PURE__*/jsxRuntime.jsx(CheckboxIcon.Checked, {
|
|
34644
34644
|
"data-elem": "icon",
|
|
34645
|
-
className: classes(styles$
|
|
34645
|
+
className: classes(styles$p["icon-".concat(size)], styles$p.icon)
|
|
34646
34646
|
}) : /*#__PURE__*/jsxRuntime.jsx(CheckboxIcon.UnChecked, {
|
|
34647
34647
|
"data-elem": "icon",
|
|
34648
|
-
className: classes(styles$
|
|
34648
|
+
className: classes(styles$p["icon-".concat(size)], styles$p.icon)
|
|
34649
34649
|
}), label && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34650
34650
|
"data-elem": "label",
|
|
34651
34651
|
children: label
|
|
@@ -34671,9 +34671,9 @@ Checkbox.defaultProps = {
|
|
|
34671
34671
|
onChange: function onChange() {}
|
|
34672
34672
|
};
|
|
34673
34673
|
|
|
34674
|
-
var css_248z$
|
|
34675
|
-
var styles$
|
|
34676
|
-
styleInject(css_248z$
|
|
34674
|
+
var css_248z$p = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.Radio-module_root__kkJ8b {\n cursor: pointer;\n gap: 10px;\n}\n.Radio-module_root__kkJ8b.Radio-module_position-left__-1sCs {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Radio-module_root__kkJ8b.Radio-module_position-right__J-HKs {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n align-items: center;\n}\n.Radio-module_root__kkJ8b.Radio-module_disabled__324Eo {\n cursor: default;\n}\n.Radio-module_root__kkJ8b input[type=radio] {\n opacity: 0;\n z-index: 1;\n position: absolute;\n width: 1px;\n height: 1px;\n}\n.Radio-module_root__kkJ8b .Radio-module_icon__hNiVk {\n display: inline-block;\n}\n.Radio-module_root__kkJ8b .Radio-module_icon__hNiVk.Radio-module_icon-sm__ypLCQ {\n width: 1rem;\n height: 1rem;\n}\n.Radio-module_root__kkJ8b .Radio-module_icon__hNiVk.Radio-module_icon-md__Hxsom {\n width: 1.25rem;\n height: 1.25rem;\n}\n.Radio-module_root__kkJ8b .Radio-module_icon__hNiVk.Radio-module_icon-lg__JCq-7 {\n width: 1.5rem;\n height: 2rem;\n}\n.Radio-module_root__kkJ8b [data-elem=label] {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}";
|
|
34675
|
+
var styles$o = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"Radio-module_root__kkJ8b","position-left":"Radio-module_position-left__-1sCs","position-right":"Radio-module_position-right__J-HKs","disabled":"Radio-module_disabled__324Eo","icon":"Radio-module_icon__hNiVk","icon-sm":"Radio-module_icon-sm__ypLCQ","icon-md":"Radio-module_icon-md__Hxsom","icon-lg":"Radio-module_icon-lg__JCq-7"};
|
|
34676
|
+
styleInject(css_248z$p);
|
|
34677
34677
|
|
|
34678
34678
|
var Radio = function Radio(props) {
|
|
34679
34679
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -34704,7 +34704,7 @@ var Radio = function Radio(props) {
|
|
|
34704
34704
|
};
|
|
34705
34705
|
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
34706
34706
|
return /*#__PURE__*/jsxRuntime.jsxs("label", {
|
|
34707
|
-
className: classes(styles$
|
|
34707
|
+
className: classes(styles$o.root, styles$o["position-".concat(position)], className, disabled ? styles$o.disabled : ''),
|
|
34708
34708
|
children: [/*#__PURE__*/jsxRuntime.jsx("input", {
|
|
34709
34709
|
disabled: disabled,
|
|
34710
34710
|
type: "radio",
|
|
@@ -34712,10 +34712,10 @@ var Radio = function Radio(props) {
|
|
|
34712
34712
|
onChange: handleChange
|
|
34713
34713
|
}), isChecked ? /*#__PURE__*/jsxRuntime.jsx(RadioIcon.Checked, {
|
|
34714
34714
|
"data-elem": "icon",
|
|
34715
|
-
className: classes(styles$
|
|
34715
|
+
className: classes(styles$o["icon-".concat(size)], styles$o.icon)
|
|
34716
34716
|
}) : /*#__PURE__*/jsxRuntime.jsx(RadioIcon.UnChecked, {
|
|
34717
34717
|
"data-elem": "icon",
|
|
34718
|
-
className: classes(styles$
|
|
34718
|
+
className: classes(styles$o["icon-".concat(size)], styles$o.icon)
|
|
34719
34719
|
}), label && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34720
34720
|
"data-elem": "label",
|
|
34721
34721
|
children: label
|
|
@@ -34741,9 +34741,9 @@ Radio.defaultProps = {
|
|
|
34741
34741
|
onChange: function onChange() {}
|
|
34742
34742
|
};
|
|
34743
34743
|
|
|
34744
|
-
var css_248z$
|
|
34745
|
-
var styles$
|
|
34746
|
-
styleInject(css_248z$
|
|
34744
|
+
var css_248z$o = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.Dropdown-module_root__mkOMI {\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: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n max-width: 100%;\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_label__YkFsR {\n font-size: 0.75rem;\n color: var(--grey);\n width: auto;\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_header__EOpC- {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n max-width: 100%;\n position: relative;\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_header__EOpC- .Dropdown-module_input__LYIeG {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_header__EOpC- .Dropdown-module_input__LYIeG:focus + .Dropdown-module_select__Thb6Y {\n border-color: var(--highlight);\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_header__EOpC- .Dropdown-module_input__LYIeG:focus + .Dropdown-module_select__Thb6Y.Dropdown-module_feedback-error__FD-hZ {\n border-color: var(--error);\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_header__EOpC- .Dropdown-module_select__Thb6Y {\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 background: var(--white);\n outline: none;\n border: 1px solid var(--grey5);\n border-radius: 0.25rem;\n padding: 0.75rem 0.75rem 0.75rem 1rem;\n cursor: pointer;\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_header__EOpC- .Dropdown-module_select__Thb6Y .Dropdown-module_placeholder__B2kmJ {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: var(--black);\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_header__EOpC- .Dropdown-module_select__Thb6Y .Dropdown-module_icon__YsokN {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_header__EOpC- .Dropdown-module_select__Thb6Y.Dropdown-module_feedback-error__FD-hZ {\n border-color: var(--error);\n}\n.Dropdown-module_root__mkOMI.Dropdown-module_open__dEH0H .Dropdown-module_header__EOpC- {\n border-color: var(--highlight);\n}\n.Dropdown-module_root__mkOMI.Dropdown-module_disabled__eLZhs .Dropdown-module_select__Thb6Y {\n background: var(--grey10);\n cursor: not-allowed;\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_bottom__InVTc {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n min-height: 2rem;\n width: 100%;\n gap: 1rem;\n color: var(--grey3);\n font-size: 0.75rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_bottom__InVTc .Dropdown-module_feedback__0VQS6 {\n flex: 1;\n margin-right: auto;\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_bottom__InVTc .Dropdown-module_feedback__0VQS6.Dropdown-module_feedback-error__FD-hZ {\n color: var(--error);\n fill: var(--error);\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_bottom__InVTc .Dropdown-module_feedback__0VQS6.Dropdown-module_feedback-success__3QnZd {\n color: var(--success);\n fill: var(--success);\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_bottom__InVTc .Dropdown-module_count__tIbln {\n text-align: right;\n margin-left: auto;\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_bottom__InVTc .Dropdown-module_count__tIbln.Dropdown-module_exceeded__n1R-W {\n color: var(--error);\n}\n\n.Dropdown-module_body__BDZmr {\n display: none;\n position: absolute;\n top: calc(100% + 0.5rem);\n z-index: 999;\n background: var(--white);\n width: auto;\n border: 0.063rem solid var(--grey5);\n box-shadow: 0rem 0.5rem 1.25rem rgba(24, 24, 24, 0.08);\n border-radius: 0.25rem;\n padding: 1rem;\n overflow-y: auto;\n min-height: 4rem;\n outline: none;\n}\n.Dropdown-module_body__BDZmr.Dropdown-module_open__dEH0H {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
34745
|
+
var styles$n = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"Dropdown-module_root__mkOMI","label":"Dropdown-module_label__YkFsR","header":"Dropdown-module_header__EOpC-","input":"Dropdown-module_input__LYIeG","select":"Dropdown-module_select__Thb6Y","feedback-error":"Dropdown-module_feedback-error__FD-hZ","placeholder":"Dropdown-module_placeholder__B2kmJ","icon":"Dropdown-module_icon__YsokN","open":"Dropdown-module_open__dEH0H","disabled":"Dropdown-module_disabled__eLZhs","bottom":"Dropdown-module_bottom__InVTc","feedback":"Dropdown-module_feedback__0VQS6","feedback-success":"Dropdown-module_feedback-success__3QnZd","count":"Dropdown-module_count__tIbln","exceeded":"Dropdown-module_exceeded__n1R-W","body":"Dropdown-module_body__BDZmr"};
|
|
34746
|
+
styleInject(css_248z$o);
|
|
34747
34747
|
|
|
34748
34748
|
var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef) {
|
|
34749
34749
|
var _selectedOptions$map, _ref2, _selectedOptions$;
|
|
@@ -34949,16 +34949,16 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
34949
34949
|
})));
|
|
34950
34950
|
});
|
|
34951
34951
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34952
|
-
className: classes(className, styles$
|
|
34952
|
+
className: classes(className, styles$n.root, open ? styles$n.open : '', disabled ? styles$n.disabled : ''),
|
|
34953
34953
|
children: [label && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34954
34954
|
"data-elem": "label",
|
|
34955
|
-
className: styles$
|
|
34955
|
+
className: styles$n.label,
|
|
34956
34956
|
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34957
34957
|
children: label
|
|
34958
34958
|
})
|
|
34959
34959
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({
|
|
34960
34960
|
"data-elem": "header",
|
|
34961
|
-
className: styles$
|
|
34961
|
+
className: styles$n.header,
|
|
34962
34962
|
ref: reference
|
|
34963
34963
|
}, getReferenceProps()), {}, {
|
|
34964
34964
|
children: [/*#__PURE__*/jsxRuntime.jsx("input", {
|
|
@@ -34967,7 +34967,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
34967
34967
|
ref: inputRef,
|
|
34968
34968
|
disabled: disabled,
|
|
34969
34969
|
tabIndex: 0,
|
|
34970
|
-
className: styles$
|
|
34970
|
+
className: styles$n.input,
|
|
34971
34971
|
onKeyDown: function onKeyDown(event) {
|
|
34972
34972
|
var validKey = [' ', 'Spacebar', 'Enter'].includes(event.key);
|
|
34973
34973
|
if (validKey) {
|
|
@@ -34981,14 +34981,14 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
34981
34981
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34982
34982
|
"data-elem": "select",
|
|
34983
34983
|
role: "button",
|
|
34984
|
-
className: classes(styles$
|
|
34984
|
+
className: classes(styles$n.select, feedback != null ? styles$n["feedback-".concat(feedback === null || feedback === void 0 ? void 0 : feedback.type)] : ''),
|
|
34985
34985
|
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34986
34986
|
"data-elem": "placeholder",
|
|
34987
|
-
className: styles$
|
|
34987
|
+
className: styles$n.placeholder,
|
|
34988
34988
|
children: (_ref2 = (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) > 1 ? "".concat(selectedOptions.length, " options selected") : selectedOptions === null || selectedOptions === void 0 ? void 0 : (_selectedOptions$ = selectedOptions[0]) === null || _selectedOptions$ === void 0 ? void 0 : _selectedOptions$.title) !== null && _ref2 !== void 0 ? _ref2 : placeholder
|
|
34989
34989
|
}), /*#__PURE__*/jsxRuntime.jsx(Caret, {
|
|
34990
34990
|
"data-elem": "icon",
|
|
34991
|
-
className: classes(styles$
|
|
34991
|
+
className: classes(styles$n.icon, styles$n['drop-icon'])
|
|
34992
34992
|
})]
|
|
34993
34993
|
})]
|
|
34994
34994
|
})), /*#__PURE__*/jsxRuntime.jsx(Popper, {
|
|
@@ -35012,16 +35012,16 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
35012
35012
|
left: x !== null && x !== void 0 ? x : 0
|
|
35013
35013
|
},
|
|
35014
35014
|
onClick: onClick,
|
|
35015
|
-
className: classes(styles$
|
|
35015
|
+
className: classes(styles$n.body, popperClassName, open ? styles$n.open : '')
|
|
35016
35016
|
})), {}, {
|
|
35017
35017
|
children: items
|
|
35018
35018
|
}))
|
|
35019
35019
|
})
|
|
35020
35020
|
}), feedback != null && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35021
|
-
className: styles$
|
|
35021
|
+
className: styles$n.bottom,
|
|
35022
35022
|
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35023
35023
|
"data-elem": "feedback",
|
|
35024
|
-
className: classes(styles$
|
|
35024
|
+
className: classes(styles$n.feedback, styles$n["feedback-".concat(feedback.type)]),
|
|
35025
35025
|
children: feedback.text
|
|
35026
35026
|
})
|
|
35027
35027
|
})]
|
|
@@ -35059,9 +35059,9 @@ Dropdown.defaultProps = {
|
|
|
35059
35059
|
feedback: null
|
|
35060
35060
|
};
|
|
35061
35061
|
|
|
35062
|
-
var css_248z$
|
|
35063
|
-
var styles$
|
|
35064
|
-
styleInject(css_248z$
|
|
35062
|
+
var css_248z$n = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.DropdownItem-module_root__su9HU {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.75rem;\n width: 100%;\n padding: 0.75rem 1rem;\n border-radius: 0.25rem;\n cursor: pointer;\n color: var(--grey);\n outline: none;\n}\n.DropdownItem-module_root__su9HU:hover, .DropdownItem-module_root__su9HU:focus {\n background: var(--grey6);\n}\n.DropdownItem-module_root__su9HU.DropdownItem-module_selected__Iwplc {\n background: var(--info-bg);\n}";
|
|
35063
|
+
var styles$m = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"DropdownItem-module_root__su9HU","selected":"DropdownItem-module_selected__Iwplc"};
|
|
35064
|
+
styleInject(css_248z$n);
|
|
35065
35065
|
|
|
35066
35066
|
var DropdownItem = /*#__PURE__*/React.forwardRef(function DropdownItem(props, ref) {
|
|
35067
35067
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -35088,7 +35088,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function DropdownItem(props, re
|
|
|
35088
35088
|
}
|
|
35089
35089
|
return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({
|
|
35090
35090
|
ref: ref,
|
|
35091
|
-
className: classes(className, styles$
|
|
35091
|
+
className: classes(className, styles$m.root, selected ? styles$m.selected : ''),
|
|
35092
35092
|
"data-elem": "dropdown-item",
|
|
35093
35093
|
"data-variant": variant,
|
|
35094
35094
|
"data-value": value,
|
|
@@ -35121,9 +35121,9 @@ DropdownItem.defaultProps = {
|
|
|
35121
35121
|
selected: false
|
|
35122
35122
|
};
|
|
35123
35123
|
|
|
35124
|
-
var css_248z$
|
|
35125
|
-
var styles$
|
|
35126
|
-
styleInject(css_248z$
|
|
35124
|
+
var css_248z$m = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.BaseModal-module_root__LxSI- {\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 width: 50%;\n position: fixed;\n background: #ffffff;\n box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n border-radius: 5px;\n outline: none;\n}\n.BaseModal-module_root__LxSI- .BaseModal-module_body__lpl93 {\n overflow-y: scroll;\n padding: 0 15px;\n}\n.BaseModal-module_root__LxSI- .BaseModal-module_header__NnvhY,\n.BaseModal-module_root__LxSI- .BaseModal-module_footer__y6uXQ {\n padding: 15px;\n}\n.BaseModal-module_root__LxSI- .BaseModal-module_footer__y6uXQ {\n margin-top: auto;\n}\n.BaseModal-module_root__LxSI- .BaseModal-module_closeModal__93jQs {\n position: absolute;\n right: 20px;\n top: 20px;\n}\n.BaseModal-module_root__LxSI- .BaseModal-module_closeModal__93jQs .BaseModal-module_closeIcon__-Q4wM {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--black);\n}";
|
|
35125
|
+
var styles$l = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"BaseModal-module_root__LxSI-","body":"BaseModal-module_body__lpl93","header":"BaseModal-module_header__NnvhY","footer":"BaseModal-module_footer__y6uXQ","closeModal":"BaseModal-module_closeModal__93jQs","closeIcon":"BaseModal-module_closeIcon__-Q4wM"};
|
|
35126
|
+
styleInject(css_248z$m);
|
|
35127
35127
|
|
|
35128
35128
|
var BaseModal = function BaseModal(props) {
|
|
35129
35129
|
var className = props.className,
|
|
@@ -35142,28 +35142,28 @@ var BaseModal = function BaseModal(props) {
|
|
|
35142
35142
|
transparent: false,
|
|
35143
35143
|
id: "base-modal-popper",
|
|
35144
35144
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35145
|
-
className: classes(styles$
|
|
35145
|
+
className: classes(styles$l.root, className),
|
|
35146
35146
|
ref: ref,
|
|
35147
35147
|
children: [renderHeader && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35148
35148
|
"data-elem": "header",
|
|
35149
|
-
className: styles$
|
|
35149
|
+
className: styles$l.header,
|
|
35150
35150
|
children: renderHeader
|
|
35151
35151
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35152
35152
|
"data-elem": "body",
|
|
35153
|
-
className: styles$
|
|
35153
|
+
className: styles$l.body,
|
|
35154
35154
|
children: children
|
|
35155
35155
|
}), renderFooter && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35156
35156
|
"data-elem": "footer",
|
|
35157
|
-
className: styles$
|
|
35157
|
+
className: styles$l.footer,
|
|
35158
35158
|
children: renderFooter
|
|
35159
35159
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35160
35160
|
"data-elem": "close",
|
|
35161
|
-
className: styles$
|
|
35161
|
+
className: styles$l.closeModal,
|
|
35162
35162
|
onClick: function onClick() {
|
|
35163
35163
|
toggle(false);
|
|
35164
35164
|
},
|
|
35165
35165
|
children: /*#__PURE__*/jsxRuntime.jsx(Cross$1, {
|
|
35166
|
-
className: styles$
|
|
35166
|
+
className: styles$l.closeIcon
|
|
35167
35167
|
})
|
|
35168
35168
|
})]
|
|
35169
35169
|
})
|
|
@@ -35184,6 +35184,72 @@ BaseModal.defaultProps = {
|
|
|
35184
35184
|
toggle: function toggle() {}
|
|
35185
35185
|
};
|
|
35186
35186
|
|
|
35187
|
+
var css_248z$l = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.Dialog-module_root__XL0EB {\n padding: 0.25rem 0px;\n max-height: 14rem;\n background: #ffffff;\n border-radius: 0.25rem;\n}\n.Dialog-module_root__XL0EB.Dialog-module_sm__iuBli {\n width: 21.25rem;\n}\n.Dialog-module_root__XL0EB.Dialog-module_md__9ewo4 {\n width: 35rem;\n}\n.Dialog-module_root__XL0EB .Dialog-module_header__xktXB {\n font-weight: 600;\n font-size: 0.875rem;\n color: var(--black);\n}\n.Dialog-module_root__XL0EB .Dialog-module_footer__fUVH4 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 1rem;\n}\n.Dialog-module_root__XL0EB .Dialog-module_footer__fUVH4 .Dialog-module_cancel__Ri-39[data-elem=base-cell] {\n display: flex;\n color: var(--grey1);\n border-radius: 0.25rem;\n border: 1px solid var(--grey4);\n}\n.Dialog-module_root__XL0EB .Dialog-module_description__T4OU5 {\n padding: 0.5rem 0px;\n font-size: 0.75rem;\n}";
|
|
35188
|
+
var styles$k = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"Dialog-module_root__XL0EB","sm":"Dialog-module_sm__iuBli","md":"Dialog-module_md__9ewo4","header":"Dialog-module_header__xktXB","footer":"Dialog-module_footer__fUVH4","cancel":"Dialog-module_cancel__Ri-39","description":"Dialog-module_description__T4OU5"};
|
|
35189
|
+
styleInject(css_248z$l);
|
|
35190
|
+
|
|
35191
|
+
/* eslint-disable object-curly-newline */
|
|
35192
|
+
var DialogBox = function DialogBox(props) {
|
|
35193
|
+
var open = props.open,
|
|
35194
|
+
heading = props.heading,
|
|
35195
|
+
description = props.description,
|
|
35196
|
+
action = props.action,
|
|
35197
|
+
variant = props.variant,
|
|
35198
|
+
onCancel = props.onCancel,
|
|
35199
|
+
onAction = props.onAction,
|
|
35200
|
+
size = props.size,
|
|
35201
|
+
className = props.className;
|
|
35202
|
+
return /*#__PURE__*/jsxRuntime.jsx(BaseModal, {
|
|
35203
|
+
open: open,
|
|
35204
|
+
toggle: onCancel,
|
|
35205
|
+
className: classes(className, styles$k.root, styles$k[size]),
|
|
35206
|
+
renderHeader: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35207
|
+
className: styles$k.header,
|
|
35208
|
+
children: /*#__PURE__*/jsxRuntime.jsx("p", {
|
|
35209
|
+
children: heading
|
|
35210
|
+
})
|
|
35211
|
+
}),
|
|
35212
|
+
renderFooter: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35213
|
+
className: styles$k.footer,
|
|
35214
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
35215
|
+
color: "default",
|
|
35216
|
+
variant: "outlined",
|
|
35217
|
+
className: styles$k.cancel,
|
|
35218
|
+
onClick: onCancel,
|
|
35219
|
+
title: "Cancel"
|
|
35220
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
35221
|
+
onClick: onAction,
|
|
35222
|
+
title: action,
|
|
35223
|
+
color: variant
|
|
35224
|
+
})]
|
|
35225
|
+
}),
|
|
35226
|
+
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35227
|
+
className: styles$k.description,
|
|
35228
|
+
children: description
|
|
35229
|
+
})
|
|
35230
|
+
});
|
|
35231
|
+
};
|
|
35232
|
+
DialogBox.propTypes = {
|
|
35233
|
+
className: propTypes$1.exports.string,
|
|
35234
|
+
heading: propTypes$1.exports.string,
|
|
35235
|
+
action: propTypes$1.exports.string,
|
|
35236
|
+
description: propTypes$1.exports.string,
|
|
35237
|
+
onCancel: propTypes$1.exports.func,
|
|
35238
|
+
onAction: propTypes$1.exports.func,
|
|
35239
|
+
variant: propTypes$1.exports.oneOf(['primary', 'success', 'danger', 'warning']),
|
|
35240
|
+
size: propTypes$1.exports.oneOf(['sm', 'md'])
|
|
35241
|
+
};
|
|
35242
|
+
DialogBox.defaultProps = {
|
|
35243
|
+
className: '',
|
|
35244
|
+
heading: 'selected row',
|
|
35245
|
+
action: '',
|
|
35246
|
+
description: 'description selected page',
|
|
35247
|
+
variant: 'danger',
|
|
35248
|
+
onCancel: function onCancel() {},
|
|
35249
|
+
onAction: function onAction() {},
|
|
35250
|
+
size: 'sm'
|
|
35251
|
+
};
|
|
35252
|
+
|
|
35187
35253
|
var css_248z$k = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.PageHeader-module_root__RW2kD {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n width: 100%;\n background-color: transparent;\n gap: 4px;\n}\n.PageHeader-module_root__RW2kD.PageHeader-module_theme-dark__X5zgh {\n color: var(--white);\n}\n.PageHeader-module_root__RW2kD.PageHeader-module_theme-dark__X5zgh .PageHeader-module_breadcrumb__v0tnM [data-elem=breadcrumb-item-active] {\n color: var(--white);\n}\n.PageHeader-module_root__RW2kD.PageHeader-module_theme-light__Tercn {\n color: var(--dark-grey);\n}\n.PageHeader-module_root__RW2kD .PageHeader-module_description__G3-qZ {\n color: var(--grey);\n}\n.PageHeader-module_root__RW2kD .PageHeader-module_contents__w0Y7e {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n}\n.PageHeader-module_root__RW2kD .PageHeader-module_contents__w0Y7e .PageHeader-module_left__fqL7M,\n.PageHeader-module_root__RW2kD .PageHeader-module_contents__w0Y7e .PageHeader-module_right__KgzBp {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n}\n.PageHeader-module_root__RW2kD .PageHeader-module_contents__w0Y7e .PageHeader-module_left__fqL7M .PageHeader-module_title__sDcrr {\n font-size: 2.25rem;\n font-weight: 600;\n line-height: 3.375rem;\n}\n.PageHeader-module_root__RW2kD .PageHeader-module_contents__w0Y7e .PageHeader-module_left__fqL7M .PageHeader-module_chip__pr-6S {\n font-weight: 500;\n background: var(--highlight);\n color: var(--white);\n}\n.PageHeader-module_root__RW2kD .PageHeader-module_description__G3-qZ {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5rem;\n}\n\n.PageHeader-module_download__RCFoC,\n.PageHeader-module_calender__ecLCu {\n width: 1.5rem;\n height: 1.5rem;\n}";
|
|
35188
35254
|
var styles$j = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"PageHeader-module_root__RW2kD","theme-dark":"PageHeader-module_theme-dark__X5zgh","breadcrumb":"PageHeader-module_breadcrumb__v0tnM","theme-light":"PageHeader-module_theme-light__Tercn","description":"PageHeader-module_description__G3-qZ","contents":"PageHeader-module_contents__w0Y7e","left":"PageHeader-module_left__fqL7M","right":"PageHeader-module_right__KgzBp","title":"PageHeader-module_title__sDcrr","chip":"PageHeader-module_chip__pr-6S","download":"PageHeader-module_download__RCFoC","calender":"PageHeader-module_calender__ecLCu"};
|
|
35189
35255
|
styleInject(css_248z$k);
|
|
@@ -84282,6 +84348,7 @@ exports.CrossIcon = Cross$1;
|
|
|
84282
84348
|
exports.DAYS = DAYS;
|
|
84283
84349
|
exports.DatePicker = DatePicker;
|
|
84284
84350
|
exports.DeleteIcon = Delete;
|
|
84351
|
+
exports.DialogBox = DialogBox;
|
|
84285
84352
|
exports.DisplayPicture = DisplayPicture;
|
|
84286
84353
|
exports.DownloadIcon = Download;
|
|
84287
84354
|
exports.Dropdown = Dropdown;
|