@boxyhq/react-ui - npm Package Compare versions

Comparing version 3.3.11 to 3.3.12

dist/shared.js

@@ -1,4 +0,3 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._flex_1p7w3_1{display:flex}._justify-between_1p7w3_1{justify-content:space-between}._input_1p7w3_12{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._sr-only_1p7w3_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._container_1p7w3_2{display:flex;flex-direction:column;max-width:28rem}._label_1p7w3_8{margin-bottom:.375rem}._input_1p7w3_12{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none;margin-bottom:1rem}._input_1p7w3_12:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._button_1p7w3_32{cursor:pointer;font-family:inherit;background-image:none;border-radius:.25rem;padding:.5rem 1rem;background-color:transparent;border:1px solid rgb(51,51,51);color:currentColor}._button_1p7w3_32:disabled{background:hsl(219 14% 28% / .2);color:#3333;border-color:currentColor;pointer-events:none}._button_1p7w3_32:hover:not(:disabled){background-color:#333;color:#fff}._button_1p7w3_32:focus-visible{outline:2px solid hsl(219 14% 22%);outline-offset:2px}._button_1p7w3_32:active:hover,._button_1p7w3_32:active:focus{transform:scale(.95)}._flex_18h8h_1{display:flex}._justify-between_18h8h_1{justify-content:space-between}._input_18h8h_30{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_18h8h_30:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_18h8h_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._heading_18h8h_3{margin:0 0 1.5rem;font-size:1rem;font-weight:700;color:var(--secondary-foreground-color)}@media (min-width: 768px){._heading_18h8h_3{font-size:1.25rem;line-height:1.75rem}}._fieldContainer_18h8h_17{display:flex;flex-direction:column}._label_18h8h_22{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:500}._input_18h8h_30{height:3rem;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-width:1px;border-color:var(--secondary-foreground-color);background-color:#fff;border-radius:var(--border-radius)}._input_18h8h_30:focus{border-color:var(--secondary-color);outline:2px solid var(--primary-color-700);outline-offset:2px}._textarea_18h8h_48{width:100%;height:6rem}._hint_18h8h_53{font-size:.75rem;line-height:1rem}._formAction_18h8h_58{display:flex;gap:.5rem}._flex_heuir_1{display:flex}._justify-between_heuir_1{justify-content:space-between}._input_heuir_1{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_heuir_1:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_heuir_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._btn_heuir_3{display:inline-block;padding:.5rem 1rem;margin:0;border-radius:var(--border-radius);text-decoration:none;background:var(--primary-color);color:#fff;font-family:sans-serif;font-size:1rem;cursor:pointer;text-align:center;transition:background .25s ease-in-out,transform .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._btn_heuir_3._primary_heuir_21:hover,._btn_heuir_3._primary_heuir_21:focus-visible{background:var(--primary-hover)}._btn_heuir_3:focus-visible{--ring-offset-shadow: 0 0 0 var(--ring-offset-width) var(--ring-offset-color);--ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width)) var(--ring-color);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),0 0 #0000;outline:2px solid transparent;outline-offset:2px}._btn_heuir_3:active{background:var(--primary-active);transform:scale(.99)}._secondary_heuir_42{background:var(--secondary-color);color:var(--secondary-foreground-color)}._outline_heuir_46{background:transparent;color:inherit;border:1px solid var(--secondary-color)}._destructive_heuir_51{background:#ef4444}._flex_r1m0u_1{display:flex}._justify-between_r1m0u_1{justify-content:space-between}._input_r1m0u_1{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_r1m0u_1:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_r1m0u_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._separator_r1m0u_3{display:flex;align-items:center;text-align:center}._separator_r1m0u_3:before,._separator_r1m0u_3:after{content:"";flex:1;border-bottom:1px solid var(--secondary-foreground-color);opacity:.8}._separator_r1m0u_3:not(:empty):before{margin-right:.25em}._separator_r1m0u_3:not(:empty):after{margin-left:.25em}._flex_md6n5_1{display:flex}._justify-between_md6n5_1{justify-content:space-between}._input_md6n5_1{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_md6n5_1:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_md6n5_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._well_md6n5_3{border-radius:var(--border-radius);border:1px solid var(--secondary-color);padding:1.5rem}._flex_1vi3a_1{display:flex}._justify-between_1vi3a_1{justify-content:space-between}._input_1vi3a_1{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_1vi3a_1:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_1vi3a_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._a_1vi3a_2{text-decoration:underline;outline:none}._a_1vi3a_2:link{color:var(--primary-color-950)}._a_1vi3a_2:visited{color:var(--primary-color-500)}._a_1vi3a_2:focus{text-decoration:none;background:var(--primary-color-200)}._a_1vi3a_2:hover{text-decoration:none;background:var(--primary-color-100)}._a_1vi3a_2:active{background:var(--primary-color-950);color:var(--primary-color-50)}._button_1vi3a_29{border:1px solid var(--primary-color);padding:.5rem 1rem;border-radius:.5rem}._flex_cnxkl_1{display:flex}._justify-between_cnxkl_1{justify-content:space-between}._input_cnxkl_30{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_cnxkl_30:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_cnxkl_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._heading_cnxkl_3{margin:0 0 1.5rem;font-size:1rem;font-weight:700;color:var(--secondary-foreground-color)}@media (min-width: 768px){._heading_cnxkl_3{font-size:1.25rem;line-height:1.75rem}}._fieldContainer_cnxkl_17{display:flex;flex-direction:column}._label_cnxkl_22{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:500}._input_cnxkl_30{height:3rem;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border:1px solid var(--secondary-foreground-color);background-color:#fff;border-radius:var(--border-radius)}._input_cnxkl_30:focus-visible{border-color:var(--secondary-color);outline:2px solid var(--primary-color-700);outline-offset:2px}._input_cnxkl_30:disabled,._disabled_cnxkl_48{cursor:not-allowed;opacity:.5}._input_cnxkl_30:disabled{background-color:var(--secondary-color);border:1px solid transparent}._textarea_cnxkl_58{width:100%;height:6rem}._radioContainer_cnxkl_63{flex-direction:row;align-items:center}._radioContainer_cnxkl_63>input{margin-left:1rem}._hint_cnxkl_72{font-size:.75rem;line-height:1rem}._formAction_cnxkl_77{display:flex;gap:.5rem}._flex_15znz_1{display:flex}._justify-between_15znz_1{justify-content:space-between}._input_15znz_1{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_15znz_1:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_15znz_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._label_15znz_3{font-family:system-ui,sans-serif;font-size:1rem;line-height:1.1;display:grid;grid-template-columns:1rem auto;gap:.5rem}._checkbox_15znz_12{--border-width: .15em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:currentColor;width:1.15em;height:1.15em;border:var(--border-width) solid currentColor;border-radius:var(--border-width);transform:translateY(calc(var(--border-width) / 2 * -1));display:grid;place-content:center}._checkbox_15znz_12:before{content:"";width:.65em;height:.65em;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--primary-color-700);transform-origin:bottom left;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}._checkbox_15znz_12:checked:before{transform:scale(1)}._checkbox_15znz_12:focus{outline:max(2px,.15em) solid currentColor;outline-offset:max(2px,.15em)}._checkbox_15znz_12:disabled{color:var(--secondary-color);cursor:not-allowed}._flex_1mix3_1{display:flex}._justify-between_1mix3_1{justify-content:space-between}._input_1mix3_1{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_1mix3_1:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_1mix3_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._heading_1mix3_3{margin:1.5rem 0;font-size:1rem;font-weight:700;color:var(--secondary-foreground-color)}@media (min-width: 768px){._heading_1mix3_3{font-size:1.25rem;line-height:1.75rem}}._formControl_1mix3_17{display:flex;flex-direction:column}._container_1mix3_22{margin-bottom:1rem;display:flex;align-items:center}._selectSSO_1mix3_28{float:left;margin-right:.5rem;padding-top:.75rem;padding-bottom:.75rem}._idpId_1mix3_35{margin:20px 0;align-items:center;justify-content:space-between}._label_1mix3_41{display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:space-between;margin:0 16px 0 0;cursor:pointer;padding:8px 4px}._span_1mix3_51{margin-left:4px;font-size:14px;line-height:20px}._radio_1mix3_57{flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:var(--primary-color);height:1.5rem;width:1.5rem;border:1px solid currentColor;border-radius:50%;transform:translateY(-.075rem);display:grid;place-content:center}._radio_1mix3_57:focus,._radio_1mix3_57:checked{animation:_radiomark_1mix3_1 .2s ease-out;background-color:var(--primary-color);box-shadow:0 0 0 4px var(--ring-offset-color) inset,0 0 0 4px var(--ring-offset-color) inset}._radio_1mix3_57:focus-visible{outline:var(--primary-color) solid var(--ring-offset-width, 2px);outline-offset:var(--ring-offset-width, 2px)}._flex_cgw0m_1{display:flex}._justify-between_cgw0m_1{justify-content:space-between}._input_cgw0m_1{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_cgw0m_1:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_cgw0m_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._container_cgw0m_3 [aria-busy=true],._spinner_cgw0m_4[aria-hidden=true]{display:none}._spinner_cgw0m_4{cursor:progress}._spinner_cgw0m_4:after{grid-area:content;align-self:center;justify-self:center;content:"";margin:3rem auto;width:2.5rem;height:2.5rem;display:block;border:.3rem solid var(--primary-color);border-left-color:transparent;border-radius:50%;opacity:0;transition:opacity .1s;pointer-events:none;animation:_loading-circle_cgw0m_1 1s ease-in-out infinite}@keyframes _loading-circle_cgw0m_1{to{transform:rotate(360deg)}}._spinner_cgw0m_4[aria-hidden=false]:after{opacity:1}._container_1uf8j_1{margin:.75rem 0;padding:8rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.25rem;border-width:1px}._svg_1uf8j_12{width:2.5rem;height:2.5rem}._description_1uf8j_17{color:#616362}._container_f1bh7_1{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}._formControl_f1bh7_8{display:flex;flex-direction:column}._tableContainer_f1bh7_13{border-width:1px;border-radius:4px}._table_f1bh7_13{border-collapse:collapse;width:100%;text-align:left;font-size:14px;line-height:20px;color:#6b7280;border-bottom-width:1px;border-color:#d1d5db}._tableCaption_f1bh7_29{font-weight:500;font-size:.875rem;line-height:1.25rem;text-align:start;padding:.75rem;background-color:#f3f4f6;color:#111827;border-bottom:1px solid rgb(209 213 219)}._th_f1bh7_40,._td_f1bh7_41{padding:.75rem 1.5rem}._thead_f1bh7_45{background-color:#f9fafb;font-size:12px;line-height:16px;text-transform:uppercase;color:#374151}._connectionListContainer_f1bh7_53{border-bottom-width:1px;background-color:#fff}._connectionListContainer_f1bh7_53:last-child{border-bottom-width:0px}._connectionListContainer_f1bh7_53:hover{background-color:#f9fafb}._badgeClass_f1bh7_66{margin-left:8px;text-transform:uppercase}._tableData_f1bh7_71{padding:0 24px;color:#9ca3af}._spanIcon_f1bh7_76{display:inline-flex;align-items:baseline}._icon_f1bh7_81:hover{color:#4ade80}._flex_1v6sh_1{display:flex}._justify-between_1v6sh_1{justify-content:space-between}._input_1v6sh_1{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_1v6sh_1:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_1v6sh_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._table_1v6sh_2{border-collapse:collapse;width:100%;text-align:left;font-size:14px;line-height:20px;color:#6b7280;border-bottom-width:1px;border-color:#d1d5db}._caption_1v6sh_13{font-weight:500;font-size:.875rem;line-height:1.25rem;text-align:start;padding:.75rem;background-color:#f3f4f6;color:#111827;border-bottom:1px solid rgb(209 213 219)}._thead_1v6sh_24{background-color:#f9fafb;font-size:12px;line-height:16px;text-transform:uppercase;color:#374151}._th_1v6sh_24,._td_1v6sh_33{padding:.75rem 1.5rem}tbody ._tr_1v6sh_37{border-bottom-width:1px;background-color:#fff}tbody ._tr_1v6sh_37:last-child{border-bottom-width:0px}tbody ._tr_1v6sh_37:hover{background-color:#f9fafb}._badgeClass_1v6sh_50{margin-left:8px;text-transform:uppercase}._iconSpan_1v6sh_55{display:inline-flex;align-items:baseline}._flex_1ldh7_1{display:flex}._justify-between_1ldh7_1{justify-content:space-between}._input_1ldh7_21{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_1ldh7_21:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_1ldh7_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._toolbar_1ldh7_3{display:flex;align-items:center;justify-content:space-between}._toolbar_1ldh7_3>div{display:flex}._label_1ldh7_13{font-size:.875rem;line-height:1.25rem;font-weight:500;color:#111827;margin-bottom:.5rem}._input_1ldh7_21{height:3rem;width:100%;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-width:1px;border-color:#181a2a;background-color:#fff;border-radius:var(--border-radius)}._input_1ldh7_21:focus-visible{border-color:var(--secondary-color);outline:2px solid var(--primary-color-700);outline-offset:2px}._container_qhrfw_1{display:flex;justify-content:flex-end;align-items:center}._heading_qhrfw_7{color:#fff;background-color:red;padding:10px 5px;margin:7px}._displayMessage_qhrfw_14{display:flex;align-items:center;gap:.5rem}._displayMessage_qhrfw_14>div{display:flex}._cancelBtn_qhrfw_24{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;text-align:center;gap:.5rem;padding:5px 15px;color:#000;border:1px solid black;margin:2px 5px;border-radius:5px;font-weight:600}._confirmBtn_qhrfw_39{display:inline-flex;align-items:center;justify-content:center;background-color:#f16161;color:#fff;text-align:center;gap:.5rem;padding:5px 15px;margin:2px 5px;border-radius:5px;font-weight:600}._flex_c3jgb_1{display:flex}._justify-between_c3jgb_1{justify-content:space-between}._input_c3jgb_60{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_c3jgb_60:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_c3jgb_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._toggle_c3jgb_4{display:inline-flex;align-items:center;flex-wrap:wrap;position:relative;gap:1ch}._display_c3jgb_12{--offset: .12rem;--diameter: 1.4rem;display:inline-flex;align-items:center;justify-content:space-around;width:calc(var(--diameter) * 2 + var(--offset) * 2);height:calc(var(--diameter) + var(--offset) * 2);box-sizing:content-box;border:1px solid rgb(0 0 0 / .2);position:relative;border-radius:100vw;background-color:#fff;transition:.25s;cursor:pointer}._display_c3jgb_12:before{content:"";width:var(--diameter);height:var(--diameter);border-radius:50%;box-sizing:border-box;position:absolute;z-index:2;top:50%;left:var(--offset);transform:translateY(-50%);background-color:#0003;transition:inherit}@media (prefers-reduced-motion: reduce){._display_c3jgb_12{transition-duration:0ms}}._input_c3jgb_60:focus+._display_c3jgb_12{outline:1px dotted #98f7dc;outline:1px auto -webkit-focus-ring-color}._input_c3jgb_60:focus:not(:focus-visible)+._display_c3jgb_12{outline:0}._input_c3jgb_60:checked+._display_c3jgb_12{border-color:#5cecc8}._input_c3jgb_60:checked+._display_c3jgb_12:before{background-color:#5cecc8;transform:translate(100%,-50%)}._input_c3jgb_60:disabled+._display_c3jgb_12{opacity:.6;filter:grayscale(40%);cursor:not-allowed}._flex_1qx8e_1{display:flex}._justify-between_1qx8e_1{justify-content:space-between}._input_1qx8e_54{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_1qx8e_54:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_1qx8e_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._container_1qx8e_2{min-width:448px;background-color:#fff}._formDiv_1qx8e_7{display:flex;flex-direction:column;gap:0}._heading_1qx8e_13{margin-top:20px;margin-bottom:20px;font-weight:700;color:#374151}._fieldsContainer_1qx8e_20{display:flex;flex-direction:row;gap:16px;width:100%}._fieldsDiv_1qx8e_27{width:100%;border:1.5px solid rgb(229 231 235);border-radius:4px;padding:24px 16px}._field_1qx8e_20{margin-bottom:24px}._label_1qx8e_38{display:block;font-weight:500;color:#111827;font-size:.875rem;line-height:1.25rem}._labelDiv_1qx8e_46{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:.5rem}._input_1qx8e_54{width:100%;height:3rem;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border:1px solid var(--secondary-foreground-color);background-color:#fff;border-radius:var(--border-radius)}._input_1qx8e_54:focus-visible{border-color:var(--secondary-color);outline:2px solid var(--primary-color-700);outline-offset:2px}._textarea_1qx8e_72{width:100%;height:96px;border:1px solid var(--secondary-foreground-color);min-height:48px;padding:8px 16px;white-space:pre;border-radius:.5rem}._section_1qx8e_82{display:flex;align-items:start;justify-content:space-between;border-radius:4px;padding:24px;color:#7f1d1d;border:1px solid rgb(254 226 226);background-color:#fee2e2;margin-top:40px}._info_1qx8e_94{width:100%}._sectionHeading_1qx8e_98{margin-bottom:4px;font-weight:500}._sectionPara_1qx8e_103{font-weight:300}._confirmationDiv_1qx8e_107{width:50%}._hint_1qx8e_111{font-size:.75rem;line-height:2rem}._promptAction_1qx8e_116{display:flex;gap:.5rem}._confirmationDiv_sqflu_1{display:flex;flex-direction:column;width:100%}._buttonsDiv_sqflu_7{display:flex;gap:20px}._flex_shf5e_1{display:flex}._justify-between_shf5e_1{justify-content:space-between}._input_shf5e_58{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_shf5e_58:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_shf5e_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._formDiv_shf5e_3{display:flex;flex-direction:column}._heading_shf5e_8{margin-top:20px;margin-bottom:20px;font-weight:700;color:#374151}._fieldsContainer_shf5e_15{display:flex;gap:16px;width:100%}._pre_shf5e_21{overflow-x:auto;word-wrap:break-word;white-space:pre-wrap;border:1px solid var(--secondary-foreground-color);border-radius:var(--border-radius);padding:1rem}._field_shf5e_15{width:100%;margin-bottom:24px}._labelDiv_shf5e_35{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:.5rem}._label_shf5e_35{display:block;font-weight:500;color:#111827;font-size:.875rem;line-height:1.25rem;padding:.5rem 0}._labelWithAction_shf5e_52{display:flex;align-items:center;gap:.5rem}._input_shf5e_58{width:100%;height:3rem;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border:1px solid var(--secondary-foreground-color);background-color:#fff;border-radius:var(--border-radius)}._input_shf5e_58:focus-visible{border-color:var(--secondary-color);outline:2px solid var(--primary-color-700);outline-offset:2px}._input_shf5e_58:disabled,._disabled_shf5e_77{cursor:not-allowed;opacity:.5}._input_shf5e_58:disabled{background-color:var(--secondary-color);border:1px solid transparent}._textarea_shf5e_87{width:100%;height:6rem}._info_shf5e_92 input,._info_shf5e_92 pre{background:var(--primary-color-50);color:var(--primary-color-800)}._section_shf5e_98{display:flex;align-items:start;justify-content:space-between;border-radius:4px;padding:24px;color:#7f1d1d;border:1px solid rgb(254 226 226);background-color:#fee2e2;margin-top:40px}._info_shf5e_92{width:100%}._sectionHeading_shf5e_114{margin-bottom:4px;font-weight:500}._sectionPara_shf5e_119{font-weight:300}._confirmationDiv_shf5e_123{width:50%}._formAction_shf5e_127{display:flex;gap:.5rem}._checkbox_shf5e_132{flex-direction:row;align-items:center}._checkbox_shf5e_132>input{margin-left:1rem}._hint_shf5e_141{font-size:.75rem;line-height:2rem}._promptAction_shf5e_146{display:flex;gap:.5rem}._flex_1v9oj_1{display:flex}._justify-between_1v9oj_1{justify-content:space-between}._input_1v9oj_1{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_1v9oj_1:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_1v9oj_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._container_1v9oj_3{margin-top:1.25rem;display:flex;border:1px solid var(--primary-color);border-radius:.5rem;padding:1rem;font-size:.875rem;line-height:1.25rem}._vertical_1v9oj_13{flex-direction:column}._title_1v9oj_17{padding:.75rem;font-weight:500;color:var(--primary-foreground-color);display:flex;align-items:center;gap:.5rem}._body_1v9oj_26{padding:.75rem;flex:1}._info_1v9oj_31{background:#fff}._success_1v9oj_35{background:var(--primary-color-50)}._ctoa_uf934_1{display:flex;justify-content:space-between}._listView_uf934_6{display:flex;flex-direction:column}._flex_188wf_1{display:flex}._justify-between_188wf_1{justify-content:space-between}._input_188wf_30{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_188wf_30:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_188wf_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._heading_188wf_3{margin:0 0 1.5rem;font-size:1rem;font-weight:700;color:var(--secondary-foreground-color)}@media (min-width: 768px){._heading_188wf_3{font-size:1.25rem;line-height:1.75rem}}._fieldContainer_188wf_17{display:flex;flex-direction:column}._label_188wf_22{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:500}._input_188wf_30{height:3rem;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border:1px solid var(--secondary-foreground-color);background-color:#fff;border-radius:var(--border-radius)}._input_188wf_30:focus-visible{border-color:var(--secondary-color);outline:2px solid var(--primary-color-700);outline-offset:2px}._input_188wf_30:disabled,._disabled_188wf_48{cursor:not-allowed;opacity:.5}._input_188wf_30:disabled{background-color:var(--secondary-color);border:1px solid transparent}._flex_1odz8_1{display:flex}._justify-between_1odz8_1{justify-content:space-between}._input_1odz8_1{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_1odz8_1:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_1odz8_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}:root{--select-border: var(--ring-color);--select-focus: var(--secondary-color);--select-arrow: var(--select-border)}._label_1odz8_9{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:500}._div_1odz8_17{width:100%;min-width:15ch;max-width:30ch;border:1px solid var(--select-border);border-radius:.25em;padding:.5rem 1rem;cursor:pointer;line-height:1.1;background-color:#fff;background-image:linear-gradient(to top,#f9f9f9,#fff 33%);display:grid;grid-template-areas:"select";align-items:center;position:relative}._div_1odz8_17:after{content:"";width:.8em;height:.5em;background-color:var(--select-arrow);clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end}._div--disabled_1odz8_43{cursor:not-allowed;background-color:#eee;background-image:linear-gradient(to top,#ddd,#eee 33%)}._select_1odz8_49{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;padding:0 1em 0 0;margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:1.5rem;box-sizing:border-box;outline:none}._select_1odz8_49:before,._select_1odz8_49:after{box-sizing:border-box}._select_1odz8_49::-ms-expand{display:none}._select_1odz8_49:focus-visible+._focus_1odz8_77{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid var(--select-focus);border-radius:inherit;outline:2px solid var(--primary-color-700);outline-offset:2px}._div_1odz8_17:after,._select_1odz8_49{grid-area:select}._container_agn4n_1{border:1px solid rgb(229,231,235);border-radius:4px}._table_agn4n_6{width:100%;text-align:left;font-size:14px;line-height:20px;color:#6b7280}._tableHeadContainer_agn4n_14{color:#374151;background-color:#f9fafb;text-transform:uppercase;font-size:12px;line-height:16px}._tableHead_agn4n_14{padding:12px 24px}._tableData_agn4n_26{padding:0 24px}._tableDataItem_agn4n_30{white-space:nowrap;padding:12px 24px;font-size:14px;line-height:20px;color:#6b7280}._tableRow_agn4n_38{background-color:#fff;border-bottom:1px solid rgb(229,231,235)}._tableRow_agn4n_38:last-child{border-bottom:0px solid white}._caption_agn4n_47{background-color:#fff}._span_agn4n_51{display:inline-flex;align-items:baseline}._container_1tsoi_1{display:flex;justify-content:flex-end;align-items:center}._heading_1tsoi_7{color:#fff;background-color:red;padding:10px 5px;margin:7px}._displayMessage_1tsoi_14{display:flex;align-items:center}._flex_v2tfm_1{display:flex}._justify-between_v2tfm_1{justify-content:space-between}._input_v2tfm_16{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_v2tfm_16:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_v2tfm_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._heading_v2tfm_2{margin:20px 0;font-size:20px;line-height:28px;font-weight:700;color:#374151}._headingContainer_v2tfm_10{display:flex;justify-content:space-between;align-items:center}._input_v2tfm_16{width:100%;border:1px solid var(--secondary-foreground-color);border-radius:var(--border-radius);padding:8px 16px;height:48px;line-height:24px;flex-shrink:1}._checkboxInput_v2tfm_26{height:16px;width:16px;border-radius:var(--border-radius);border:1px solid rgb(209 213 219);background-color:#f3f4f6;color:#2563eb}._label_v2tfm_35{padding:8px 4px}._checkboxLabel_v2tfm_39{margin-left:8px;font-size:14px;line-height:20px;font-weight:500;color:#111827}._labelText_v2tfm_47{font-size:14px;color:#181a2a}._container_v2tfm_52{border-radius:var(--border-radius);border:1px solid rgb(229 231 235);background-color:#fff;padding:24px}._formDiv_v2tfm_59{display:flex;flex-direction:column}._fieldsDiv_v2tfm_64{width:100%;margin-top:12px;margin-bottom:12px}._checkboxFieldsDiv_v2tfm_70{padding:8px 0;width:100%;margin-top:12px}._section_v2tfm_76{display:flex;align-items:start;justify-content:space-between;border-radius:4px;padding:24px;color:#7f1d1d;border:1px solid rgb(254 226 226);background-color:#fee2e2;margin-top:40px}._info_v2tfm_88{width:100%}._sectionHeading_v2tfm_92{margin-bottom:4px;font-weight:500}._sectionPara_v2tfm_97{font-weight:300}._confirmationDiv_v2tfm_101{display:flex;flex-direction:column;width:50%}._ctoa_1dh6e_1{display:flex;justify-content:space-between}._listView_1dh6e_6{display:flex;flex-direction:column}._flex_39i7h_1{display:flex}._justify-between_39i7h_1{justify-content:space-between}._input_39i7h_1{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_39i7h_1:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_39i7h_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._label_39i7h_3{display:block;margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#111827}@media (prefers-color-scheme: dark){._label_39i7h_3{color:#d1d5db}}:root{--primary-color: #25c2a0;--primary-foreground-color: #002823;--primary-hover: #0b967d;--primary-active: #0d7865;--primary-disabled: #98f7dc;--primary-color-50: #f0fdf9;--primary-color-100: #cbfced;--primary-color-200: #98f7dc;--primary-color-500: #12ba99;--primary-color-600: #0b967d;--primary-color-700: #0d7865;--primary-color-800: #105f53;--primary-color-900: #124f45;--primary-color-950: #03302b;--secondary-color: #f4f4f5;--secondary-foreground-color: #18181b;--ring-offset-width: 2px;--ring-offset-color: hsl(0 0% 100%);--ring-color: hsl(240 5% 64.9%);--border-radius: .375rem;--alert-color-success: #36d399;--alert-color-info: #3abff8;--alert-color-warning: #fbbd23}._flex_1o8rm_1{display:flex}._justify-between_1o8rm_1{justify-content:space-between}._input_1o8rm_1{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none}._input_1o8rm_1:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_1o8rm_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._btn_1o8rm_3{height:1.25rem;width:1.25rem;color:var(--primary-foreground-color)}._btn_1o8rm_3:hover{--tw-scale: 1.15;transform:scale(var(--tw-scale));color:var(--primary-hover)}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
 import { j as i } from "./index-839f8ffe.js";
-import { C as n, I as p } from "./index-839f8ffe.js";
+import { C as f, I as y } from "./index-839f8ffe.js";
 import { useEffect as c } from "react";
@@ -14,2 +13,3 @@ const t = {
   "--primary-color-200": "#98f7dc",
+  "--primary-color-300": "#5cecc8",
   "--primary-color-500": "#12ba99",
@@ -21,11 +21,15 @@ "--primary-color-600": "#0b967d",
   "--primary-color-950": "#03302b",
-  "--secondary-color": "#f4f4f5",
+  "--secondary-color": "#e5e7eb",
   /* --secondary-color: "#27272a",  dark mode */
-  "--secondary-foreground-color": "#18181b",
-  /* --secondary-foreground-color: #fafafa, dark mode */
+  "--primary-text-color": "#18181b",
+  /* --primary-text-color: #fafafa, dark mode */
+  "--primary-text-color-500": "#737584",
+  "--ring-offset": "2px",
   "--ring-offset-width": "2px",
-  "--ring-offset-color": "hsl(0 0% 100%)",
+  "--ring-offset-color": "hsla(167, 68%, 45%, 0.2)",
   /* --ring-offset-color: hsl(240 10 3.9),  dark mode*/
   "--ring-color": "hsl(240 5% 64.9%)",
   /* --ring-color: hsl(240 4.9% 83.9%),  dark mode */
+  "--border-color": "#e5e7eb",
+  "--border-width": "1px",
   "--border-radius": "0.375rem"
@@ -44,6 +48,6 @@ };
 export {
-  n as ClipboardButton,
-  p as InputWithCopyButton,
+  f as ClipboardButton,
+  y as InputWithCopyButton,
   d as Themer
 };
 //# sourceMappingURL=shared.js.map

dist/shared/Button/index.d.ts

@@ -1,3 +0,3 @@
-import { ButtonProps } from "../types";
-declare function Button(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
+import * as React from "react";
+declare const Button: React.ForwardRefExoticComponent<React.RefAttributes<HTMLButtonElement>>;
 export default Button;

dist/shared/Themer/defaultTheme.d.ts

@@ -10,2 +10,3 @@ export declare const THEME: {
     '--primary-color-200': string;
+    '--primary-color-300': string;
     '--primary-color-500': string;
@@ -18,7 +19,11 @@ '--primary-color-600': string;
     '--secondary-color': string;
-    '--secondary-foreground-color': string;
+    '--primary-text-color': string;
+    '--primary-text-color-500': string;
+    '--ring-offset': string;
     '--ring-offset-width': string;
     '--ring-offset-color': string;
     '--ring-color': string;
+    '--border-color': string;
+    '--border-width': string;
     '--border-radius': string;
 };

dist/shared/types.d.ts

@@ -1,2 +0,2 @@
-import type { SVGAttributes } from 'react';
+import type { SVGAttributes, ComponentPropsWithRef } from 'react';
 export type SVGProps = SVGAttributes<SVGSVGElement>;
@@ -26,7 +26,9 @@ export interface IconButtonProps {
 }
-export interface ButtonProps {
+export interface ButtonProps extends ComponentPropsWithRef<'button'> {
+    buttonRef?: HTMLButtonElement;
     name: string;
+    type?: 'submit' | 'reset' | 'button';
     handleClick?: (event: any) => void;
-    type?: 'submit' | 'reset' | 'button';
     variant?: 'primary' | 'secondary' | 'destructive' | 'outline';
+    classNames?: string;
 }
@@ -43,2 +45,5 @@ export interface SecretInputFormControlProps {
     handleChange: (event: Event) => void;
+    classNames?: {
+        input?: string;
+    };
 }
@@ -88,4 +93,16 @@ export interface ToggleSwitchProps {
 export interface ConfirmationPromptProps {
-    promptMessge: string;
-    confirmationCallback: (event: any) => void;
+    buttonNames?: {
+        ctoa?: string;
+        cancel?: string;
+    };
+    classNames?: {
+        button?: {
+            ctoa?: string;
+            cancel?: string;
+        };
+    };
+    ctoaVariant: ButtonProps['variant'];
+    promptMessage: string;
+    confirmationCallback: (event: Event) => void;
+    cancelCallback: (event: Event) => void;
 }

dist/sso/connections/types.d.ts

@@ -0,1 +1,2 @@
+import { ConfirmationPromptProps } from '../../shared/types';
 export interface ConnectionListProps {
@@ -48,2 +49,5 @@ children?: any;
         fieldContainer?: string;
+        button?: {
+            ctoa?: string;
+        };
     };
@@ -225,2 +229,8 @@ /** Use this boolean to toggle the header display on/off. Useful when using the connection component standalone */
     classNames?: {
+        button?: {
+            ctoa?: string;
+            destructive?: string;
+        };
+        confirmationPrompt?: ConfirmationPromptProps['classNames'];
+        secretInput?: string;
         container?: string;
@@ -248,2 +258,8 @@ formDiv?: string;
     classNames?: {
+        button?: {
+            ctoa?: string;
+            destructive?: string;
+        };
+        confirmationPrompt?: ConfirmationPromptProps['classNames'];
+        secretInput?: string;
         formDiv?: string;
@@ -257,3 +273,5 @@ label?: string;
     classNames?: {
-        button?: string;
+        button?: {
+            ctoa?: string;
+        };
     };
@@ -260,0 +278,0 @@ copyDoneCallback: () => void;

dist/sso/dsync/types.d.ts

@@ -0,1 +1,2 @@
+import { ConfirmationPromptProps } from '../../shared/types';
 export interface CreateDirectoryProps {
@@ -60,2 +61,7 @@ urls: {
     classNames?: {
+        button?: {
+            ctoa?: string;
+            destructive?: string;
+        };
+        confirmationPrompt?: ConfirmationPromptProps['classNames'];
         label?: string;
@@ -62,0 +68,0 @@ input?: string;

package.json

 {
   "name": "@boxyhq/react-ui",
   "description": "React UI components from BoxyHQ",
-  "version": "3.3.11",
+  "version": "3.3.12",
   "type": "module",
@@ -41,2 +41,6 @@ "keywords": [
       "require": "./dist/sso.cjs"
+    },
+    "./dist/*.css": {
+      "import": "./dist/*.css",
+      "require": "./dist/*.css"
     }
@@ -58,10 +62,10 @@ },
     "@mdx-js/react": "2.3.0",
-    "@rollup/plugin-typescript": "11.1.3",
-    "@types/node": "20.6.5",
-    "@types/react": "18.2.22",
+    "@rollup/plugin-typescript": "11.1.4",
+    "@types/node": "20.8.2",
+    "@types/react": "18.2.25",
     "@vitejs/plugin-react": "4.1.0",
-    "rimraf": "5.0.1",
+    "rimraf": "5.0.5",
     "serve": "14.2.1",
     "vite": "4.4.9",
-    "vite-pages-theme-doc": "4.1.6",
+    "vite-pages-theme-doc": "4.1.7",
     "vite-plugin-css-injected-by-js": "3.3.0",
@@ -68,0 +72,0 @@ "vite-plugin-react-pages": "4.1.4"

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Number of package files

71

increased by1.43%

Number of low supply chain risk alerts

4

decreased by-55.56%

Worsened metrics

Total package byte prevSize

967489

decreased by-11.45%

Lines of code

6037

decreased by-6.23%

No dependency changes