@banyan_cloud/roots 1.0.16 → 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/esm/index.js
CHANGED
|
@@ -1582,9 +1582,9 @@ function styleInject(css, ref) {
|
|
|
1582
1582
|
}
|
|
1583
1583
|
}
|
|
1584
1584
|
|
|
1585
|
-
var css_248z$
|
|
1586
|
-
var styles$
|
|
1587
|
-
styleInject(css_248z$
|
|
1585
|
+
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}";
|
|
1586
|
+
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"};
|
|
1587
|
+
styleInject(css_248z$L);
|
|
1588
1588
|
|
|
1589
1589
|
var BaseCell = /*#__PURE__*/forwardRef(function BaseCell(props, ref) {
|
|
1590
1590
|
var className = props.className,
|
|
@@ -1600,7 +1600,7 @@ var BaseCell = /*#__PURE__*/forwardRef(function BaseCell(props, ref) {
|
|
|
1600
1600
|
var Component = /*#__PURE__*/createElement$1(RootDOM, _objectSpread2({
|
|
1601
1601
|
'data-elem': 'base-cell',
|
|
1602
1602
|
ref: ref,
|
|
1603
|
-
className: classes(className, styles$
|
|
1603
|
+
className: classes(className, styles$K.root, styles$K[size], styles$K["border-radius-".concat(radius)], flexible ? styles$K.flexible : '', rounded ? styles$K.rounded : '')
|
|
1604
1604
|
}, attrs), /*#__PURE__*/jsxs(Fragment, {
|
|
1605
1605
|
children: [component1 && /*#__PURE__*/jsx$1("span", {
|
|
1606
1606
|
"data-elem": "component1",
|
|
@@ -1990,15 +1990,15 @@ Server.defaultProps = {
|
|
|
1990
1990
|
className: ''
|
|
1991
1991
|
};
|
|
1992
1992
|
|
|
1993
|
-
var css_248z$
|
|
1994
|
-
var styles$
|
|
1995
|
-
styleInject(css_248z$
|
|
1993
|
+
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}";
|
|
1994
|
+
var styles$J = {"right":"Arrow-module_right__OPm55","left":"Arrow-module_left__mbW5H","bottom":"Arrow-module_bottom__TNVV9","top":"Arrow-module_top__1YFaI"};
|
|
1995
|
+
styleInject(css_248z$K);
|
|
1996
1996
|
|
|
1997
1997
|
var Arrow$1 = function Arrow(props) {
|
|
1998
1998
|
var className = props.className,
|
|
1999
1999
|
position = props.position;
|
|
2000
2000
|
return /*#__PURE__*/jsx$1("svg", {
|
|
2001
|
-
className: classes(className, styles$
|
|
2001
|
+
className: classes(className, styles$J[position]),
|
|
2002
2002
|
viewBox: "0 0 25 24",
|
|
2003
2003
|
fill: "#333333",
|
|
2004
2004
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2012,15 +2012,15 @@ Arrow$1.defaultProps = {
|
|
|
2012
2012
|
position: 'right'
|
|
2013
2013
|
};
|
|
2014
2014
|
|
|
2015
|
-
var css_248z$
|
|
2016
|
-
var styles$
|
|
2017
|
-
styleInject(css_248z$
|
|
2015
|
+
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}";
|
|
2016
|
+
var styles$I = {"left":"Chevron-module_left__qo9Uh","bottom":"Chevron-module_bottom__xHi8D","right":"Chevron-module_right__nQXUr","top":"Chevron-module_top__gWkFh"};
|
|
2017
|
+
styleInject(css_248z$J);
|
|
2018
2018
|
|
|
2019
2019
|
var Chevron = function Chevron(props) {
|
|
2020
2020
|
var className = props.className,
|
|
2021
2021
|
position = props.position;
|
|
2022
2022
|
return /*#__PURE__*/jsx$1("svg", {
|
|
2023
|
-
className: classes(className, styles$
|
|
2023
|
+
className: classes(className, styles$I[position]),
|
|
2024
2024
|
viewBox: "0 0 22 22",
|
|
2025
2025
|
fill: "none",
|
|
2026
2026
|
stroke: "white",
|
|
@@ -2309,9 +2309,9 @@ Reset.defaultProps = {
|
|
|
2309
2309
|
className: ''
|
|
2310
2310
|
};
|
|
2311
2311
|
|
|
2312
|
-
var css_248z$
|
|
2313
|
-
var styles$
|
|
2314
|
-
styleInject(css_248z$
|
|
2312
|
+
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}";
|
|
2313
|
+
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"};
|
|
2314
|
+
styleInject(css_248z$I);
|
|
2315
2315
|
|
|
2316
2316
|
var Accordion = function Accordion(props) {
|
|
2317
2317
|
var defaultOpen = props.defaultOpen,
|
|
@@ -2326,13 +2326,13 @@ var Accordion = function Accordion(props) {
|
|
|
2326
2326
|
open = _useState2[0],
|
|
2327
2327
|
setOpen = _useState2[1];
|
|
2328
2328
|
return /*#__PURE__*/jsxs("div", {
|
|
2329
|
-
className: classes(className, styles$
|
|
2329
|
+
className: classes(className, styles$H.root, open ? styles$H.open : ''),
|
|
2330
2330
|
"data-state-open": open,
|
|
2331
2331
|
children: [/*#__PURE__*/jsx$1(BaseCell, {
|
|
2332
2332
|
flexible: true,
|
|
2333
2333
|
size: "auto",
|
|
2334
2334
|
rootDOM: "button",
|
|
2335
|
-
className: styles$
|
|
2335
|
+
className: styles$H.header,
|
|
2336
2336
|
attrs: {
|
|
2337
2337
|
onClick: function onClick() {
|
|
2338
2338
|
setOpen(function (prevState) {
|
|
@@ -2343,18 +2343,18 @@ var Accordion = function Accordion(props) {
|
|
|
2343
2343
|
}
|
|
2344
2344
|
},
|
|
2345
2345
|
component1: iconPlacement === 'left' && /*#__PURE__*/jsx$1(Caret, {
|
|
2346
|
-
className: styles$
|
|
2346
|
+
className: styles$H.icon
|
|
2347
2347
|
}),
|
|
2348
2348
|
component2: /*#__PURE__*/jsx$1("span", {
|
|
2349
|
-
className: styles$
|
|
2349
|
+
className: styles$H.title,
|
|
2350
2350
|
children: title
|
|
2351
2351
|
}),
|
|
2352
2352
|
component3: iconPlacement === 'right' && /*#__PURE__*/jsx$1(Caret, {
|
|
2353
|
-
className: styles$
|
|
2353
|
+
className: styles$H.icon
|
|
2354
2354
|
})
|
|
2355
2355
|
}), /*#__PURE__*/jsxs("div", {
|
|
2356
2356
|
"data-elem": "body",
|
|
2357
|
-
className: styles$
|
|
2357
|
+
className: styles$H.body,
|
|
2358
2358
|
children: [description && /*#__PURE__*/jsx$1("p", {
|
|
2359
2359
|
children: description
|
|
2360
2360
|
}), children]
|
|
@@ -2378,13 +2378,13 @@ Accordion.defaultProps = {
|
|
|
2378
2378
|
className: ''
|
|
2379
2379
|
};
|
|
2380
2380
|
|
|
2381
|
-
var css_248z$
|
|
2382
|
-
var styles$
|
|
2383
|
-
styleInject(css_248z$
|
|
2381
|
+
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}";
|
|
2382
|
+
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"};
|
|
2383
|
+
styleInject(css_248z$H);
|
|
2384
2384
|
|
|
2385
|
-
var css_248z$
|
|
2386
|
-
var styles$
|
|
2387
|
-
styleInject(css_248z$
|
|
2385
|
+
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}";
|
|
2386
|
+
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"};
|
|
2387
|
+
styleInject(css_248z$G);
|
|
2388
2388
|
|
|
2389
2389
|
var BaseButton = /*#__PURE__*/forwardRef(function BaseButton(props, ref) {
|
|
2390
2390
|
var className = props.className,
|
|
@@ -2403,7 +2403,7 @@ var BaseButton = /*#__PURE__*/forwardRef(function BaseButton(props, ref) {
|
|
|
2403
2403
|
children: title
|
|
2404
2404
|
});
|
|
2405
2405
|
return /*#__PURE__*/jsx$1(BaseCell, {
|
|
2406
|
-
className: classes(className, styles$
|
|
2406
|
+
className: classes(className, styles$F.root, styles$F[variant]),
|
|
2407
2407
|
ref: ref,
|
|
2408
2408
|
component1: component1,
|
|
2409
2409
|
component2: Title,
|
|
@@ -2434,9 +2434,9 @@ BaseButton.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProp
|
|
|
2434
2434
|
variant: 'contained'
|
|
2435
2435
|
});
|
|
2436
2436
|
|
|
2437
|
-
var css_248z$
|
|
2438
|
-
var styles$
|
|
2439
|
-
styleInject(css_248z$
|
|
2437
|
+
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}";
|
|
2438
|
+
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"};
|
|
2439
|
+
styleInject(css_248z$F);
|
|
2440
2440
|
|
|
2441
2441
|
var Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
|
|
2442
2442
|
var className = props.className,
|
|
@@ -2463,7 +2463,7 @@ var Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
|
|
|
2463
2463
|
disabled: disabled,
|
|
2464
2464
|
onClick: onClick,
|
|
2465
2465
|
variant: variant,
|
|
2466
|
-
className: classes(styles$
|
|
2466
|
+
className: classes(styles$E.root, styles$E["radius-".concat(radius)], styles$E[variant], styles$E[color], className)
|
|
2467
2467
|
});
|
|
2468
2468
|
});
|
|
2469
2469
|
Button.propTypes = _objectSpread2(_objectSpread2({}, BaseButton.propTypes), {}, {
|
|
@@ -2478,9 +2478,9 @@ Button.defaultProps = _objectSpread2(_objectSpread2({}, BaseButton.defaultProps)
|
|
|
2478
2478
|
radius: 'default'
|
|
2479
2479
|
});
|
|
2480
2480
|
|
|
2481
|
-
var css_248z$
|
|
2482
|
-
var styles$
|
|
2483
|
-
styleInject(css_248z$
|
|
2481
|
+
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}";
|
|
2482
|
+
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"};
|
|
2483
|
+
styleInject(css_248z$E);
|
|
2484
2484
|
|
|
2485
2485
|
var Chip = function Chip(props) {
|
|
2486
2486
|
var className = props.className,
|
|
@@ -2506,7 +2506,7 @@ var Chip = function Chip(props) {
|
|
|
2506
2506
|
disabled: disabled,
|
|
2507
2507
|
onClick: onClick,
|
|
2508
2508
|
variant: 'contained',
|
|
2509
|
-
className: classes(styles$
|
|
2509
|
+
className: classes(styles$D.root, styles$D["radius-".concat(radius)], styles$D[variant], styles$D[color], styles$D[size], className)
|
|
2510
2510
|
});
|
|
2511
2511
|
};
|
|
2512
2512
|
Chip.propTypes = _objectSpread2(_objectSpread2({}, BaseButton.propTypes), {}, {
|
|
@@ -5939,9 +5939,9 @@ const useTypeahead = function (_ref, _temp) {
|
|
|
5939
5939
|
};
|
|
5940
5940
|
};
|
|
5941
5941
|
|
|
5942
|
-
var css_248z$
|
|
5943
|
-
var styles$
|
|
5944
|
-
styleInject(css_248z$
|
|
5942
|
+
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}";
|
|
5943
|
+
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-"};
|
|
5944
|
+
styleInject(css_248z$D);
|
|
5945
5945
|
|
|
5946
5946
|
var Popper = function Popper(props) {
|
|
5947
5947
|
var open = props.open,
|
|
@@ -5954,7 +5954,7 @@ var Popper = function Popper(props) {
|
|
|
5954
5954
|
id: wrapperId,
|
|
5955
5955
|
children: open && /*#__PURE__*/jsx$1(FloatingOverlay, {
|
|
5956
5956
|
lockScroll: true,
|
|
5957
|
-
className: classes(className, styles$
|
|
5957
|
+
className: classes(className, styles$C.backdrop, transparent ? styles$C.transparent : '', backdrop ? '' : styles$C['hide-backdrop']),
|
|
5958
5958
|
children: children
|
|
5959
5959
|
})
|
|
5960
5960
|
});
|
|
@@ -6085,28 +6085,28 @@ var Alert = function Alert(props) {
|
|
|
6085
6085
|
var Icon = null;
|
|
6086
6086
|
if (AlertTypeIcon != null) {
|
|
6087
6087
|
Icon = /*#__PURE__*/jsx$1(AlertTypeIcon, {
|
|
6088
|
-
className: styles$
|
|
6088
|
+
className: styles$G.icon
|
|
6089
6089
|
});
|
|
6090
6090
|
} else {
|
|
6091
6091
|
switch (color) {
|
|
6092
6092
|
case 'info':
|
|
6093
6093
|
Icon = /*#__PURE__*/jsx$1(AlertIcon.Info, {
|
|
6094
|
-
className: styles$
|
|
6094
|
+
className: styles$G.icon
|
|
6095
6095
|
});
|
|
6096
6096
|
break;
|
|
6097
6097
|
case 'warning':
|
|
6098
6098
|
Icon = /*#__PURE__*/jsx$1(AlertIcon.Warning, {
|
|
6099
|
-
className: styles$
|
|
6099
|
+
className: styles$G.icon
|
|
6100
6100
|
});
|
|
6101
6101
|
break;
|
|
6102
6102
|
case 'success':
|
|
6103
6103
|
Icon = /*#__PURE__*/jsx$1(AlertIcon.Success, {
|
|
6104
|
-
className: styles$
|
|
6104
|
+
className: styles$G.icon
|
|
6105
6105
|
});
|
|
6106
6106
|
break;
|
|
6107
6107
|
case 'danger':
|
|
6108
6108
|
Icon = /*#__PURE__*/jsx$1(AlertIcon.Danger, {
|
|
6109
|
-
className: styles$
|
|
6109
|
+
className: styles$G.icon
|
|
6110
6110
|
});
|
|
6111
6111
|
break;
|
|
6112
6112
|
default:
|
|
@@ -6120,40 +6120,40 @@ var Alert = function Alert(props) {
|
|
|
6120
6120
|
});
|
|
6121
6121
|
return /*#__PURE__*/jsx$1(Popper, {
|
|
6122
6122
|
open: open,
|
|
6123
|
-
className: styles$
|
|
6123
|
+
className: styles$G.popper,
|
|
6124
6124
|
id: "alert-popper",
|
|
6125
6125
|
transparent: false,
|
|
6126
6126
|
children: /*#__PURE__*/jsxs("div", {
|
|
6127
6127
|
ref: ref,
|
|
6128
|
-
className: classes(styles$
|
|
6128
|
+
className: classes(styles$G.root, styles$G[color], styles$G["border-".concat(border)], shadow ? styles$G.shadow : '', styles$G["position-".concat(position)]),
|
|
6129
6129
|
children: [/*#__PURE__*/jsxs("div", {
|
|
6130
|
-
className: styles$
|
|
6130
|
+
className: styles$G.left,
|
|
6131
6131
|
children: [/*#__PURE__*/jsx$1("div", {
|
|
6132
|
-
className: styles$
|
|
6132
|
+
className: styles$G.icons,
|
|
6133
6133
|
children: showIcon && Icon
|
|
6134
6134
|
}), /*#__PURE__*/jsxs("div", {
|
|
6135
|
-
className: styles$
|
|
6135
|
+
className: styles$G.content,
|
|
6136
6136
|
children: [/*#__PURE__*/jsx$1("span", {
|
|
6137
|
-
className: styles$
|
|
6137
|
+
className: styles$G.title,
|
|
6138
6138
|
children: title
|
|
6139
6139
|
}), /*#__PURE__*/jsx$1("span", {
|
|
6140
|
-
className: styles$
|
|
6140
|
+
className: styles$G.description,
|
|
6141
6141
|
children: description
|
|
6142
6142
|
})]
|
|
6143
6143
|
})]
|
|
6144
6144
|
}), (action || close) && /*#__PURE__*/jsxs("div", {
|
|
6145
|
-
className: styles$
|
|
6145
|
+
className: styles$G.actions,
|
|
6146
6146
|
children: [action && /*#__PURE__*/jsx$1(Button, {
|
|
6147
6147
|
title: action,
|
|
6148
6148
|
size: "small",
|
|
6149
6149
|
variant: "text",
|
|
6150
6150
|
color: "primary",
|
|
6151
|
-
className: styles$
|
|
6151
|
+
className: styles$G.button
|
|
6152
6152
|
}), close && /*#__PURE__*/jsx$1("span", {
|
|
6153
6153
|
onClick: toggle,
|
|
6154
|
-
className: styles$
|
|
6154
|
+
className: styles$G.close,
|
|
6155
6155
|
children: /*#__PURE__*/jsx$1(Cross$1, {
|
|
6156
|
-
className: styles$
|
|
6156
|
+
className: styles$G.icon
|
|
6157
6157
|
})
|
|
6158
6158
|
})]
|
|
6159
6159
|
})]
|
|
@@ -11793,9 +11793,9 @@ process.env.NODE_ENV !== "production" ? Link.propTypes
|
|
|
11793
11793
|
} : void 0;
|
|
11794
11794
|
var Link$1 = Link;
|
|
11795
11795
|
|
|
11796
|
-
var css_248z$
|
|
11797
|
-
var styles$
|
|
11798
|
-
styleInject(css_248z$
|
|
11796
|
+
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}";
|
|
11797
|
+
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"};
|
|
11798
|
+
styleInject(css_248z$C);
|
|
11799
11799
|
|
|
11800
11800
|
var BreadCrumbs = function BreadCrumbs(props) {
|
|
11801
11801
|
var crumbs = props.crumbs,
|
|
@@ -11803,13 +11803,13 @@ var BreadCrumbs = function BreadCrumbs(props) {
|
|
|
11803
11803
|
itemsBeforeCollapse = props.itemsBeforeCollapse,
|
|
11804
11804
|
itemsAfterCollapse = props.itemsAfterCollapse;
|
|
11805
11805
|
return /*#__PURE__*/jsx$1("div", {
|
|
11806
|
-
className: classes(styles$
|
|
11806
|
+
className: classes(styles$B.container),
|
|
11807
11807
|
children: /*#__PURE__*/jsx$1(Breadcrumbs$1, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
11808
11808
|
maxItems: maxItems,
|
|
11809
11809
|
itemsBeforeCollapse: itemsBeforeCollapse,
|
|
11810
11810
|
itemsAfterCollapse: itemsAfterCollapse,
|
|
11811
11811
|
separator: /*#__PURE__*/jsx$1(BreadcrumbSeperator, {
|
|
11812
|
-
className: styles$
|
|
11812
|
+
className: styles$B.seperator
|
|
11813
11813
|
}),
|
|
11814
11814
|
"aria-label": "breadcrumb",
|
|
11815
11815
|
children: crumbs.map(function (crumb, index) {
|
|
@@ -11819,7 +11819,7 @@ var BreadCrumbs = function BreadCrumbs(props) {
|
|
|
11819
11819
|
underline: "hover",
|
|
11820
11820
|
children: /*#__PURE__*/jsx$1("span", {
|
|
11821
11821
|
"data-elem": "breadcrumb-item".concat(active ? '-active' : ''),
|
|
11822
|
-
className: classes(styles$
|
|
11822
|
+
className: classes(styles$B['breadcrumb-item'], active ? styles$B.active : ''),
|
|
11823
11823
|
children: getSpacedDisplayName(crumb).replace(/-/g, ' ')
|
|
11824
11824
|
})
|
|
11825
11825
|
}, crumb);
|
|
@@ -32618,9 +32618,9 @@ var dracula = {
|
|
|
32618
32618
|
numberColor: "#bd93f9"
|
|
32619
32619
|
};
|
|
32620
32620
|
|
|
32621
|
-
var css_248z$
|
|
32622
|
-
var styles$
|
|
32623
|
-
styleInject(css_248z$
|
|
32621
|
+
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}";
|
|
32622
|
+
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"};
|
|
32623
|
+
styleInject(css_248z$B);
|
|
32624
32624
|
|
|
32625
32625
|
var CodeSnippet = function CodeSnippet(props) {
|
|
32626
32626
|
var copy = props.copy,
|
|
@@ -32642,7 +32642,7 @@ var CodeSnippet = function CodeSnippet(props) {
|
|
|
32642
32642
|
setCopiedState(true);
|
|
32643
32643
|
};
|
|
32644
32644
|
return /*#__PURE__*/jsxs("div", {
|
|
32645
|
-
className: styles$
|
|
32645
|
+
className: styles$A.root,
|
|
32646
32646
|
children: [/*#__PURE__*/jsx$1(ThemedCodeBlock, {
|
|
32647
32647
|
text: code,
|
|
32648
32648
|
language: language,
|
|
@@ -32652,12 +32652,12 @@ var CodeSnippet = function CodeSnippet(props) {
|
|
|
32652
32652
|
codeBlock: true,
|
|
32653
32653
|
wrapLines: true
|
|
32654
32654
|
}), copy && /*#__PURE__*/jsxs("div", {
|
|
32655
|
-
className: styles$
|
|
32655
|
+
className: styles$A.copy,
|
|
32656
32656
|
onClick: onCopy,
|
|
32657
32657
|
children: [/*#__PURE__*/jsx$1(Copy, {
|
|
32658
|
-
className: classes(styles$
|
|
32658
|
+
className: classes(styles$A.icon, theme === 'dark' ? styles$A.dark : styles$A.light)
|
|
32659
32659
|
}), /*#__PURE__*/jsx$1("div", {
|
|
32660
|
-
className: copiedState ? styles$
|
|
32660
|
+
className: copiedState ? styles$A.copied : styles$A.notCopied,
|
|
32661
32661
|
children: copiedState ? 'Copied' : ''
|
|
32662
32662
|
})]
|
|
32663
32663
|
})]
|
|
@@ -33504,52 +33504,52 @@ function sub$1(date, duration) {
|
|
|
33504
33504
|
return finalDate;
|
|
33505
33505
|
}
|
|
33506
33506
|
|
|
33507
|
-
var css_248z$
|
|
33508
|
-
var styles$
|
|
33509
|
-
styleInject(css_248z$
|
|
33507
|
+
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}";
|
|
33508
|
+
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"};
|
|
33509
|
+
styleInject(css_248z$A);
|
|
33510
33510
|
|
|
33511
33511
|
var Header = function Header(props) {
|
|
33512
33512
|
var selectedMonth = props.selectedMonth,
|
|
33513
33513
|
onMonthChange = props.onMonthChange;
|
|
33514
33514
|
return /*#__PURE__*/jsxs("div", {
|
|
33515
|
-
className: styles$
|
|
33515
|
+
className: styles$z.container,
|
|
33516
33516
|
children: [/*#__PURE__*/jsx$1("div", {
|
|
33517
33517
|
onClick: function onClick() {
|
|
33518
33518
|
onMonthChange('prev');
|
|
33519
33519
|
},
|
|
33520
|
-
className: styles$
|
|
33520
|
+
className: styles$z['left-arrow'],
|
|
33521
33521
|
children: /*#__PURE__*/jsx$1(Chevron, {
|
|
33522
|
-
className: classes(styles$
|
|
33522
|
+
className: classes(styles$z.icon),
|
|
33523
33523
|
position: "left"
|
|
33524
33524
|
})
|
|
33525
33525
|
}), /*#__PURE__*/jsx$1("span", {
|
|
33526
|
-
className: styles$
|
|
33526
|
+
className: styles$z.title,
|
|
33527
33527
|
children: "".concat(selectedMonth.month, " ").concat(selectedMonth.year)
|
|
33528
33528
|
}), /*#__PURE__*/jsx$1("div", {
|
|
33529
33529
|
onClick: function onClick() {
|
|
33530
33530
|
onMonthChange('next');
|
|
33531
33531
|
},
|
|
33532
|
-
className: styles$
|
|
33532
|
+
className: styles$z['right-arrow'],
|
|
33533
33533
|
children: /*#__PURE__*/jsx$1(Chevron, {
|
|
33534
|
-
className: classes(styles$
|
|
33534
|
+
className: classes(styles$z.icon),
|
|
33535
33535
|
position: "right"
|
|
33536
33536
|
})
|
|
33537
33537
|
})]
|
|
33538
33538
|
});
|
|
33539
33539
|
};
|
|
33540
33540
|
|
|
33541
|
-
var css_248z$
|
|
33542
|
-
var styles$
|
|
33541
|
+
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}";
|
|
33542
|
+
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"};
|
|
33543
|
+
styleInject(css_248z$z);
|
|
33544
|
+
|
|
33545
|
+
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}";
|
|
33546
|
+
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"};
|
|
33543
33547
|
styleInject(css_248z$y);
|
|
33544
33548
|
|
|
33545
|
-
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.
|
|
33546
|
-
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)","
|
|
33549
|
+
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}";
|
|
33550
|
+
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"};
|
|
33547
33551
|
styleInject(css_248z$x);
|
|
33548
33552
|
|
|
33549
|
-
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}";
|
|
33550
|
-
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"};
|
|
33551
|
-
styleInject(css_248z$w);
|
|
33552
|
-
|
|
33553
33553
|
var getDatesOfLastWeekOfLastMonth = function getDatesOfLastWeekOfLastMonth(_ref) {
|
|
33554
33554
|
var monthAsNumber = _ref.monthAsNumber,
|
|
33555
33555
|
year = _ref.year,
|
|
@@ -33750,7 +33750,7 @@ var Dates = function Dates(props) {
|
|
|
33750
33750
|
return (disableDatesAfter === null || disableDatesAfter === void 0 ? void 0 : disableDatesAfter.length) > 0 && isAfter(date, fromUnixTime(disableDatesAfter));
|
|
33751
33751
|
};
|
|
33752
33752
|
return /*#__PURE__*/jsx$1("div", {
|
|
33753
|
-
className: styles$
|
|
33753
|
+
className: styles$w.dates,
|
|
33754
33754
|
children: datesToDisplay.map(function (date) {
|
|
33755
33755
|
var _selectedRange$unix2;
|
|
33756
33756
|
var dateNumber = date === null || date === void 0 ? void 0 : date.getDate();
|
|
@@ -33774,8 +33774,8 @@ var Dates = function Dates(props) {
|
|
|
33774
33774
|
} else {
|
|
33775
33775
|
isMidItem = isBefore(date, fromUnixTime(lastItem)) && isAfter(date, fromUnixTime(firstItem).setHours(23, 59, 59, 59));
|
|
33776
33776
|
}
|
|
33777
|
-
var parentClassNames = classes(isMidItem ? styles$
|
|
33778
|
-
var childClassNames = classes(date ? styles$
|
|
33777
|
+
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'] : '');
|
|
33778
|
+
var childClassNames = classes(date ? styles$w.date : '', selectedSingleDate ? styles$w.selected : '', isUnSelected ? styles$w.unSelected : '', notSameMonth ? styles$w.diffMonth : '', isDisabled ? styles$w.disabled : '');
|
|
33779
33779
|
return /*#__PURE__*/jsx$1("div", {
|
|
33780
33780
|
className: parentClassNames,
|
|
33781
33781
|
onClick: function onClick() {
|
|
@@ -33795,14 +33795,14 @@ var Dates = function Dates(props) {
|
|
|
33795
33795
|
});
|
|
33796
33796
|
};
|
|
33797
33797
|
|
|
33798
|
-
var css_248z$
|
|
33799
|
-
var styles$
|
|
33800
|
-
styleInject(css_248z$
|
|
33798
|
+
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}";
|
|
33799
|
+
var styles$v = {"days":"Days-module_days__h8GoU"};
|
|
33800
|
+
styleInject(css_248z$w);
|
|
33801
33801
|
|
|
33802
33802
|
var Days = function Days() {
|
|
33803
33803
|
var daysInWeek = DAYS;
|
|
33804
33804
|
return /*#__PURE__*/jsx$1("div", {
|
|
33805
|
-
className: styles$
|
|
33805
|
+
className: styles$v.days,
|
|
33806
33806
|
children: daysInWeek.map(function (day) {
|
|
33807
33807
|
return /*#__PURE__*/jsx$1("span", {
|
|
33808
33808
|
children: day
|
|
@@ -33813,14 +33813,14 @@ var Days = function Days() {
|
|
|
33813
33813
|
|
|
33814
33814
|
var Body = function Body(props) {
|
|
33815
33815
|
return /*#__PURE__*/jsxs("div", {
|
|
33816
|
-
className: styles$
|
|
33816
|
+
className: styles$x.root,
|
|
33817
33817
|
children: [/*#__PURE__*/jsx$1(Days, {}), /*#__PURE__*/jsx$1(Dates, _objectSpread2({}, props))]
|
|
33818
33818
|
});
|
|
33819
33819
|
};
|
|
33820
33820
|
|
|
33821
|
-
var css_248z$
|
|
33822
|
-
var styles$
|
|
33823
|
-
styleInject(css_248z$
|
|
33821
|
+
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}";
|
|
33822
|
+
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"};
|
|
33823
|
+
styleInject(css_248z$v);
|
|
33824
33824
|
|
|
33825
33825
|
var getDateAndUnixRange = function getDateAndUnixRange(duration) {
|
|
33826
33826
|
var startingDate = sub$1(new Date(), duration);
|
|
@@ -33856,11 +33856,11 @@ var SelectedDateView = function SelectedDateView(props) {
|
|
|
33856
33856
|
action = props.action,
|
|
33857
33857
|
Icon = props.icon;
|
|
33858
33858
|
return /*#__PURE__*/jsxs("div", {
|
|
33859
|
-
className: styles$
|
|
33859
|
+
className: styles$u['selected-date'],
|
|
33860
33860
|
children: [/*#__PURE__*/jsx$1(Calender$1, {}), /*#__PURE__*/jsxs("div", {
|
|
33861
|
-
className: styles$
|
|
33861
|
+
className: styles$u.date,
|
|
33862
33862
|
children: [/*#__PURE__*/jsx$1("span", {
|
|
33863
|
-
className: classes(styles$
|
|
33863
|
+
className: classes(styles$u.value),
|
|
33864
33864
|
children: value
|
|
33865
33865
|
}), /*#__PURE__*/jsx$1(Button, {
|
|
33866
33866
|
size: "auto",
|
|
@@ -33897,13 +33897,13 @@ var Footer = function Footer(props) {
|
|
|
33897
33897
|
setSelectedRange({});
|
|
33898
33898
|
};
|
|
33899
33899
|
return /*#__PURE__*/jsxs("div", {
|
|
33900
|
-
className: styles$
|
|
33900
|
+
className: styles$u.root,
|
|
33901
33901
|
children: [datesSelected && (dates === null || dates === void 0 ? void 0 : dates.length) === 2 ? /*#__PURE__*/jsx$1(SelectedDateView, {
|
|
33902
33902
|
range: true,
|
|
33903
33903
|
value: "".concat(selectedRange.dates[0], " - ").concat(selectedRange.dates[1]),
|
|
33904
33904
|
icon: function icon() {
|
|
33905
33905
|
return /*#__PURE__*/jsx$1(Cross$1, {
|
|
33906
|
-
className: styles$
|
|
33906
|
+
className: styles$u.cross
|
|
33907
33907
|
});
|
|
33908
33908
|
},
|
|
33909
33909
|
action: clearRangeSelection
|
|
@@ -33914,14 +33914,14 @@ var Footer = function Footer(props) {
|
|
|
33914
33914
|
},
|
|
33915
33915
|
action: resetDate
|
|
33916
33916
|
}), range && /*#__PURE__*/jsx$1("div", {
|
|
33917
|
-
className: styles$
|
|
33917
|
+
className: styles$u['date-ranges'],
|
|
33918
33918
|
children: dateRanges.map(function (_ref) {
|
|
33919
33919
|
var _selectedRange$unix;
|
|
33920
33920
|
var dateRange = _ref.dateRange,
|
|
33921
33921
|
title = _ref.title;
|
|
33922
33922
|
var selectedFixedDateRange = dateRange.unix.toString() === ((_selectedRange$unix = selectedRange.unix) === null || _selectedRange$unix === void 0 ? void 0 : _selectedRange$unix.toString());
|
|
33923
33923
|
return /*#__PURE__*/jsxs("div", {
|
|
33924
|
-
className: classes(styles$
|
|
33924
|
+
className: classes(styles$u['date-range'], selectedFixedDateRange ? styles$u.selected : ''),
|
|
33925
33925
|
onClick: function onClick() {
|
|
33926
33926
|
selectFixedDateRange(dateRange);
|
|
33927
33927
|
},
|
|
@@ -33933,7 +33933,7 @@ var Footer = function Footer(props) {
|
|
|
33933
33933
|
}), datesSelected && /*#__PURE__*/jsx$1(Button, {
|
|
33934
33934
|
onClick: onApply,
|
|
33935
33935
|
title: "Apply",
|
|
33936
|
-
className: styles$
|
|
33936
|
+
className: styles$u.apply
|
|
33937
33937
|
})]
|
|
33938
33938
|
});
|
|
33939
33939
|
};
|
|
@@ -34028,7 +34028,7 @@ var Calender = function Calender(props) {
|
|
|
34028
34028
|
}
|
|
34029
34029
|
};
|
|
34030
34030
|
return /*#__PURE__*/jsxs("div", {
|
|
34031
|
-
className: styles$
|
|
34031
|
+
className: styles$y.root,
|
|
34032
34032
|
children: [/*#__PURE__*/jsx$1(Header, {
|
|
34033
34033
|
selectedMonth: selectedMonth,
|
|
34034
34034
|
onMonthChange: onMonthChange
|
|
@@ -34054,9 +34054,9 @@ var Calender = function Calender(props) {
|
|
|
34054
34054
|
});
|
|
34055
34055
|
};
|
|
34056
34056
|
|
|
34057
|
-
var css_248z$
|
|
34058
|
-
var styles$
|
|
34059
|
-
styleInject(css_248z$
|
|
34057
|
+
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}";
|
|
34058
|
+
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"};
|
|
34059
|
+
styleInject(css_248z$u);
|
|
34060
34060
|
|
|
34061
34061
|
var isMaxRangeExceeded = function isMaxRangeExceeded(_ref) {
|
|
34062
34062
|
var maxRange = _ref.maxRange,
|
|
@@ -34194,35 +34194,35 @@ var DatePicker = function DatePicker(props) {
|
|
|
34194
34194
|
disableDatesBefore: disableDatesBefore
|
|
34195
34195
|
};
|
|
34196
34196
|
return /*#__PURE__*/jsxs("div", {
|
|
34197
|
-
className: classes(styles$
|
|
34197
|
+
className: classes(styles$t.root, className),
|
|
34198
34198
|
ref: datePickerRef,
|
|
34199
34199
|
children: [label && /*#__PURE__*/jsx$1("span", {
|
|
34200
|
-
className: styles$
|
|
34200
|
+
className: styles$t.label,
|
|
34201
34201
|
children: label
|
|
34202
34202
|
}), /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
|
|
34203
34203
|
"data-elem": "header",
|
|
34204
34204
|
ref: reference,
|
|
34205
|
-
className: classes(styles$
|
|
34205
|
+
className: classes(styles$t.container, disabled ? styles$t.disabled : '', open ? styles$t.open : '', error ? styles$t.error : '')
|
|
34206
34206
|
}, getReferenceProps()), {}, {
|
|
34207
34207
|
children: [/*#__PURE__*/jsxs("div", {
|
|
34208
34208
|
children: [/*#__PURE__*/jsx$1(Calender$1, {}), !displayValue && /*#__PURE__*/jsx$1("span", {
|
|
34209
|
-
className: styles$
|
|
34209
|
+
className: styles$t.placeholder,
|
|
34210
34210
|
children: placeholder
|
|
34211
34211
|
}), displayValue && /*#__PURE__*/jsxs("span", {
|
|
34212
|
-
className: styles$
|
|
34212
|
+
className: styles$t.value,
|
|
34213
34213
|
children: ["Selected Date: ", /*#__PURE__*/jsx$1("span", {
|
|
34214
34214
|
children: displayValue
|
|
34215
34215
|
})]
|
|
34216
34216
|
})]
|
|
34217
34217
|
}), /*#__PURE__*/jsx$1("input", {
|
|
34218
|
-
className: styles$
|
|
34218
|
+
className: styles$t.input,
|
|
34219
34219
|
value: displayValue
|
|
34220
34220
|
}), /*#__PURE__*/jsx$1(Chevron, {
|
|
34221
|
-
className: classes(styles$
|
|
34221
|
+
className: classes(styles$t.icon),
|
|
34222
34222
|
position: open ? 'bottom' : 'top'
|
|
34223
34223
|
})]
|
|
34224
34224
|
})), error && /*#__PURE__*/jsx$1("div", {
|
|
34225
|
-
className: styles$
|
|
34225
|
+
className: styles$t['error-text'],
|
|
34226
34226
|
children: error
|
|
34227
34227
|
}), /*#__PURE__*/jsx$1(Popper, {
|
|
34228
34228
|
open: open,
|
|
@@ -34241,7 +34241,7 @@ var DatePicker = function DatePicker(props) {
|
|
|
34241
34241
|
left: x !== null && x !== void 0 ? x : 0
|
|
34242
34242
|
}
|
|
34243
34243
|
})), {}, {
|
|
34244
|
-
className: classes(styles$
|
|
34244
|
+
className: classes(styles$t.popper, open ? styles$t.open : ''),
|
|
34245
34245
|
children: /*#__PURE__*/jsx$1(Calender, _objectSpread2({}, calenderProps))
|
|
34246
34246
|
}))
|
|
34247
34247
|
})]
|
|
@@ -34277,9 +34277,9 @@ DatePicker.defaultProps = {
|
|
|
34277
34277
|
disableDatesAfter: []
|
|
34278
34278
|
};
|
|
34279
34279
|
|
|
34280
|
-
var css_248z$
|
|
34281
|
-
var styles$
|
|
34282
|
-
styleInject(css_248z$
|
|
34280
|
+
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}";
|
|
34281
|
+
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"};
|
|
34282
|
+
styleInject(css_248z$t);
|
|
34283
34283
|
|
|
34284
34284
|
var HierarchyItem = function HierarchyItem(props) {
|
|
34285
34285
|
var defaultOpen = props.defaultOpen,
|
|
@@ -34292,12 +34292,12 @@ var HierarchyItem = function HierarchyItem(props) {
|
|
|
34292
34292
|
open = _useState2[0],
|
|
34293
34293
|
setOpen = _useState2[1];
|
|
34294
34294
|
return /*#__PURE__*/jsxs("div", {
|
|
34295
|
-
className: classes(styles$
|
|
34295
|
+
className: classes(styles$s.root, open ? styles$s.open : ''),
|
|
34296
34296
|
children: [/*#__PURE__*/jsx$1(BaseCell, {
|
|
34297
34297
|
flexible: true,
|
|
34298
34298
|
size: "auto",
|
|
34299
34299
|
rootDOM: "button",
|
|
34300
|
-
className: styles$
|
|
34300
|
+
className: styles$s.header,
|
|
34301
34301
|
attrs: {
|
|
34302
34302
|
onClick: function onClick() {
|
|
34303
34303
|
setOpen(function (prevState) {
|
|
@@ -34308,23 +34308,23 @@ var HierarchyItem = function HierarchyItem(props) {
|
|
|
34308
34308
|
}
|
|
34309
34309
|
},
|
|
34310
34310
|
component1: iconPlacement === 'left' && /*#__PURE__*/jsx$1(Caret, {
|
|
34311
|
-
className: styles$
|
|
34311
|
+
className: styles$s.icon
|
|
34312
34312
|
}),
|
|
34313
34313
|
component2: /*#__PURE__*/jsx$1("span", {
|
|
34314
|
-
className: styles$
|
|
34314
|
+
className: styles$s.title,
|
|
34315
34315
|
children: title
|
|
34316
34316
|
}),
|
|
34317
34317
|
component3: iconPlacement === 'right' && /*#__PURE__*/jsx$1(Caret, {
|
|
34318
|
-
className: styles$
|
|
34318
|
+
className: styles$s.icon
|
|
34319
34319
|
})
|
|
34320
34320
|
}), /*#__PURE__*/jsx$1(BaseCell, {
|
|
34321
34321
|
size: "auto",
|
|
34322
|
-
className: styles$
|
|
34322
|
+
className: styles$s.body,
|
|
34323
34323
|
component1: /*#__PURE__*/jsx$1("div", {
|
|
34324
|
-
className: styles$
|
|
34324
|
+
className: styles$s.tail
|
|
34325
34325
|
}),
|
|
34326
34326
|
component2: /*#__PURE__*/jsx$1("div", {
|
|
34327
|
-
className: styles$
|
|
34327
|
+
className: styles$s.children,
|
|
34328
34328
|
children: children
|
|
34329
34329
|
})
|
|
34330
34330
|
})]
|
|
@@ -34343,9 +34343,9 @@ HierarchyItem.defaultProps = {
|
|
|
34343
34343
|
onClick: function onClick() {}
|
|
34344
34344
|
};
|
|
34345
34345
|
|
|
34346
|
-
var css_248z$
|
|
34347
|
-
var styles$
|
|
34348
|
-
styleInject(css_248z$
|
|
34346
|
+
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}";
|
|
34347
|
+
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"};
|
|
34348
|
+
styleInject(css_248z$s);
|
|
34349
34349
|
|
|
34350
34350
|
var Title = function Title(props) {
|
|
34351
34351
|
var item = props.item;
|
|
@@ -34358,14 +34358,14 @@ var Title = function Title(props) {
|
|
|
34358
34358
|
break;
|
|
34359
34359
|
}
|
|
34360
34360
|
return /*#__PURE__*/jsxs("span", {
|
|
34361
|
-
className: styles$
|
|
34361
|
+
className: styles$r.item,
|
|
34362
34362
|
children: [Icon && /*#__PURE__*/jsx$1(Icon, {
|
|
34363
|
-
className: styles$
|
|
34363
|
+
className: styles$r['item-icon']
|
|
34364
34364
|
}), /*#__PURE__*/jsx$1("span", {
|
|
34365
|
-
className: styles$
|
|
34365
|
+
className: styles$r['item-title'],
|
|
34366
34366
|
children: item === null || item === void 0 ? void 0 : item.title
|
|
34367
34367
|
}), (item === null || item === void 0 ? void 0 : item.count) && /*#__PURE__*/jsxs("span", {
|
|
34368
|
-
className: styles$
|
|
34368
|
+
className: styles$r['item-count'],
|
|
34369
34369
|
children: ["(", item === null || item === void 0 ? void 0 : item.count, ")"]
|
|
34370
34370
|
})]
|
|
34371
34371
|
});
|
|
@@ -34415,12 +34415,12 @@ var HierarchyBrowser = function HierarchyBrowser(props) {
|
|
|
34415
34415
|
};
|
|
34416
34416
|
return /*#__PURE__*/jsxs("div", {
|
|
34417
34417
|
ref: browserRef,
|
|
34418
|
-
className: classes(styles$
|
|
34418
|
+
className: classes(styles$r.root, className, resizable ? styles$r.resizable : ''),
|
|
34419
34419
|
children: [/*#__PURE__*/jsx$1("div", {
|
|
34420
|
-
className: styles$
|
|
34420
|
+
className: styles$r.header,
|
|
34421
34421
|
children: "Browser"
|
|
34422
34422
|
}), /*#__PURE__*/jsx$1("div", {
|
|
34423
|
-
className: styles$
|
|
34423
|
+
className: styles$r.body,
|
|
34424
34424
|
children: renderTree(metadata)
|
|
34425
34425
|
})]
|
|
34426
34426
|
});
|
|
@@ -34453,9 +34453,9 @@ HierarchyBrowser.defaultProps = {
|
|
|
34453
34453
|
}
|
|
34454
34454
|
};
|
|
34455
34455
|
|
|
34456
|
-
var css_248z$
|
|
34457
|
-
var styles$
|
|
34458
|
-
styleInject(css_248z$
|
|
34456
|
+
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}";
|
|
34457
|
+
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"};
|
|
34458
|
+
styleInject(css_248z$r);
|
|
34459
34459
|
|
|
34460
34460
|
var TextField = /*#__PURE__*/forwardRef(function TextField(props, inputRef) {
|
|
34461
34461
|
var _inputValue$length;
|
|
@@ -34508,26 +34508,26 @@ var TextField = /*#__PURE__*/forwardRef(function TextField(props, inputRef) {
|
|
|
34508
34508
|
ref: inputRef,
|
|
34509
34509
|
value: inputValue,
|
|
34510
34510
|
onChange: handleChange,
|
|
34511
|
-
className: classes(styles$
|
|
34511
|
+
className: classes(styles$q[size], styles$q.input)
|
|
34512
34512
|
}, inputProps));
|
|
34513
34513
|
return /*#__PURE__*/jsxs("div", {
|
|
34514
|
-
className: classes(styles$
|
|
34514
|
+
className: classes(styles$q.root, className),
|
|
34515
34515
|
children: [/*#__PURE__*/jsxs("label", {
|
|
34516
34516
|
children: [label, /*#__PURE__*/jsx$1(BaseCell, {
|
|
34517
|
-
className: classes(styles$
|
|
34517
|
+
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)] : ''),
|
|
34518
34518
|
component1: LeftComponent && /*#__PURE__*/jsx$1(LeftComponent, {}),
|
|
34519
34519
|
component2: Input,
|
|
34520
34520
|
component3: RightComponent && /*#__PURE__*/jsx$1(RightComponent, {})
|
|
34521
34521
|
})]
|
|
34522
34522
|
}), feedbackAndCount && /*#__PURE__*/jsxs("div", {
|
|
34523
|
-
className: styles$
|
|
34523
|
+
className: styles$q.bottom,
|
|
34524
34524
|
children: [feedback != null && /*#__PURE__*/jsx$1("div", {
|
|
34525
34525
|
"data-elem": "feedback",
|
|
34526
|
-
className: classes(styles$
|
|
34526
|
+
className: classes(styles$q.feedback, styles$q["feedback-".concat(feedback.type)]),
|
|
34527
34527
|
children: feedback.text
|
|
34528
34528
|
}), (count === null || count === void 0 ? void 0 : count.limit) != null && /*#__PURE__*/jsxs("div", {
|
|
34529
34529
|
"data-elem": "count",
|
|
34530
|
-
className: classes(styles$
|
|
34530
|
+
className: classes(styles$q.count, (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) > count.limit ? styles$q.exceeded : ''),
|
|
34531
34531
|
children: [(_inputValue$length = inputValue.length) !== null && _inputValue$length !== void 0 ? _inputValue$length : 0, "/", count.limit]
|
|
34532
34532
|
})]
|
|
34533
34533
|
})]
|
|
@@ -34578,9 +34578,9 @@ TextField.defaultProps = {
|
|
|
34578
34578
|
feedbackAndCount: false
|
|
34579
34579
|
};
|
|
34580
34580
|
|
|
34581
|
-
var css_248z$
|
|
34582
|
-
var styles$
|
|
34583
|
-
styleInject(css_248z$
|
|
34581
|
+
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}";
|
|
34582
|
+
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"};
|
|
34583
|
+
styleInject(css_248z$q);
|
|
34584
34584
|
|
|
34585
34585
|
var Checkbox = function Checkbox(props) {
|
|
34586
34586
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -34611,7 +34611,7 @@ var Checkbox = function Checkbox(props) {
|
|
|
34611
34611
|
};
|
|
34612
34612
|
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
34613
34613
|
return /*#__PURE__*/jsxs("label", {
|
|
34614
|
-
className: classes(styles$
|
|
34614
|
+
className: classes(styles$p.root, styles$p["position-".concat(position)], className, disabled ? styles$p.disabled : ''),
|
|
34615
34615
|
children: [/*#__PURE__*/jsx$1("input", _objectSpread2(_objectSpread2({
|
|
34616
34616
|
disabled: disabled,
|
|
34617
34617
|
type: "checkbox",
|
|
@@ -34622,10 +34622,10 @@ var Checkbox = function Checkbox(props) {
|
|
|
34622
34622
|
onChange: handleChange
|
|
34623
34623
|
})), isChecked ? /*#__PURE__*/jsx$1(CheckboxIcon.Checked, {
|
|
34624
34624
|
"data-elem": "icon",
|
|
34625
|
-
className: classes(styles$
|
|
34625
|
+
className: classes(styles$p["icon-".concat(size)], styles$p.icon)
|
|
34626
34626
|
}) : /*#__PURE__*/jsx$1(CheckboxIcon.UnChecked, {
|
|
34627
34627
|
"data-elem": "icon",
|
|
34628
|
-
className: classes(styles$
|
|
34628
|
+
className: classes(styles$p["icon-".concat(size)], styles$p.icon)
|
|
34629
34629
|
}), label && /*#__PURE__*/jsx$1("span", {
|
|
34630
34630
|
"data-elem": "label",
|
|
34631
34631
|
children: label
|
|
@@ -34651,9 +34651,9 @@ Checkbox.defaultProps = {
|
|
|
34651
34651
|
onChange: function onChange() {}
|
|
34652
34652
|
};
|
|
34653
34653
|
|
|
34654
|
-
var css_248z$
|
|
34655
|
-
var styles$
|
|
34656
|
-
styleInject(css_248z$
|
|
34654
|
+
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}";
|
|
34655
|
+
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"};
|
|
34656
|
+
styleInject(css_248z$p);
|
|
34657
34657
|
|
|
34658
34658
|
var Radio = function Radio(props) {
|
|
34659
34659
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -34684,7 +34684,7 @@ var Radio = function Radio(props) {
|
|
|
34684
34684
|
};
|
|
34685
34685
|
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
34686
34686
|
return /*#__PURE__*/jsxs("label", {
|
|
34687
|
-
className: classes(styles$
|
|
34687
|
+
className: classes(styles$o.root, styles$o["position-".concat(position)], className, disabled ? styles$o.disabled : ''),
|
|
34688
34688
|
children: [/*#__PURE__*/jsx$1("input", {
|
|
34689
34689
|
disabled: disabled,
|
|
34690
34690
|
type: "radio",
|
|
@@ -34692,10 +34692,10 @@ var Radio = function Radio(props) {
|
|
|
34692
34692
|
onChange: handleChange
|
|
34693
34693
|
}), isChecked ? /*#__PURE__*/jsx$1(RadioIcon.Checked, {
|
|
34694
34694
|
"data-elem": "icon",
|
|
34695
|
-
className: classes(styles$
|
|
34695
|
+
className: classes(styles$o["icon-".concat(size)], styles$o.icon)
|
|
34696
34696
|
}) : /*#__PURE__*/jsx$1(RadioIcon.UnChecked, {
|
|
34697
34697
|
"data-elem": "icon",
|
|
34698
|
-
className: classes(styles$
|
|
34698
|
+
className: classes(styles$o["icon-".concat(size)], styles$o.icon)
|
|
34699
34699
|
}), label && /*#__PURE__*/jsx$1("span", {
|
|
34700
34700
|
"data-elem": "label",
|
|
34701
34701
|
children: label
|
|
@@ -34721,9 +34721,9 @@ Radio.defaultProps = {
|
|
|
34721
34721
|
onChange: function onChange() {}
|
|
34722
34722
|
};
|
|
34723
34723
|
|
|
34724
|
-
var css_248z$
|
|
34725
|
-
var styles$
|
|
34726
|
-
styleInject(css_248z$
|
|
34724
|
+
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}";
|
|
34725
|
+
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"};
|
|
34726
|
+
styleInject(css_248z$o);
|
|
34727
34727
|
|
|
34728
34728
|
var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
34729
34729
|
var _selectedOptions$map, _ref2, _selectedOptions$;
|
|
@@ -34929,16 +34929,16 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
|
34929
34929
|
})));
|
|
34930
34930
|
});
|
|
34931
34931
|
return /*#__PURE__*/jsxs("div", {
|
|
34932
|
-
className: classes(className, styles$
|
|
34932
|
+
className: classes(className, styles$n.root, open ? styles$n.open : '', disabled ? styles$n.disabled : ''),
|
|
34933
34933
|
children: [label && /*#__PURE__*/jsx$1("div", {
|
|
34934
34934
|
"data-elem": "label",
|
|
34935
|
-
className: styles$
|
|
34935
|
+
className: styles$n.label,
|
|
34936
34936
|
children: /*#__PURE__*/jsx$1("span", {
|
|
34937
34937
|
children: label
|
|
34938
34938
|
})
|
|
34939
34939
|
}), /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
|
|
34940
34940
|
"data-elem": "header",
|
|
34941
|
-
className: styles$
|
|
34941
|
+
className: styles$n.header,
|
|
34942
34942
|
ref: reference
|
|
34943
34943
|
}, getReferenceProps()), {}, {
|
|
34944
34944
|
children: [/*#__PURE__*/jsx$1("input", {
|
|
@@ -34947,7 +34947,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
|
34947
34947
|
ref: inputRef,
|
|
34948
34948
|
disabled: disabled,
|
|
34949
34949
|
tabIndex: 0,
|
|
34950
|
-
className: styles$
|
|
34950
|
+
className: styles$n.input,
|
|
34951
34951
|
onKeyDown: function onKeyDown(event) {
|
|
34952
34952
|
var validKey = [' ', 'Spacebar', 'Enter'].includes(event.key);
|
|
34953
34953
|
if (validKey) {
|
|
@@ -34961,14 +34961,14 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
|
34961
34961
|
}), /*#__PURE__*/jsxs("div", {
|
|
34962
34962
|
"data-elem": "select",
|
|
34963
34963
|
role: "button",
|
|
34964
|
-
className: classes(styles$
|
|
34964
|
+
className: classes(styles$n.select, feedback != null ? styles$n["feedback-".concat(feedback === null || feedback === void 0 ? void 0 : feedback.type)] : ''),
|
|
34965
34965
|
children: [/*#__PURE__*/jsx$1("span", {
|
|
34966
34966
|
"data-elem": "placeholder",
|
|
34967
|
-
className: styles$
|
|
34967
|
+
className: styles$n.placeholder,
|
|
34968
34968
|
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
|
|
34969
34969
|
}), /*#__PURE__*/jsx$1(Caret, {
|
|
34970
34970
|
"data-elem": "icon",
|
|
34971
|
-
className: classes(styles$
|
|
34971
|
+
className: classes(styles$n.icon, styles$n['drop-icon'])
|
|
34972
34972
|
})]
|
|
34973
34973
|
})]
|
|
34974
34974
|
})), /*#__PURE__*/jsx$1(Popper, {
|
|
@@ -34992,16 +34992,16 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
|
34992
34992
|
left: x !== null && x !== void 0 ? x : 0
|
|
34993
34993
|
},
|
|
34994
34994
|
onClick: onClick,
|
|
34995
|
-
className: classes(styles$
|
|
34995
|
+
className: classes(styles$n.body, popperClassName, open ? styles$n.open : '')
|
|
34996
34996
|
})), {}, {
|
|
34997
34997
|
children: items
|
|
34998
34998
|
}))
|
|
34999
34999
|
})
|
|
35000
35000
|
}), feedback != null && /*#__PURE__*/jsx$1("div", {
|
|
35001
|
-
className: styles$
|
|
35001
|
+
className: styles$n.bottom,
|
|
35002
35002
|
children: /*#__PURE__*/jsx$1("div", {
|
|
35003
35003
|
"data-elem": "feedback",
|
|
35004
|
-
className: classes(styles$
|
|
35004
|
+
className: classes(styles$n.feedback, styles$n["feedback-".concat(feedback.type)]),
|
|
35005
35005
|
children: feedback.text
|
|
35006
35006
|
})
|
|
35007
35007
|
})]
|
|
@@ -35039,9 +35039,9 @@ Dropdown.defaultProps = {
|
|
|
35039
35039
|
feedback: null
|
|
35040
35040
|
};
|
|
35041
35041
|
|
|
35042
|
-
var css_248z$
|
|
35043
|
-
var styles$
|
|
35044
|
-
styleInject(css_248z$
|
|
35042
|
+
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}";
|
|
35043
|
+
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"};
|
|
35044
|
+
styleInject(css_248z$n);
|
|
35045
35045
|
|
|
35046
35046
|
var DropdownItem = /*#__PURE__*/forwardRef(function DropdownItem(props, ref) {
|
|
35047
35047
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -35068,7 +35068,7 @@ var DropdownItem = /*#__PURE__*/forwardRef(function DropdownItem(props, ref) {
|
|
|
35068
35068
|
}
|
|
35069
35069
|
return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
|
|
35070
35070
|
ref: ref,
|
|
35071
|
-
className: classes(className, styles$
|
|
35071
|
+
className: classes(className, styles$m.root, selected ? styles$m.selected : ''),
|
|
35072
35072
|
"data-elem": "dropdown-item",
|
|
35073
35073
|
"data-variant": variant,
|
|
35074
35074
|
"data-value": value,
|
|
@@ -35101,9 +35101,9 @@ DropdownItem.defaultProps = {
|
|
|
35101
35101
|
selected: false
|
|
35102
35102
|
};
|
|
35103
35103
|
|
|
35104
|
-
var css_248z$
|
|
35105
|
-
var styles$
|
|
35106
|
-
styleInject(css_248z$
|
|
35104
|
+
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}";
|
|
35105
|
+
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"};
|
|
35106
|
+
styleInject(css_248z$m);
|
|
35107
35107
|
|
|
35108
35108
|
var BaseModal = function BaseModal(props) {
|
|
35109
35109
|
var className = props.className,
|
|
@@ -35122,28 +35122,28 @@ var BaseModal = function BaseModal(props) {
|
|
|
35122
35122
|
transparent: false,
|
|
35123
35123
|
id: "base-modal-popper",
|
|
35124
35124
|
children: /*#__PURE__*/jsxs("div", {
|
|
35125
|
-
className: classes(styles$
|
|
35125
|
+
className: classes(styles$l.root, className),
|
|
35126
35126
|
ref: ref,
|
|
35127
35127
|
children: [renderHeader && /*#__PURE__*/jsx$1("div", {
|
|
35128
35128
|
"data-elem": "header",
|
|
35129
|
-
className: styles$
|
|
35129
|
+
className: styles$l.header,
|
|
35130
35130
|
children: renderHeader
|
|
35131
35131
|
}), /*#__PURE__*/jsx$1("div", {
|
|
35132
35132
|
"data-elem": "body",
|
|
35133
|
-
className: styles$
|
|
35133
|
+
className: styles$l.body,
|
|
35134
35134
|
children: children
|
|
35135
35135
|
}), renderFooter && /*#__PURE__*/jsx$1("div", {
|
|
35136
35136
|
"data-elem": "footer",
|
|
35137
|
-
className: styles$
|
|
35137
|
+
className: styles$l.footer,
|
|
35138
35138
|
children: renderFooter
|
|
35139
35139
|
}), /*#__PURE__*/jsx$1("div", {
|
|
35140
35140
|
"data-elem": "close",
|
|
35141
|
-
className: styles$
|
|
35141
|
+
className: styles$l.closeModal,
|
|
35142
35142
|
onClick: function onClick() {
|
|
35143
35143
|
toggle(false);
|
|
35144
35144
|
},
|
|
35145
35145
|
children: /*#__PURE__*/jsx$1(Cross$1, {
|
|
35146
|
-
className: styles$
|
|
35146
|
+
className: styles$l.closeIcon
|
|
35147
35147
|
})
|
|
35148
35148
|
})]
|
|
35149
35149
|
})
|
|
@@ -35164,6 +35164,72 @@ BaseModal.defaultProps = {
|
|
|
35164
35164
|
toggle: function toggle() {}
|
|
35165
35165
|
};
|
|
35166
35166
|
|
|
35167
|
+
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}";
|
|
35168
|
+
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"};
|
|
35169
|
+
styleInject(css_248z$l);
|
|
35170
|
+
|
|
35171
|
+
/* eslint-disable object-curly-newline */
|
|
35172
|
+
var DialogBox = function DialogBox(props) {
|
|
35173
|
+
var open = props.open,
|
|
35174
|
+
heading = props.heading,
|
|
35175
|
+
description = props.description,
|
|
35176
|
+
action = props.action,
|
|
35177
|
+
variant = props.variant,
|
|
35178
|
+
onCancel = props.onCancel,
|
|
35179
|
+
onAction = props.onAction,
|
|
35180
|
+
size = props.size,
|
|
35181
|
+
className = props.className;
|
|
35182
|
+
return /*#__PURE__*/jsx$1(BaseModal, {
|
|
35183
|
+
open: open,
|
|
35184
|
+
toggle: onCancel,
|
|
35185
|
+
className: classes(className, styles$k.root, styles$k[size]),
|
|
35186
|
+
renderHeader: /*#__PURE__*/jsx$1("div", {
|
|
35187
|
+
className: styles$k.header,
|
|
35188
|
+
children: /*#__PURE__*/jsx$1("p", {
|
|
35189
|
+
children: heading
|
|
35190
|
+
})
|
|
35191
|
+
}),
|
|
35192
|
+
renderFooter: /*#__PURE__*/jsxs("div", {
|
|
35193
|
+
className: styles$k.footer,
|
|
35194
|
+
children: [/*#__PURE__*/jsx$1(Button, {
|
|
35195
|
+
color: "default",
|
|
35196
|
+
variant: "outlined",
|
|
35197
|
+
className: styles$k.cancel,
|
|
35198
|
+
onClick: onCancel,
|
|
35199
|
+
title: "Cancel"
|
|
35200
|
+
}), /*#__PURE__*/jsx$1(Button, {
|
|
35201
|
+
onClick: onAction,
|
|
35202
|
+
title: action,
|
|
35203
|
+
color: variant
|
|
35204
|
+
})]
|
|
35205
|
+
}),
|
|
35206
|
+
children: /*#__PURE__*/jsx$1("div", {
|
|
35207
|
+
className: styles$k.description,
|
|
35208
|
+
children: description
|
|
35209
|
+
})
|
|
35210
|
+
});
|
|
35211
|
+
};
|
|
35212
|
+
DialogBox.propTypes = {
|
|
35213
|
+
className: propTypes$1.exports.string,
|
|
35214
|
+
heading: propTypes$1.exports.string,
|
|
35215
|
+
action: propTypes$1.exports.string,
|
|
35216
|
+
description: propTypes$1.exports.string,
|
|
35217
|
+
onCancel: propTypes$1.exports.func,
|
|
35218
|
+
onAction: propTypes$1.exports.func,
|
|
35219
|
+
variant: propTypes$1.exports.oneOf(['primary', 'success', 'danger', 'warning']),
|
|
35220
|
+
size: propTypes$1.exports.oneOf(['sm', 'md'])
|
|
35221
|
+
};
|
|
35222
|
+
DialogBox.defaultProps = {
|
|
35223
|
+
className: '',
|
|
35224
|
+
heading: 'selected row',
|
|
35225
|
+
action: '',
|
|
35226
|
+
description: 'description selected page',
|
|
35227
|
+
variant: 'danger',
|
|
35228
|
+
onCancel: function onCancel() {},
|
|
35229
|
+
onAction: function onAction() {},
|
|
35230
|
+
size: 'sm'
|
|
35231
|
+
};
|
|
35232
|
+
|
|
35167
35233
|
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}";
|
|
35168
35234
|
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"};
|
|
35169
35235
|
styleInject(css_248z$k);
|
|
@@ -84232,5 +84298,5 @@ var yaml = /*#__PURE__*/_mergeNamespaces({
|
|
|
84232
84298
|
default: yamlExports
|
|
84233
84299
|
}, [yamlExports]);
|
|
84234
84300
|
|
|
84235
|
-
export { Accordion, Alert, AlertIcon, AngleDouble as AngleDoubleIcon, Arrow$1 as ArrowIcon, BASE_URLS, BaseButton, BaseCell, BaseHorizontalBarChart, BaseModal, BaseSidePanel, BaseTable, BaseVerticalBarChart, BaseWidget, BreadCrumbs, BreadcrumbSeperator as BreadcrumbSeperatorIcon, Button, Calender$1 as CalenderIcon, Caret as CaretIcon, Checkbox, CheckboxIcon, Chevron as ChevronIcon, Chip, CodeSnippet, Columns$1 as ColumnsIcon, Copy as CopyIcon, Cross$1 as CrossIcon, DAYS, DatePicker, Delete as DeleteIcon, DisplayPicture, Download as DownloadIcon, Dropdown, DropdownItem, Edit as EditIcon, ExpandArrowAlt as ExpandArrowAltIcon, FULL_MONTHS, Filter as FilterIcon, HalfShade as HalfShadeIcon, HierarchyBrowser, HierarchyItem, MONTHS, MagnifyingGlass as MagnifyingGlassIcon, Nut as NutIcon, PageHeader, Pagination, PaginationList, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, Reset as ResetIcon, Server as ServerIcon, Stepper, Table, TableCell, TableChip, TableChips, TableColumn, TableFilters, Tabs, TextField, Tick as TickIcon, Tooltip, View as ViewIcon, classes, cloneDeep, defaultProps$1 as defaultProps, doubleDigitted, get$1 as get, getCurrentSearchParams, getDateFromEpoch, getDatesInAMonth, getDayInfo, getInitialsOfName, getJSDateFromEpoch, getPagination, getSpacedDisplayName, getTimeFromEpoch, inputHelper, propTypes, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize, useRowFilter };
|
|
84301
|
+
export { Accordion, Alert, AlertIcon, AngleDouble as AngleDoubleIcon, Arrow$1 as ArrowIcon, BASE_URLS, BaseButton, BaseCell, BaseHorizontalBarChart, BaseModal, BaseSidePanel, BaseTable, BaseVerticalBarChart, BaseWidget, BreadCrumbs, BreadcrumbSeperator as BreadcrumbSeperatorIcon, Button, Calender$1 as CalenderIcon, Caret as CaretIcon, Checkbox, CheckboxIcon, Chevron as ChevronIcon, Chip, CodeSnippet, Columns$1 as ColumnsIcon, Copy as CopyIcon, Cross$1 as CrossIcon, DAYS, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, Download as DownloadIcon, Dropdown, DropdownItem, Edit as EditIcon, ExpandArrowAlt as ExpandArrowAltIcon, FULL_MONTHS, Filter as FilterIcon, HalfShade as HalfShadeIcon, HierarchyBrowser, HierarchyItem, MONTHS, MagnifyingGlass as MagnifyingGlassIcon, Nut as NutIcon, PageHeader, Pagination, PaginationList, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, Reset as ResetIcon, Server as ServerIcon, Stepper, Table, TableCell, TableChip, TableChips, TableColumn, TableFilters, Tabs, TextField, Tick as TickIcon, Tooltip, View as ViewIcon, classes, cloneDeep, defaultProps$1 as defaultProps, doubleDigitted, get$1 as get, getCurrentSearchParams, getDateFromEpoch, getDatesInAMonth, getDayInfo, getInitialsOfName, getJSDateFromEpoch, getPagination, getSpacedDisplayName, getTimeFromEpoch, inputHelper, propTypes, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize, useRowFilter };
|
|
84236
84302
|
//# sourceMappingURL=index.js.map
|