monday-ui-react-core
Version:
Official monday.com UI resources for application development in React.js
3 lines (2 loc) • 5.16 kB
JavaScript
var r={wrapper:"wrapper_d69a709545",small:"small_ba50b16333",medium:"medium_7f3b4adc8b",large:"large_4f18239b7b",rightThinnerPadding:"rightThinnerPadding_c07651372f",input:"input_ef98b077b9",success:"success_8dbc59b116",readOnly:"readOnly_4fb2ce10bb",disabled:"disabled_9ff05694ac",error:"error_a42f672a54"};!function(r){const n="s_id-1f2ba40749da_2_149_4";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}(".wrapper_d69a709545 {\n width: 100%;\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--spacing-small);\n padding-block: var(--spacing-xs);\n padding-inline: var(--spacing-medium) var(--spacing-xs);\n font: var(--font-text1-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n outline: none;\n border: 1px solid var(--ui-border-color);\n border-radius: var(--border-radius-small);\n color: var(--primary-text-color);\n background-color: var(--secondary-background-color);\n transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper_d69a709545.small_ba50b16333 {\n min-height: 32px;\n height: 32px;\n font: var(--font-text2-normal);\n}\n.wrapper_d69a709545.medium_7f3b4adc8b {\n min-height: 40px;\n height: 40px;\n}\n.wrapper_d69a709545.large_4f18239b7b {\n min-height: 48px;\n height: 48px;\n padding-block: var(--spacing-small);\n}\n.wrapper_d69a709545.rightThinnerPadding_c07651372f {\n padding-inline-end: var(--spacing-medium);\n}\n.wrapper_d69a709545:hover {\n border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n .wrapper_d69a709545:has(.input_ef98b077b9:active, .input_ef98b077b9:focus) {\n border-color: var(--primary-color);\n }\n .wrapper_d69a709545:has(.input_ef98b077b9:read-only) {\n background-color: var(--allgrey-background-color);\n border: none;\n }\n .wrapper_d69a709545:has(.input_ef98b077b9:read-only) .input_ef98b077b9 {\n background-color: var(--allgrey-background-color);\n }\n .wrapper_d69a709545:has(.input_ef98b077b9:disabled) {\n cursor: not-allowed;\n user-select: none;\n border: none;\n pointer-events: none;\n background-color: var(--disabled-background-color);\n }\n .wrapper_d69a709545:has(.input_ef98b077b9:disabled) .input_ef98b077b9 {\n background-color: var(--disabled-background-color);\n }\n .wrapper_d69a709545.success_8dbc59b116 {\n border-color: var(--positive-color);\n }\n .wrapper_d69a709545.success_8dbc59b116:hover {\n border-color: var(--positive-color);\n }\n .wrapper_d69a709545.success_8dbc59b116:has(.input_ef98b077b9:active, .input_ef98b077b9:focus) {\n border-color: var(--positive-color);\n }\n .wrapper_d69a709545:has(.input_ef98b077b9[aria-invalid=true]) {\n border-color: var(--negative-color);\n }\n .wrapper_d69a709545:has(.input_ef98b077b9[aria-invalid=true]):hover {\n border-color: var(--negative-color);\n }\n .wrapper_d69a709545:has(.input_ef98b077b9[aria-invalid=true]):has(.input_ef98b077b9:active, .input_ef98b077b9:focus) {\n border-color: var(--negative-color);\n }\n}\n@supports not selector(:has(*)) {\n .wrapper_d69a709545:focus-within {\n border-color: var(--primary-color);\n }\n .wrapper_d69a709545.readOnly_4fb2ce10bb {\n background-color: var(--allgrey-background-color);\n border: none;\n }\n .wrapper_d69a709545.readOnly_4fb2ce10bb .input_ef98b077b9 {\n background-color: var(--allgrey-background-color);\n }\n .wrapper_d69a709545.disabled_9ff05694ac {\n cursor: not-allowed;\n user-select: none;\n border: none;\n pointer-events: none;\n background-color: var(--disabled-background-color);\n }\n .wrapper_d69a709545.disabled_9ff05694ac .input_ef98b077b9 {\n background-color: var(--disabled-background-color);\n }\n .wrapper_d69a709545.success_8dbc59b116 {\n border-color: var(--positive-color);\n }\n .wrapper_d69a709545.success_8dbc59b116:hover {\n border-color: var(--positive-color);\n }\n .wrapper_d69a709545.success_8dbc59b116:focus-within {\n border-color: var(--positive-color);\n }\n .wrapper_d69a709545.error_a42f672a54 {\n border-color: var(--negative-color);\n }\n .wrapper_d69a709545.error_a42f672a54:hover {\n border-color: var(--negative-color);\n }\n .wrapper_d69a709545.error_a42f672a54:focus-within {\n border-color: var(--negative-color);\n }\n}\n.wrapper_d69a709545 .input_ef98b077b9 {\n all: unset;\n flex: 1;\n width: 100%;\n height: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n border: none;\n outline: none;\n}\n.wrapper_d69a709545 .input_ef98b077b9::placeholder {\n color: var(--secondary-text-color);\n font-weight: 400;\n}\n.wrapper_d69a709545 .input_ef98b077b9:disabled::placeholder {\n color: var(--disabled-text-color);\n}");export{r as default};
//# sourceMappingURL=BaseInput.module.scss.js.map