@ambuj.bhaskar/react-component-library 0.7.2 → 0.8.1

package/README.md

@@ -2,11 +2,7 @@
 
 This package contains a UI library.
 
-The library has 3 parts:
-
-- `Components`
-- `Themes`
-- `Icons`
+The library provides `Components`, `Icons` as well as `Themes`.
 
 ## Components
 
@@ -15,3 +11,11 @@ Currently it has support for the following components:
 - `Button`
 - `Input`
 - `Icon`
+- `Select`
+- `MultiSelect`
+- `Modal`
+- `DateRangePicker`
+- `ContactInput`
+- `Spinner`
+
+Theming can be done using `ThemeProvider`. And themes can be used via `useTheme` hook which exposes color pallette.

package/dist/assets/index.css

@@ -1 +1 @@
-*{box-sizing:border-box}body{margin:0}mark{background-color:unset!important;padding:0rem!important}hr,p{margin:0}:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}.icon_svg{width:100%;height:100%}.icon.size_xs{width:16px;height:16px}.icon.size_s{width:20px;height:20px}.icon.size_m{width:24px;height:24px}.icon.size_l{width:32px;height:32px}.icon.size_xl{width:48px;height:48px}.spinner{animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button{transition:all .2s ease-in-out;display:flex;align-items:center;cursor:pointer;position:relative;background-color:unset;border:none;outline-style:solid;border-radius:500px;font-family:Inter,sans-serif}.button .background{transition:all .2s ease-in-out;position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;border-radius:500px}.button .background.primary{filter:opacity(.1)}.button .background.primary:hover{filter:opacity(.2)}.button .background.primary:active{filter:opacity(1)}.button .background.secondary{filter:opacity(.1)}.button .background.secondary:hover{filter:opacity(.15)}.button .background.secondary:active{filter:opacity(.2)}.button .background.tertiary{filter:opacity(0)}.button .background.tertiary:hover{filter:opacity(.1)}.button .background.tertiary:active{filter:opacity(.2)}.button .background.nav{filter:opacity(0)}.button .background.nav:hover{filter:opacity(.1)}.button .background.nav:active{filter:opacity(.2)}.button .background.disabled{filter:opacity(.05)!important}.button .background.disabled.tertiary,.button .background.disabled.nav{filter:opacity(0)!important}.button>p{align-self:center;font-weight:var(--hydra_font_weight_s, 400);z-index:2}.button.disabled,.button.disabled:hover,.button.disabled:active{cursor:no-drop!important;color:var(--hydra_c_disabled)!important}.button.disabled{cursor:no-drop;color:var(--hydra_c_disabled)}.button.disabled.primary,.button.disabled.primary:hover,.button.disabled.primary:active{outline-width:1px!important}.button.disabled.secondary,.button.disabled.secondary:hover,.button.disabled.secondary:active,.button.disabled.tertiary,.button.disabled.tertiary:hover,.button.disabled.tertiary:active,.button.disabled.nav,.button.disabled.nav:hover,.button.disabled.nav:active{outline-width:0px!important}.button.disabled.primary,.button.primary{outline-width:1px!important}.button.tertiary,.button.secondary{outline-width:0px!important}.button.secondary:hover,.button.secondary:active{outline-width:1px!important}.button.nav,.button.nav:hover{outline-width:0px!important}.button.nav:active{outline-width:1px!important}.button>p,.button>svg{z-index:2;pointer-events:none;transition:all .2s ease-in-out}.button.fixed.size_s{--button_height: 2rem;height:var(--button_height);padding:0 16px}.button.fixed.size_m{--button_height: 2.5rem;height:var(--button_height);padding:0 18px}.button.fixed.size_l{--button_height: 3rem;height:var(--button_height);padding:0 20px}.button.hugging.size_s{padding:8px 16px}.button.hugging.size_m{padding:10px 18px}.button.hugging.size_l{padding:12px 20px}.button.fixed.size_s.icon_button{--button_height: 2rem;height:var(--button_height)!important;width:var(--button_height)!important;padding:unset!important}.button.fixed.size_m.icon_button{--button_height: 2.5rem;height:var(--button_height)!important;width:var(--button_height)!important;padding:unset!important}.button.fixed.size_l.icon_button{--button_height: 3rem;height:var(--button_height)!important;width:var(--button_height)!important;padding:unset!important}.button.hugging.size_s.icon_button{padding:8px}.button.hugging.size_m.icon_button{padding:10px}.button.hugging.size_l.icon_button{padding:12px}.button>.text_xs{font-size:var(--awi_font_xs, 12px);line-height:12px}.button>.text_s{font-size:var(--awi_font_s, 14px);line-height:16px}.button>.text_m{font-size:var(--awi_font_m, 16px);line-height:20px}.button>.text_l{font-size:var(--awi_font_l, 20px);line-height:24px}.button>.text_xl{font-size:var(--awi_font_xl, 22px);line-height:28px}.input_wrapper{--color_text_placeholder: #929292;--color_text_primary: #292929;--color_input_box_default: #2929291a;--color_input_box_active: #29292926;--color_input_box_result: #29292926;--color_input_box_border_primary: #292929;--color_input_box_disabled: rgb(168, 168, 168);--color_disabled: rgb(24, 24, 24);--font_s: 14px;transition:all .2s ease-in-out;display:flex;align-items:center;position:relative;border:none;box-sizing:border-box;gap:8px;color:var(--color_text_primary);background-color:var(--color_input_box_default);border-radius:25px;--input_box_height_s: 30px;--input_box_height_m: 40px;--input_box_height_l: 50px;--input_box_padding_s: .5rem 1.25rem;--input_box_padding_m: .75rem 1.25rem;--input_box_padding_l: .5rem 1.5rem}.input_wrapper.disabled{cursor:no-drop!important}.input_wrapper.disabled>.input{cursor:no-drop!important}.input_wrapper.h_s{height:var(--input_box_height_s);padding:var(--input_box_padding_s)}.input_wrapper.h_m{height:var(--input_box_height_m);padding:var(--input_box_padding_m)}.input_wrapper.h_l{height:var(--input_box_height_l);padding:var(--input_box_padding_l)}.input_wrapper:focus-within{background-color:var(--color_input_box_active);outline:1px solid var(--color_input_box_border_primary)}.input_wrapper.icon_before{flex-direction:row}.input_wrapper.icon_after{flex-direction:row-reverse}.input{border:none!important;outline:none!important;background:transparent;text-overflow:ellipsis;overflow:hidden!important;min-width:0!important;flex-grow:1;font-size:var(--font_s)!important}.input_wrapper:not(.empty):not(.disabled):not(:focus-within){background-color:var(--color_input_box_result);color:var(--color_text_primary)}.input::placeholder{font-size:var(--font_s)!important;color:var(--color_text_placeholder)}.icon-wrapper{display:flex;align-items:center;justify-content:center}.input_wrapper.input-disabled{background-color:var(--color_input_box_disabled);color:var(--color_disabled)}.single_select_container,.single_select_dropdown{--c_border: 1px solid #29292929;--c_trigger_background: #29292929;--c_menu_background: white;--c_menu_active: rgba(255, 204, 0, .2);--c_menu_hover: rgba(255, 204, 0, .1);--c_secondary: #292929;--c_text_primary: #292929;--font_s: 14px;--font_weight_m: 500;--select_height_s: 30px;--select_height_m: 40px;--select_height_l: 50px;--select_padding_s: 1rem 1rem;--select_padding_m: 1.25rem 1rem;--select_padding_l: .5rem 1.5rem}.single_select_container{display:flex;justify-content:center;align-items:center;height:unset}.single_select_container.ant-select-focused:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector{background-color:var(--c_trigger_background)!important}.single_select_container.border .ant-select-selector{outline:var(--c_border)!important}.single_select_container.ant-select-focused:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector>.ant-select-selection-item{font-weight:var(--font_weight_m)!important}.single_select_container>.ant-select-selector{outline:none!important;border:none!important;border-radius:100px!important;box-shadow:none!important;color:var(--c_text_primary)!important;background-color:var(--c_trigger_background)!important}.single_select_container.h_s>.ant-select-selector{height:var(--select_height_s)!important;padding:var(--select_padding_s)!important}.single_select_container.h_m>.ant-select-selector{height:var(--select_height_m)!important;padding:var(--select_padding_m)!important}.single_select_container.h_l>.ant-select-selector{height:var(--select_height_l)!important;padding:var(--select_padding_l)!important}.single_select_dropdown{z-index:10000;border-radius:20px;box-shadow:unset;padding:0}.single_select_dropdown.border{outline:var(--c_border)!important}.single_select_dropdown .ant-select-item-option{display:flex!important;align-items:center!important;background-color:var(--c_menu_background)!important;color:var(--c_text_primary)!important;border-radius:0}.single_select_dropdown .ant-select-item-option-content{display:flex!important;align-items:center!important}.single_select_dropdown.h_s .ant-select-item-option{height:var(--select_height_s)!important;padding:var(--select_padding_s)!important}.single_select_dropdown.h_m .ant-select-item-option{height:var(--select_height_m)!important;padding:var(--select_padding_m)!important}.single_select_dropdown.h_l .ant-select-item-option{height:var(--select_height_l)!important;padding:var(--select_padding_l)!important}.single_select_dropdown .ant-select-item-option>.ant-select-item-option-content>img{max-height:1.5rem}.single_select_dropdown .ant-select-item-option{padding:.3rem .5rem}.single_select_dropdown.items_center .ant-select-item-option-content{justify-content:center!important}.single_select_dropdown.items_start .ant-select-item-option-content{justify-content:flex-start!important}.single_select_dropdown.items_end .ant-select-item-option-content{justify-content:flex-end!important}.single_select_dropdown .ant-select-item-option-selected{background-color:var(--c_menu_active)!important}.single_select_dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected){background-color:var(--c_menu_hover)!important}.single_select_container.items_center .ant-select-selection-item{display:flex!important;align-items:center!important;justify-content:center!important}.single_select_container.items_start .ant-select-selection-item{display:flex!important;align-items:center!important;justify-content:flex-start!important}.single_select_container.items_end .ant-select-selection-item{display:flex!important;align-items:center!important;justify-content:flex-end!important}.single_select_container .ant-select-selection-item{font-size:var(--font_s)!important;color:var(--c_text_primary)!important;background-color:unset!important}.single_select_container .ant-select-selection-item>img{max-height:1.5rem}.contact_input{display:flex;flex-direction:row;align-items:center;gap:.5rem}.multi_select_container,.multi_select_dropdown{--font_weight_m: 500;--c_text_primary: #292929;--c_secondary: #292929;--c_trigger_background: #29292929;--c_trigger_highlight: #29292955;--color_text_secondary: #f1f1f1;--color_dropdown_border: #b8b8b8;--c_menu_background: white;--c_menu_active: rgba(255, 204, 0, .2);--c_menu_hover: rgba(255, 204, 0, .1)}.multi_select_container{display:flex;justify-content:center;align-items:center;height:unset;--select_height_s: 30px;--select_height_default: 40px;--select_height_l: 50px;--select_padding_s: 1rem 1rem;--select_padding_default: 1.25rem 1rem;--select_padding_l: .5rem 1.5rem}.multi_select_container.border .ant-select-selector{outline:1px solid var(--color_dropdown_border)!important}.multi_select_container .ant-select-selector{background-color:var(--c_trigger_background)!important}.multi_select_container.ant-select-focused:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector>.ant-select-selection-item{font-weight:var(--font_weight_m)!important}.multi_select_container>.ant-select-selector{outline:none!important;border:none!important;border-radius:100px!important;box-shadow:none!important;color:var(--c_text_primary)!important;background-color:var(--c_trigger_background)!important;width:100%!important;height:40px!important;padding:0 .75rem!important}.ant-select-selection-overflow-item>.ant-select-selection-item{background-color:var(--c_trigger_highlight)!important;border-radius:500px!important}.ant-select-selection-item{border-radius:500px!important}.multi_select_container.h_s>.ant-select-selector{height:var(--select_height_s)!important}.multi_select_container.h_m>.ant-select-selector{height:var(--select_height_default)!important}.multi_select_container.h_l>.ant-select-selector{height:var(--select_height_l)!important}.multi_select_container.h_l>.ant-select-selector:focus{background-color:red!important}.ant-select-selection-wrap{height:100%}.ant-select-selection-item{font-size:var(--font_s)!important;color:var(--c_text_primary)!important}.multi_select_dropdown{z-index:10000;border-radius:20px;box-shadow:unset;padding:0}.multi_select_dropdown.border{outline:1px solid var(--color_dropdown_border)}.multi_select_dropdown .ant-select-item-option{align-items:center;padding:1rem;background-color:var(--c_menu_background)!important;color:var(--c_text_primary)!important;border-radius:0}.multi_select_dropdown .ant-select-item-option-selected{align-items:center;padding:1rem;background-color:var(--c_menu_active)!important}.multi_select_dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected){align-items:center;padding:1rem;background-color:var(--c_menu_hover)!important}.ant-select .ant-select-arrow{padding-right:.75rem;color:var(--c_secondary)}.multi_select_dropdown .ant-select-item-option-state{color:var(--c_secondary)!important}.ant-select-selection-placeholder{font-size:var(--font_s)!important;color:var(--c_text_primary)!important}.ant-select-selection-item{font-size:var(--font_s)!important;color:var(--c_text_primary)!important;background-color:unset!important}
+*{box-sizing:border-box}body{margin:0}mark{background-color:unset!important;padding:0rem!important}hr,p{margin:0}:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}.icon_svg{width:100%;height:100%}.icon.size_xs{width:16px;height:16px}.icon.size_s{width:20px;height:20px}.icon.size_m{width:24px;height:24px}.icon.size_l{width:32px;height:32px}.icon.size_xl{width:48px;height:48px}.spinner{animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button{transition:all .2s ease-in-out;display:flex;align-items:center;cursor:pointer;position:relative;background-color:unset;border:none;outline-style:solid;border-radius:500px;font-family:Inter,sans-serif}.button .background{transition:all .2s ease-in-out;position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;border-radius:500px}.button .background.primary{filter:opacity(.1)}.button .background.primary:hover{filter:opacity(.2)}.button .background.primary:active{filter:opacity(1)}.button .background.secondary{filter:opacity(.1)}.button .background.secondary:hover{filter:opacity(.15)}.button .background.secondary:active{filter:opacity(.2)}.button .background.tertiary{filter:opacity(0)}.button .background.tertiary:hover{filter:opacity(.1)}.button .background.tertiary:active{filter:opacity(.2)}.button .background.nav{filter:opacity(0)}.button .background.nav:hover{filter:opacity(.1)}.button .background.nav:active{filter:opacity(.2)}.button .background.disabled{filter:opacity(.05)!important}.button .background.disabled.tertiary,.button .background.disabled.nav{filter:opacity(0)!important}.button>p{align-self:center;font-weight:var(--hydra_font_weight_s, 400);z-index:2}.button.disabled,.button.disabled:hover,.button.disabled:active{cursor:no-drop!important;color:var(--hydra_c_disabled)!important}.button.disabled{cursor:no-drop;color:var(--hydra_c_disabled)}.button.disabled.primary,.button.disabled.primary:hover,.button.disabled.primary:active{outline-width:1px!important}.button.disabled.secondary,.button.disabled.secondary:hover,.button.disabled.secondary:active,.button.disabled.tertiary,.button.disabled.tertiary:hover,.button.disabled.tertiary:active,.button.disabled.nav,.button.disabled.nav:hover,.button.disabled.nav:active{outline-width:0px!important}.button.disabled.primary,.button.primary{outline-width:1px!important}.button.tertiary,.button.secondary{outline-width:0px!important}.button.secondary:hover,.button.secondary:active{outline-width:1px!important}.button.nav,.button.nav:hover{outline-width:0px!important}.button.nav:active{outline-width:1px!important}.button>p,.button>svg{z-index:2;pointer-events:none;transition:all .2s ease-in-out}.button.fixed.size_s{--button_height: 2rem;height:var(--button_height);padding:0 16px}.button.fixed.size_m{--button_height: 2.5rem;height:var(--button_height);padding:0 18px}.button.fixed.size_l{--button_height: 3rem;height:var(--button_height);padding:0 20px}.button.hugging.size_s{padding:8px 16px}.button.hugging.size_m{padding:10px 18px}.button.hugging.size_l{padding:12px 20px}.button.fixed.size_s.icon_button{--button_height: 2rem;height:var(--button_height)!important;width:var(--button_height)!important;padding:unset!important}.button.fixed.size_m.icon_button{--button_height: 2.5rem;height:var(--button_height)!important;width:var(--button_height)!important;padding:unset!important}.button.fixed.size_l.icon_button{--button_height: 3rem;height:var(--button_height)!important;width:var(--button_height)!important;padding:unset!important}.button.hugging.size_s.icon_button{padding:8px}.button.hugging.size_m.icon_button{padding:10px}.button.hugging.size_l.icon_button{padding:12px}.button>.text_xs{font-size:var(--awi_font_xs, 12px);line-height:12px}.button>.text_s{font-size:var(--awi_font_s, 14px);line-height:16px}.button>.text_m{font-size:var(--awi_font_m, 16px);line-height:20px}.button>.text_l{font-size:var(--awi_font_l, 20px);line-height:24px}.button>.text_xl{font-size:var(--awi_font_xl, 22px);line-height:28px}.input_wrapper{--color_text_placeholder: #929292;--color_text_primary: #292929;--color_input_box_default: #2929291a;--color_input_box_active: #29292926;--color_input_box_result: #29292926;--color_input_box_border_primary: #292929;--color_input_box_disabled: rgb(168, 168, 168);--color_disabled: rgb(24, 24, 24);--font_s: 14px;transition:all .2s ease-in-out;display:flex;align-items:center;position:relative;border:none;box-sizing:border-box;gap:8px;color:var(--color_text_primary);background-color:var(--color_input_box_default);border-radius:25px;--input_box_height_s: 30px;--input_box_height_m: 40px;--input_box_height_l: 50px;--input_box_padding_s: .5rem 1.25rem;--input_box_padding_m: .75rem 1.25rem;--input_box_padding_l: .5rem 1.5rem}.input_wrapper.disabled{cursor:no-drop!important}.input_wrapper.disabled>.input{cursor:no-drop!important}.input_wrapper.h_s{height:var(--input_box_height_s);padding:var(--input_box_padding_s)}.input_wrapper.h_m{height:var(--input_box_height_m);padding:var(--input_box_padding_m)}.input_wrapper.h_l{height:var(--input_box_height_l);padding:var(--input_box_padding_l)}.input_wrapper:focus-within{background-color:var(--color_input_box_active);outline:1px solid var(--color_input_box_border_primary)}.input_wrapper.icon_before{flex-direction:row}.input_wrapper.icon_after{flex-direction:row-reverse}.input{border:none!important;outline:none!important;background:transparent;text-overflow:ellipsis;overflow:hidden!important;min-width:0!important;flex-grow:1;font-size:var(--font_s)!important}.input_wrapper:not(.empty):not(.disabled):not(:focus-within){background-color:var(--color_input_box_result);color:var(--color_text_primary)}.input::placeholder{font-size:var(--font_s)!important;color:var(--color_text_placeholder)}.icon-wrapper{display:flex;align-items:center;justify-content:center}.input_wrapper.input-disabled{background-color:var(--color_input_box_disabled);color:var(--color_disabled)}.single_select_container,.single_select_dropdown{--c_border: 1px solid #29292929;--c_trigger_background: #29292929;--c_menu_background: white;--c_menu_active: rgba(255, 204, 0, .2);--c_menu_hover: rgba(255, 204, 0, .1);--c_secondary: #292929;--c_text_primary: #292929;--font_s: 14px;--font_weight_m: 500;--select_height_s: 30px;--select_height_m: 40px;--select_height_l: 50px;--select_padding_s: 1rem 1rem;--select_padding_m: 1.25rem 1rem;--select_padding_l: .5rem 1.5rem}.single_select_container{display:flex;justify-content:center;align-items:center;height:unset}.single_select_container.ant-select-focused:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector{background-color:var(--c_trigger_background)!important}.single_select_container.border .ant-select-selector{outline:var(--c_border)!important}.single_select_container.ant-select-focused:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector>.ant-select-selection-item{font-weight:var(--font_weight_m)!important}.single_select_container>.ant-select-selector{outline:none!important;border:none!important;border-radius:100px!important;box-shadow:none!important;color:var(--c_text_primary)!important;background-color:var(--c_trigger_background)!important}.single_select_container.h_s>.ant-select-selector{height:var(--select_height_s)!important;padding:var(--select_padding_s)!important}.single_select_container.h_m>.ant-select-selector{height:var(--select_height_m)!important;padding:var(--select_padding_m)!important}.single_select_container.h_l>.ant-select-selector{height:var(--select_height_l)!important;padding:var(--select_padding_l)!important}.single_select_dropdown{z-index:10000;border-radius:20px;box-shadow:unset;padding:0}.single_select_dropdown.border{outline:var(--c_border)!important}.single_select_dropdown .ant-select-item-option{display:flex!important;align-items:center!important;background-color:var(--c_menu_background)!important;color:var(--c_text_primary)!important;border-radius:0}.single_select_dropdown .ant-select-item-option-content{display:flex!important;align-items:center!important}.single_select_dropdown.h_s .ant-select-item-option{height:var(--select_height_s)!important;padding:var(--select_padding_s)!important}.single_select_dropdown.h_m .ant-select-item-option{height:var(--select_height_m)!important;padding:var(--select_padding_m)!important}.single_select_dropdown.h_l .ant-select-item-option{height:var(--select_height_l)!important;padding:var(--select_padding_l)!important}.single_select_dropdown .ant-select-item-option>.ant-select-item-option-content>img{max-height:1.5rem}.single_select_dropdown .ant-select-item-option{padding:.3rem .5rem}.single_select_dropdown.items_center .ant-select-item-option-content{justify-content:center!important}.single_select_dropdown.items_start .ant-select-item-option-content{justify-content:flex-start!important}.single_select_dropdown.items_end .ant-select-item-option-content{justify-content:flex-end!important}.single_select_dropdown .ant-select-item-option-selected{background-color:var(--c_menu_active)!important}.single_select_dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected){background-color:var(--c_menu_hover)!important}.single_select_container.items_center .ant-select-selection-item{display:flex!important;align-items:center!important;justify-content:center!important}.single_select_container.items_start .ant-select-selection-item{display:flex!important;align-items:center!important;justify-content:flex-start!important}.single_select_container.items_end .ant-select-selection-item{display:flex!important;align-items:center!important;justify-content:flex-end!important}.single_select_container .ant-select-selection-item{font-size:var(--font_s)!important;color:var(--c_text_primary)!important;background-color:unset!important}.single_select_container .ant-select-selection-item>img{max-height:1.5rem}.contact_input{display:flex;flex-direction:row;align-items:center;gap:.5rem}.ant-picker.ant-picker-range,.ant-picker-dropdown{--c_text_primary: #292929;--c_text_secondary: rgb(110, 110, 110);--c_trigger_border: #29292955;--c_trigger_background: #29292929;--c_highlight: #fc0;--c_date_range_fill: rgba(255, 204, 0, .26);--c_surface_border: rgb(234, 235, 238);--c_surface: #fff}.ant-picker.ant-picker-range{outline:none!important;border:none!important;border-radius:100px!important;box-shadow:none!important;color:var(--c_text_primary)!important;background-color:var(--c_trigger_background)!important;width:100%!important;height:40px!important;padding:0 .75rem!important}.ant-picker.ant-picker-range.border{outline:1px solid var(--c_trigger_border)!important}.ant-picker-cell-range-start>.ant-picker-cell-inner{border-radius:500px 0 0 500px!important;background-color:var(--c_highlight)!important}.ant-picker-cell-range-end>.ant-picker-cell-inner{border-radius:0 500px 500px 0!important;background-color:var(--c_highlight)!important}.ant-picker-cell-range-end.ant-picker-cell-range-start>.ant-picker-cell-inner{border-radius:500px!important;background-color:var(--c_highlight)!important}.ant-picker-cell-today :before{border:1px solid var(--c_highlight)!important}.ant-picker-cell.ant-picker-cell-range-start.ant-picker-cell-in-view:before{background-color:var(--c_date_range_fill)!important}.ant-picker-cell.ant-picker-cell-range-end.ant-picker-cell-in-view:before{background-color:var(--c_date_range_fill)!important}.ant-picker-cell.ant-picker-cell-in-range.ant-picker-cell-in-view:before{background-color:var(--c_date_range_fill)!important}.ant-picker-time-panel-cell-selected>.ant-picker-time-panel-cell-inner{background-color:var(--c_date_range_fill)!important}.ant-picker-footer>.ant-picker-ranges>.ant-picker-ok>button{background-color:var(--c_highlight)!important;color:var(--c_text_primary)!important;border-radius:500px!important}.ant-picker-header>.ant-picker-header-view>button :hover{color:var(--c_text_secondary)!important}.ant-picker-active-bar{background:var(--c_highlight)!important}.ant-picker-ranges,.ant-picker-header{border-radius:0!important}.ant-picker-dropdown-range{z-index:10000;border-radius:0!important;border:1px solid var(--c_surface_border);padding:0}.ant-picker-range-wrapper{border-radius:0!important}.ant-picker-range-arrow{border:unset!important;border-color:unset!important}.ant-picker-panel-container{border-radius:0!important;background-color:var(--c_surface)!important;box-shadow:unset!important}.ant-picker-panel-layout{color:var(--c_text_primary)!important}.ant-picker-body{border-color:var(--c_surface_border)!important}.ant-picker-content>thead>tr>th,.ant-picker-cell-inner,.ant-picker-time-panel-cell-inner,.ant-picker-header-view,.ant-picker-header-super-prev-btn,.ant-picker-header-prev-btn,.ant-picker-header-next-btn,.ant-picker-header-super-next-btn{color:var(--c_text_primary)!important}.ant-picker-suffix,.ant-picker-clear{color:var(--c_text_secondary)!important}.ant-modal-content{padding:0!important;border-radius:0!important;border:1px solid #eaebee;box-shadow:unset!important}.ant-modal-close{top:.25rem!important;right:.25rem!important;border-radius:500px!important}.ant-modal-close .anticon{color:#292929!important}.multi_select_container,.multi_select_dropdown{--font_weight_m: 500;--c_text_primary: #292929;--c_secondary: #292929;--c_trigger_background: #29292929;--c_trigger_highlight: #29292955;--color_text_secondary: #f1f1f1;--color_dropdown_border: #b8b8b8;--c_menu_background: white;--c_menu_active: rgba(255, 204, 0, .2);--c_menu_hover: rgba(255, 204, 0, .1)}.multi_select_container{display:flex;justify-content:center;align-items:center;height:unset;--select_height_s: 30px;--select_height_default: 40px;--select_height_l: 50px;--select_padding_s: 1rem 1rem;--select_padding_default: 1.25rem 1rem;--select_padding_l: .5rem 1.5rem}.multi_select_container.border .ant-select-selector{outline:1px solid var(--color_dropdown_border)!important}.multi_select_container .ant-select-selector{background-color:var(--c_trigger_background)!important}.multi_select_container.ant-select-focused:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector>.ant-select-selection-item{font-weight:var(--font_weight_m)!important}.multi_select_container>.ant-select-selector{outline:none!important;border:none!important;border-radius:100px!important;box-shadow:none!important;color:var(--c_text_primary)!important;background-color:var(--c_trigger_background)!important;width:100%!important;height:40px!important;padding:0 .75rem!important}.ant-select-selection-overflow-item>.ant-select-selection-item{background-color:var(--c_trigger_highlight)!important;border-radius:500px!important}.ant-select-selection-item{border-radius:500px!important}.multi_select_container.h_s>.ant-select-selector{height:var(--select_height_s)!important}.multi_select_container.h_m>.ant-select-selector{height:var(--select_height_default)!important}.multi_select_container.h_l>.ant-select-selector{height:var(--select_height_l)!important}.multi_select_container.h_l>.ant-select-selector:focus{background-color:red!important}.ant-select-selection-wrap{height:100%}.ant-select-selection-item{font-size:var(--font_s)!important;color:var(--c_text_primary)!important}.multi_select_dropdown{z-index:10000;border-radius:20px;box-shadow:unset;padding:0}.multi_select_dropdown.border{outline:1px solid var(--color_dropdown_border)}.multi_select_dropdown .ant-select-item-option{align-items:center;padding:1rem;background-color:var(--c_menu_background)!important;color:var(--c_text_primary)!important;border-radius:0}.multi_select_dropdown .ant-select-item-option-selected{align-items:center;padding:1rem;background-color:var(--c_menu_active)!important}.multi_select_dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected){align-items:center;padding:1rem;background-color:var(--c_menu_hover)!important}.ant-select .ant-select-arrow{padding-right:.75rem;color:var(--c_secondary)}.multi_select_dropdown .ant-select-item-option-state{color:var(--c_secondary)!important}.ant-select-selection-placeholder{font-size:var(--font_s)!important;color:var(--c_text_primary)!important}.ant-select-selection-item{font-size:var(--font_s)!important;color:var(--c_text_primary)!important;background-color:unset!important}