@banyan_cloud/roots 1.0.3 → 1.0.5
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 +46 -13
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +46 -13
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +46 -13
- package/package.json +6 -4
- package/styles/main.css +1 -1
- package/styles/main.scss +1 -1
package/dist/index.js
CHANGED
|
@@ -11747,7 +11747,7 @@ BreadCrumbs.defaultProps = {
|
|
|
11747
11747
|
itemsAfterCollapse: 1
|
|
11748
11748
|
};
|
|
11749
11749
|
|
|
11750
|
-
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.Header-module_container__E1lPQ {\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__E1lPQ .Header-module_title__ZbNwD {\n font-weight: 400;\n font-size: 0.8rem;\n color: var(--black);\n}\n.Header-module_container__E1lPQ .Header-module_icon__eW4zO {\n width:
|
|
11750
|
+
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.Header-module_container__E1lPQ {\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__E1lPQ .Header-module_title__ZbNwD {\n font-weight: 400;\n font-size: 0.8rem;\n color: var(--black);\n}\n.Header-module_container__E1lPQ .Header-module_icon__eW4zO {\n width: 1.5rem;\n height: 1.5rem;\n stroke: #181818;\n cursor: pointer;\n}";
|
|
11751
11751
|
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)","container":"Header-module_container__E1lPQ","title":"Header-module_title__ZbNwD","icon":"Header-module_icon__eW4zO"};
|
|
11752
11752
|
styleInject(css_248z$v);
|
|
11753
11753
|
|
|
@@ -13102,7 +13102,7 @@ CodeSnippet.defaultProps = {
|
|
|
13102
13102
|
showIcon: true
|
|
13103
13103
|
};
|
|
13104
13104
|
|
|
13105
|
-
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.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}\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: var(--white);\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_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}\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}\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:
|
|
13105
|
+
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.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}\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: var(--white);\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_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}\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}\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: 0px 0.5rem 1.25rem rgba(24, 24, 24, 0.08);\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}";
|
|
13106
13106
|
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":"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"};
|
|
13107
13107
|
styleInject(css_248z$o);
|
|
13108
13108
|
|
|
@@ -13727,8 +13727,8 @@ Radio.defaultProps = {
|
|
|
13727
13727
|
onChange: function onChange() {}
|
|
13728
13728
|
};
|
|
13729
13729
|
|
|
13730
|
-
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.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_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-
|
|
13731
|
-
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":"Dropdown-module_root__mkOMI","label":"Dropdown-module_label__YkFsR","header":"Dropdown-module_header__EOpC-","select":"Dropdown-module_select__Thb6Y","
|
|
13730
|
+
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.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}";
|
|
13731
|
+
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":"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"};
|
|
13732
13732
|
styleInject(css_248z$i);
|
|
13733
13733
|
|
|
13734
13734
|
var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
@@ -13738,11 +13738,15 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
|
13738
13738
|
popperClassName = props.popperClassName,
|
|
13739
13739
|
value = props.value,
|
|
13740
13740
|
onChange = props.onChange,
|
|
13741
|
+
onBlur = props.onBlur,
|
|
13741
13742
|
children = props.children,
|
|
13742
13743
|
label = props.label,
|
|
13743
13744
|
placeholder = props.placeholder,
|
|
13744
13745
|
multi = props.multi,
|
|
13745
|
-
disabled = props.disabled
|
|
13746
|
+
disabled = props.disabled,
|
|
13747
|
+
id = props.id,
|
|
13748
|
+
name = props.name,
|
|
13749
|
+
feedback = props.feedback;
|
|
13746
13750
|
var _useState = useState(false),
|
|
13747
13751
|
_useState2 = _slicedToArray(_useState, 2),
|
|
13748
13752
|
open = _useState2[0],
|
|
@@ -13821,16 +13825,27 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
|
13821
13825
|
index = dataset.index,
|
|
13822
13826
|
selected = dataset.selected,
|
|
13823
13827
|
elem = dataset.elem;
|
|
13828
|
+
|
|
13829
|
+
// to support form libraries which require name and value on the event
|
|
13830
|
+
var nativeEvent = event.nativeEvent || event;
|
|
13831
|
+
var clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);
|
|
13832
|
+
Object.defineProperty(clonedEvent, 'target', {
|
|
13833
|
+
writable: true,
|
|
13834
|
+
value: {
|
|
13835
|
+
value: itemValue,
|
|
13836
|
+
name: name
|
|
13837
|
+
}
|
|
13838
|
+
});
|
|
13824
13839
|
if (elem === 'dropdown-item') {
|
|
13825
13840
|
setSelectedIndex(parseInt(index, 10));
|
|
13826
13841
|
if (multi) {
|
|
13827
13842
|
if (isControlled) {
|
|
13828
13843
|
if (selected === 'true') {
|
|
13829
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(
|
|
13844
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(clonedEvent, value.filter(function (val) {
|
|
13830
13845
|
return val !== itemValue;
|
|
13831
13846
|
}));
|
|
13832
13847
|
} else {
|
|
13833
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(
|
|
13848
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(clonedEvent, [].concat(_toConsumableArray(value !== null && value !== void 0 ? value : []), [itemValue]));
|
|
13834
13849
|
}
|
|
13835
13850
|
} else {
|
|
13836
13851
|
// eslint-disable-next-line no-lonely-if
|
|
@@ -13844,7 +13859,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
|
13844
13859
|
}
|
|
13845
13860
|
} else {
|
|
13846
13861
|
if (isControlled) {
|
|
13847
|
-
onChange(
|
|
13862
|
+
onChange(clonedEvent, itemValue.toString());
|
|
13848
13863
|
} else {
|
|
13849
13864
|
setUncontrolledValue(itemValue.toString());
|
|
13850
13865
|
}
|
|
@@ -13931,6 +13946,8 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
|
13931
13946
|
ref: reference
|
|
13932
13947
|
}, getReferenceProps()), {}, {
|
|
13933
13948
|
children: [/*#__PURE__*/jsx("input", {
|
|
13949
|
+
id: id,
|
|
13950
|
+
name: name,
|
|
13934
13951
|
ref: inputRef,
|
|
13935
13952
|
disabled: disabled,
|
|
13936
13953
|
tabIndex: 0,
|
|
@@ -13941,13 +13958,14 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
|
13941
13958
|
setOpen(true);
|
|
13942
13959
|
}
|
|
13943
13960
|
},
|
|
13961
|
+
onBlur: onBlur,
|
|
13944
13962
|
value: selectedOptions === null || selectedOptions === void 0 ? void 0 : (_selectedOptions$map = selectedOptions.map(function (option) {
|
|
13945
13963
|
return option === null || option === void 0 ? void 0 : option.value;
|
|
13946
13964
|
})) === null || _selectedOptions$map === void 0 ? void 0 : _selectedOptions$map.join(', ')
|
|
13947
13965
|
}), /*#__PURE__*/jsxs("div", {
|
|
13948
13966
|
"data-elem": "select",
|
|
13949
13967
|
role: "button",
|
|
13950
|
-
className: styles$h.select,
|
|
13968
|
+
className: classes(styles$h.select, feedback != null ? styles$h["feedback-".concat(feedback === null || feedback === void 0 ? void 0 : feedback.type)] : ''),
|
|
13951
13969
|
children: [/*#__PURE__*/jsx("span", {
|
|
13952
13970
|
"data-elem": "placeholder",
|
|
13953
13971
|
className: styles$h.placeholder,
|
|
@@ -13983,6 +14001,13 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
|
13983
14001
|
children: items
|
|
13984
14002
|
}))
|
|
13985
14003
|
})
|
|
14004
|
+
}), feedback != null && /*#__PURE__*/jsx("div", {
|
|
14005
|
+
className: styles$h.bottom,
|
|
14006
|
+
children: /*#__PURE__*/jsx("div", {
|
|
14007
|
+
"data-elem": "feedback",
|
|
14008
|
+
className: classes(styles$h.feedback, styles$h["feedback-".concat(feedback.type)]),
|
|
14009
|
+
children: feedback.text
|
|
14010
|
+
})
|
|
13986
14011
|
})]
|
|
13987
14012
|
});
|
|
13988
14013
|
});
|
|
@@ -13996,7 +14021,12 @@ Dropdown.propTypes = {
|
|
|
13996
14021
|
// search: PropTypes.bool,
|
|
13997
14022
|
// max: PropTypes.number,
|
|
13998
14023
|
multi: propTypes$1.exports.bool,
|
|
13999
|
-
onChange: propTypes$1.exports.func
|
|
14024
|
+
onChange: propTypes$1.exports.func,
|
|
14025
|
+
onBlur: propTypes$1.exports.func,
|
|
14026
|
+
feedback: propTypes$1.exports.shape({
|
|
14027
|
+
text: propTypes$1.exports.node,
|
|
14028
|
+
type: propTypes$1.exports.oneOf(['error', 'success', 'default'])
|
|
14029
|
+
})
|
|
14000
14030
|
};
|
|
14001
14031
|
Dropdown.defaultProps = {
|
|
14002
14032
|
popperClassName: '',
|
|
@@ -14008,7 +14038,9 @@ Dropdown.defaultProps = {
|
|
|
14008
14038
|
// search: false,
|
|
14009
14039
|
// max: null,
|
|
14010
14040
|
multi: false,
|
|
14011
|
-
onChange: null
|
|
14041
|
+
onChange: null,
|
|
14042
|
+
onBlur: null,
|
|
14043
|
+
feedback: null
|
|
14012
14044
|
};
|
|
14013
14045
|
|
|
14014
14046
|
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.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}";
|
|
@@ -14627,7 +14659,7 @@ var css_248z$b = ":root {\n --white: #ffffff;\n --black: #000000;\n --dark-gr
|
|
|
14627
14659
|
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)","root":"TableCell-module_root__0-5fC","cell-text":"TableCell-module_cell-text__MqZRq","header-cell":"TableCell-module_header-cell__cDXlM","body-cell":"TableCell-module_body-cell__Z2M7H","multi-line":"TableCell-module_multi-line__8cWJW","sticky-left":"TableCell-module_sticky-left__clzyD","sticky-right":"TableCell-module_sticky-right__U9Kgq"};
|
|
14628
14660
|
styleInject(css_248z$b);
|
|
14629
14661
|
|
|
14630
|
-
var TableCell = function TableCell(props) {
|
|
14662
|
+
var TableCell = /*#__PURE__*/forwardRef(function TableCell(props, ref) {
|
|
14631
14663
|
var className = props.className,
|
|
14632
14664
|
size = props.size,
|
|
14633
14665
|
flexible = props.flexible,
|
|
@@ -14644,6 +14676,7 @@ var TableCell = function TableCell(props) {
|
|
|
14644
14676
|
cellTitle = props.cellTitle,
|
|
14645
14677
|
sticky = props.sticky;
|
|
14646
14678
|
return /*#__PURE__*/jsx(BaseCell, {
|
|
14679
|
+
ref: ref,
|
|
14647
14680
|
className: classes(styles$b.root, className, styles$b["".concat(type, "-cell")], styles$b["sticky-".concat(sticky)]),
|
|
14648
14681
|
attrs: _objectSpread2({
|
|
14649
14682
|
style: style
|
|
@@ -14664,7 +14697,7 @@ var TableCell = function TableCell(props) {
|
|
|
14664
14697
|
RootDOM: RootDOM,
|
|
14665
14698
|
radius: radius
|
|
14666
14699
|
});
|
|
14667
|
-
};
|
|
14700
|
+
});
|
|
14668
14701
|
TableCell.propTypes = _objectSpread2(_objectSpread2({}, BaseCell.propTypes), {}, {
|
|
14669
14702
|
title: propTypes$1.exports.string,
|
|
14670
14703
|
id: propTypes$1.exports.string,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@banyan_cloud/roots",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.5",
|
|
4
4
|
"description": "Design System Library which drives the Banyan Cloud products",
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -29,6 +29,8 @@
|
|
|
29
29
|
"@rollup/plugin-node-resolve": "^15.0.1",
|
|
30
30
|
"babel-plugin-syntax-dynamic-import": "^6.18.0",
|
|
31
31
|
"date-fns": "^2.29.3",
|
|
32
|
+
"echarts": "^5.4.0",
|
|
33
|
+
"echarts-for-react": "^3.0.2",
|
|
32
34
|
"html-webpack-plugin": "^5.5.0",
|
|
33
35
|
"path": "^0.12.7",
|
|
34
36
|
"postcss": "^8.4.18",
|
|
@@ -82,12 +84,12 @@
|
|
|
82
84
|
"eslint-plugin-react-hooks": "^4.3.0",
|
|
83
85
|
"prettier": "^2.7.1",
|
|
84
86
|
"prop-types": "^15.8.1",
|
|
87
|
+
"react": "^18.2.0",
|
|
88
|
+
"react-dom": "^18.2.0",
|
|
85
89
|
"sass": "^1.55.0",
|
|
86
90
|
"sass-loader": "^13.1.0",
|
|
87
91
|
"storybook-addon-designs": "^6.3.1",
|
|
88
|
-
"storybook-dark-mode": "^1.1.2"
|
|
89
|
-
"react": "^18.2.0",
|
|
90
|
-
"react-dom": "^18.2.0"
|
|
92
|
+
"storybook-dark-mode": "^1.1.2"
|
|
91
93
|
},
|
|
92
94
|
"scripts": {
|
|
93
95
|
"test": "echo \"Error: no test specified\" && exit 1",
|
package/styles/main.css
CHANGED
|
@@ -22,7 +22,7 @@ body {
|
|
|
22
22
|
|
|
23
23
|
/**************************************************************
|
|
24
24
|
font-family- Poppins
|
|
25
|
-
Incase of adding new font
|
|
25
|
+
Incase of adding new font follow the steps:
|
|
26
26
|
---> Download the respective font from Google fonts
|
|
27
27
|
---> Save to assets/font
|
|
28
28
|
---> Add the font face in this page
|
package/styles/main.scss
CHANGED
|
@@ -22,7 +22,7 @@ body {
|
|
|
22
22
|
|
|
23
23
|
/**************************************************************
|
|
24
24
|
font-family- Poppins
|
|
25
|
-
Incase of adding new font
|
|
25
|
+
Incase of adding new font follow the steps:
|
|
26
26
|
---> Download the respective font from Google fonts
|
|
27
27
|
---> Save to assets/font
|
|
28
28
|
---> Add the font face in this page
|