@boxyhq/react-ui - npm Package Compare versions

Comparing version 3.3.5 to 3.3.6

dist/shared.js

@@ -1,8 +0,46 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._container_ptl9n_1{display:flex;flex-direction:column;max-width:28rem}._label_ptl9n_7{margin-bottom:.375rem}._input_ptl9n_11{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:.375rem;border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none;margin-bottom:1rem}._input_ptl9n_11:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._button_ptl9n_31{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_ptl9n_31:disabled{background:hsl(219 14% 28% / .2);color:#3333;border-color:currentColor;pointer-events:none}._button_ptl9n_31:hover:not(:disabled){background-color:#333;color:#fff}._button_ptl9n_31:focus-visible{outline:2px solid hsl(219 14% 22%);outline-offset:2px}._button_ptl9n_31:active:hover,._button_ptl9n_31:active:focus{transform:scale(.95)}._fieldContainer_189fl_1{display:flex;flex-direction:column}._fieldContainer_189fl_1+._fieldContainer_189fl_1{margin-top:1rem}._label_189fl_10{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.875rem}._input_189fl_18{flex-shrink:1;height:3rem;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-width:1px;border-color:#181a2a;background-color:#fff;border-radius:.25rem}._input_189fl_18:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._textarea_189fl_36{width:100%;height:6rem}._hint_189fl_41{font-size:.75rem;line-height:1rem}._button_189fl_46{margin-top:1.5rem}._labelWithAction_189fl_50{display:flex;align-items:center;justify-content:space-between}._labelWithAction_189fl_50 ._hint_189fl_41{text-decoration:underline}:root{--tw-border-opacity: 1;--tw-bg-opacity: 1}._fieldContainer_f4322_5{display:flex;flex-direction:column}._fieldContainer_f4322_5+._fieldContainer_f4322_5{margin-top:1rem}._label_f4322_14{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.875rem}._input_f4322_22{flex-shrink:1;height:3rem;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-width:1px;border-color:#181a2a;background-color:#fff;border-radius:.25rem}._input_f4322_22:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._textarea_f4322_40{width:100%;height:6rem}._radioContainer_f4322_45{flex-direction:row;align-items:center}._radioContainer_f4322_45>input{margin-left:1rem}._hint_f4322_54{font-size:.75rem;line-height:1rem}._button_f4322_59{margin-top:1.5rem}._labelWithAction_f4322_63{display:flex;align-items:center;justify-content:space-between}._labelWithAction_f4322_63 ._hint_f4322_54{text-decoration:underline}._formControl_3m1qm_1{display:flex;flex-direction:column}._container_3m1qm_6{margin-bottom:1rem;display:flex;align-items:center}._selectSSO_3m1qm_12{float:left;margin-right:.5rem;padding-top:.75rem;padding-bottom:.75rem}._idpId_3m1qm_19{margin:20px 0;align-items:center;justify-content:space-between}._label_3m1qm_25{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_3m1qm_35{margin-left:4px;font-size:14px;line-height:20px;--tw-text-opacity: 1;color:hsl(var(--bc) / var(--tw-text-opacity))}._radio_3m1qm_43{flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:currentColor;height:1.5rem;width:1.5rem;border:.15rem solid currentColor;border-radius:50%;transform:translateY(-.075rem);display:grid;place-content:center}._radio_3m1qm_43:before{content:"";width:.65rem;height:.65rem;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1rem 1rem currentColor}._radio_3m1qm_43:checked:before{transform:scale(1)}._radio_3m1qm_43:focus,._radio_3m1qm_43:checked{outline:max(2px,.15rem) solid currentColor;outline-offset:max(2px,.15rem)}._container_15k0o_1{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}._formControl_15k0o_8{display:flex;flex-direction:column}._tableContainer_15k0o_13{border-width:1px;border-radius:4px}._table_15k0o_13{border-collapse:collapse;width:100%;text-align:left;font-size:14px;line-height:20px;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity));border-bottom-width:1px;border-color:rgb(209 213 219 / var(--tw-border-opacity))}._tableCaption_15k0o_30{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_15k0o_41,._td_15k0o_42{padding:.75rem 1.5rem}._thead_15k0o_46{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));font-size:12px;line-height:16px;text-transform:uppercase;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}._connectionListContainer_15k0o_56{border-bottom-width:1px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}._connectionListContainer_15k0o_56:last-child{border-bottom-width:0px}._connectionListContainer_15k0o_56:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}._badgeClass_15k0o_71{margin-left:8px;text-transform:uppercase}._tableData_15k0o_76{padding:0 24px;color:rgb(156 163 175 / var(--tw-text-opacity))}._spanIcon_15k0o_81{display:inline-flex;align-items:baseline}._icon_15k0o_86:hover{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}._btnReset_1yl1v_1{display:inline-block;border:2px solid #25c2a0;padding:.5rem 1rem;margin:0;border-radius:.5rem;text-decoration:none;background:#fff;color:#25c2a0;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}._btnReset_1yl1v_1:hover,._btnReset_1yl1v_1:focus{background:#2aa298;color:#fff}._btnReset_1yl1v_1:focus{outline:1px solid #fff;outline-offset:-4px}._btnReset_1yl1v_1:active{transform:scale(.99)}._flex_1yl1v_36{display:flex}._justify-between_1yl1v_40{justify-content:space-between}._input_1yl1v_44{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:.375rem;border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none;margin-bottom:1rem}._input_1yl1v_44:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._label_6imzn_1{display:block;margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#111827}@media (prefers-color-scheme: dark){._label_6imzn_1{color:#d1d5db}}._icon_hhevb_1{--s: 218 19% 23%;height:1.25rem;width:1.25rem;color:hsl(var(--s))}._icon_hhevb_1:hover{--tw-scale: 1.15;transform:scale(var(--tw-scale))}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { C as r, I as a } from "./index-bb69131f.js";
-import "react";
+(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}._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_r8z6y_1{display:flex}._justify-between_r8z6y_1{justify-content:space-between}._input_r8z6y_28{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_r8z6y_28:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_r8z6y_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._heading_r8z6y_3{margin-top:1.5rem;margin-bottom:1rem;font-weight:700;color:var(--secondary-foreground-color)}._fieldContainer_r8z6y_10{display:flex;flex-direction:column}._fieldContainer_r8z6y_10+._fieldContainer_r8z6y_10{margin-top:1rem}._label_r8z6y_19{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.875rem;font-weight:500}._input_r8z6y_28{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_r8z6y_28:focus{border-color:var(--secondary-color);outline:2px solid var(--primary-color-700);outline-offset:2px}._textarea_r8z6y_46{width:100%;height:6rem}._hint_r8z6y_51{font-size:.75rem;line-height:1rem}._button_r8z6y_56{margin-top:1.5rem}._labelWithAction_r8z6y_60{display:flex;align-items:center;justify-content:space-between}._labelWithAction_r8z6y_60 ._hint_r8z6y_51{text-decoration:underline}._flex_1rr2v_1{display:flex}._justify-between_1rr2v_1{justify-content:space-between}._input_1rr2v_25{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_1rr2v_25:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_1rr2v_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._heading_1rr2v_3{margin-top:1.5rem;margin-bottom:1rem;font-weight:700;color:var(--secondary-foreground-color)}._fieldContainer_1rr2v_10{display:flex;flex-direction:column;margin-bottom:24px}._label_1rr2v_16{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.875rem;font-weight:500}._input_1rr2v_25{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_1rr2v_25:focus-visible{border-color:var(--secondary-color);outline:2px solid var(--primary-color-700);outline-offset:2px}._input_1rr2v_25:disabled,._disabled_1rr2v_43{cursor:not-allowed;opacity:.5}._input_1rr2v_25:disabled{background-color:var(--secondary-color);border:1px solid transparent}._textarea_1rr2v_53{width:100%;height:6rem}._radioContainer_1rr2v_58{flex-direction:row;align-items:center}._radioContainer_1rr2v_58>input{margin-left:1rem}._hint_1rr2v_67{font-size:.75rem;line-height:1rem}._button_1rr2v_72{margin-top:1.5rem}._labelWithAction_1rr2v_76{display:flex;align-items:center;gap:.5rem}._labelWithAction_1rr2v_76 ._hint_1rr2v_67{text-decoration:underline}._formAction_1rr2v_86{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;margin-bottom:1rem}._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;margin-bottom:1rem}._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}._formControl_uop7p_1{display:flex;flex-direction:column}._container_uop7p_6{margin-bottom:1rem;display:flex;align-items:center}._selectSSO_uop7p_12{float:left;margin-right:.5rem;padding-top:.75rem;padding-bottom:.75rem}._idpId_uop7p_19{margin:20px 0;align-items:center;justify-content:space-between}._label_uop7p_25{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_uop7p_35{margin-left:4px;font-size:14px;line-height:20px}._radio_uop7p_41{flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:currentColor;height:1.5rem;width:1.5rem;border:.15rem solid currentColor;border-radius:50%;transform:translateY(-.075rem);display:grid;place-content:center}._radio_uop7p_41:before{content:"";width:.65rem;height:.65rem;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1rem 1rem currentColor}._radio_uop7p_41:checked:before{transform:scale(1)}._radio_uop7p_41:focus,._radio_uop7p_41:checked{outline:max(2px,.15rem) solid currentColor;outline-offset:max(2px,.15rem)}._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;margin-bottom:1rem}._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_daapl_1{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}._formControl_daapl_8{display:flex;flex-direction:column}._tableContainer_daapl_13{border-width:1px;border-radius:4px}._table_daapl_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_daapl_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_daapl_51,._td_daapl_52{padding:.75rem 1.5rem}._thead_daapl_56{background-color:#f9fafb;font-size:12px;line-height:16px;text-transform:uppercase;color:#374151}._connectionListContainer_daapl_64{border-bottom-width:1px;background-color:#fff}._connectionListContainer_daapl_64:last-child{border-bottom-width:0px}._connectionListContainer_daapl_64:hover{background-color:#f9fafb}._badgeClass_daapl_77{margin-left:8px;text-transform:uppercase}._tableData_daapl_82{padding:0 24px;color:#9ca3af}._spanIcon_daapl_87{display:inline-flex;align-items:baseline}._icon_daapl_92:hover{color:#4ade80}._toolbar_110zf_1{display:flex;align-items:center;justify-content:space-between}._toolbar_110zf_1>div{display:flex}._label_110zf_11{font-size:.875rem;line-height:1.25rem;font-weight:500;color:#111827;margin-bottom:.5rem}._icon_110zf_19{margin-right:.5rem}._icon_110zf_19:hover{color:#25c2a0}._input_110zf_26{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:.25rem}._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;margin-bottom:1rem}._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_l41bu_1{display:flex}._justify-between_l41bu_1{justify-content:space-between}._input_l41bu_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;margin-bottom:1rem}._input_l41bu_54:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_l41bu_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._container_l41bu_2{min-width:448px;background-color:#fff}._formDiv_l41bu_7{display:flex;flex-direction:column;gap:0}._heading_l41bu_13{margin-top:20px;margin-bottom:20px;font-weight:700;color:#374151}._fieldsContainer_l41bu_20{display:flex;flex-direction:row;gap:16px;width:100%}._fieldsDiv_l41bu_27{width:100%;border:1.5px solid rgb(229 231 235);border-radius:4px;padding:24px 16px}._field_l41bu_20{margin-bottom:24px}._label_l41bu_38{display:block;font-weight:500;color:#111827;font-size:.875rem;line-height:1.25rem}._labelDiv_l41bu_46{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:.5rem}._input_l41bu_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_l41bu_54:focus-visible{border-color:var(--secondary-color);outline:2px solid var(--primary-color-700);outline-offset:2px}._textarea_l41bu_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_l41bu_82{display:flex;align-items:start;border-radius:4px;padding:24px;color:#7f1d1d;border:1px solid rgb(254 226 226);background-color:#fee2e2;margin-top:40px}._sectionHeading_l41bu_93{margin-bottom:4px;font-weight:500}._sectionDiv_l41bu_98{flex:1 1 0%}._sectionPara_l41bu_102{font-weight:300}._confirmationDiv_l41bu_106{width:50%}._hint_l41bu_110{font-size:.75rem;line-height:2rem}._promptAction_l41bu_115{display:flex;gap:.5rem}._flex_1kty7_1{display:flex}._justify-between_1kty7_1{justify-content:space-between}._input_1kty7_73{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_1kty7_73:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_1kty7_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._container_1kty7_2{min-width:448px;background-color:#fff}._formDiv_1kty7_7{display:flex;flex-direction:column;gap:0}._heading_1kty7_13{margin-top:20px;margin-bottom:20px;font-weight:700;color:#374151}._fieldsContainer_1kty7_20{display:flex;gap:16px;width:100%}._fieldsDiv_1kty7_26,._readOnlyFieldsDiv_1kty7_31{flex:1;padding:24px 16px}._pre_1kty7_36{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_1kty7_20{width:100%;margin-bottom:24px}._labelDiv_1kty7_50{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:.5rem}._label_1kty7_50{display:block;font-weight:500;color:#111827;font-size:.875rem;line-height:1.25rem;padding:.5rem 0}._labelWithAction_1kty7_67{display:flex;align-items:center;gap:.5rem}._input_1kty7_73{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_1kty7_73:focus-visible{border-color:var(--secondary-color);outline:2px solid var(--primary-color-700);outline-offset:2px}._input_1kty7_73:disabled,._disabled_1kty7_92{cursor:not-allowed;opacity:.5}._input_1kty7_73:disabled{background-color:var(--secondary-color);border:1px solid transparent}._textarea_1kty7_102{width:100%;height:6rem}._info_1kty7_107 input,._info_1kty7_107 pre{background:var(--primary-color-50);color:var(--primary-color-800)}._section_1kty7_113{display:flex;align-items:start;border-radius:4px;padding:24px;color:#7f1d1d;border:1px solid rgb(254 226 226);background-color:#fee2e2;margin-top:40px}._sectionHeading_1kty7_124{margin-bottom:4px;font-weight:500}._sectionDiv_1kty7_129{flex:1 1 0%}._sectionPara_1kty7_133{font-weight:300}._confirmationDiv_1kty7_137{width:50%}._formAction_1kty7_141{display:flex;gap:.5rem}._checkbox_1kty7_146{flex-direction:row;align-items:center}._checkbox_1kty7_146>input{margin-left:1rem}._hint_1kty7_155{font-size:.75rem;line-height:2rem}._promptAction_1kty7_160{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;margin-bottom:1rem}._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_l7bk2_1{display:flex;justify-content:space-between}._status_l7bk2_5{margin-bottom:3px;display:flex;align-items:center;justify-content:space-between}._ssoAdded_l7bk2_13{background-color:#5cecc8;color:#124f45;padding:.75rem 1rem;border-radius:.25rem;margin-bottom:1rem}._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;margin-bottom:1rem}._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_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;margin-bottom:1rem}._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}._flex_7cli6_1{display:flex}._justify-between_7cli6_1{justify-content:space-between}._input_7cli6_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;margin-bottom:1rem}._input_7cli6_1:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._sr-only_7cli6_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._icon_7cli6_7{--s: 218 19% 23%;height:1.25rem;width:1.25rem;color:hsl(var(--s))}._icon_7cli6_7:hover{--tw-scale: 1.15;transform:scale(var(--tw-scale))}._icon_jau1d_1:hover{color:#25c2a0}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { j as i } from "./index-51e2ca13.js";
+import { C as n, I as p } from "./index-51e2ca13.js";
+import { useEffect as c } from "react";
+const t = {
+  "--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-color: "#27272a",  dark mode */
+  "--secondary-foreground-color": "#18181b",
+  /* --secondary-foreground-color: #fafafa, dark mode */
+  "--ring-offset-width": "2px",
+  "--ring-offset-color": "hsl(0 0% 100%)",
+  /* --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-radius": "0.375rem"
+};
+function d(r) {
+  return c(() => {
+    Object.entries({
+      ...t,
+      ...r.overrideTheme
+    }).forEach(([o, e]) => {
+      document.documentElement.style.setProperty(o, e);
+    });
+  }, [r.overrideTheme]), /* @__PURE__ */ i.jsx("div", { id: "__themer", children: r.children });
+}
 export {
-  r as ClipboardButton,
-  a as InputWithCopyButton
+  n as ClipboardButton,
+  p as InputWithCopyButton,
+  d as Themer
 };
 //# sourceMappingURL=shared.js.map

dist/shared/ClipboardButton/index.d.ts

 interface PropsType {
     text: string;
-    toastSuccessCallback: () => void;
+    copyDoneCallback: () => void;
 }
 declare function CopyToClipboardButton(props: PropsType): import("react/jsx-runtime").JSX.Element;
 export default CopyToClipboardButton;

dist/shared/index.d.ts

 export { default as ClipboardButton } from './ClipboardButton/index';
 export { default as InputWithCopyButton } from './InputWithCopyButton/index';
+export { default as Themer } from './Themer/index';

dist/shared/InputWithCopyButton/index.d.ts

 interface PropsType {
     text: string;
     label: string;
-    toastSuccessCallback: () => void;
+    copyDoneCallback: () => void;
     classNames?: {
@@ -6,0 +6,0 @@ label?: string;

dist/shared/types.d.ts

@@ -32,24 +32,39 @@ import type { SVGAttributes, JSX } from 'react';
 }
-export interface ConfirmationModalProps {
-    visible: boolean;
+export interface ButtonProps {
+    name: string;
+    onClick?: (event: any) => void;
+    type?: 'submit' | 'reset' | 'button';
+    variant?: 'primary' | 'secondary' | 'destructive' | 'outline';
+}
+export interface SecretInputFormControlProps {
+    label: string;
+    value: string;
+    id: string;
+    placeholder?: string;
+    required: boolean;
+    maxLength?: string;
+    readOnly: boolean;
+    copyDoneCallback: () => void;
+    handleChange: (event: Event) => void;
+}
+export interface ToggleSwitchProps {
+    label: string;
+    checked: boolean;
+    disabled: boolean;
+    onChange: (event: Event) => void;
+}
+export interface CardProps {
+    arrangement?: 'horizontal' | 'vertical';
+    children?: any;
     title: string;
-    description: string;
-    onConfirm: () => void | Promise<void>;
-    onCancel: () => void;
-    actionButtonText?: string;
-    overrideDeleteButton?: boolean;
-    dataTestId?: string;
-    translation?: any;
+    variant: 'info' | 'success';
 }
-export interface ButtonBaseProps {
+export interface LinkProps {
+    href: string;
+    linkText: string;
+    variant?: 'primary' | 'button';
+}
+export interface LoadingContainerProps {
     children?: any;
-    color?: string;
-    iconClasses?: string;
-    label?: string;
-    onClick: (event: any) => void;
+    isBusy: boolean;
 }
-export interface ButtonProps {
-    children?: string;
-    label?: string;
-    onClick: () => void;
-}

dist/sso/connections/types.d.ts

 export interface ConnectionListProps {
+    children?: any;
     tableCaption?: string;
@@ -7,3 +8,4 @@ hideCols?: ('provider' | 'tenant' | 'product' | 'idp_type' | 'status' | 'actions')[];
     getConnectionsUrl: string;
-    onActionClick: () => void;
+    onListFetchComplete?: (connections: ConnectionData<any>[]) => void;
+    onActionClick: (e: ConnectionData<any>) => void;
     /**
@@ -32,3 +34,4 @@ * Classnames for each inner components that make up the component.
     successCallback: () => void;
-    variant: 'basic' | 'advanced';
+    cancelCallback?: () => void;
+    variant?: 'basic' | 'advanced';
     excludeFields?: Array<keyof (SAMLSSOConnection | OIDCSSOConnection)>;
@@ -67,4 +70,4 @@ urls: {
     componentProps: {
-        saml: CreateConnectionProps;
-        oidc: CreateConnectionProps;
+        saml: Partial<CreateConnectionProps>;
+        oidc: Partial<CreateConnectionProps>;
     };
@@ -134,2 +137,3 @@ }
     metadataUrl?: string;
+    redirectUrl: string[];
     idpMetadata: {
@@ -156,2 +160,3 @@ entityID: string;
     clientSecret: string;
+    redirectUrl: string[];
     oidcProvider: {
@@ -166,2 +171,5 @@ provider?: string;
 }
+export type ConnectionData<T extends SAMLSSORecord | OIDCSSORecord> = T & {
+    isSystemSSO?: boolean;
+};
 declare namespace classNames {
@@ -181,8 +189,89 @@ type Value = string | number | boolean | undefined | null;
     urls: {
+        patch: string;
+    };
+    translation?: any;
+    errorCallback: (errMsg: string) => void;
+    successCallback: (successMsg: string) => void;
+    classNames?: {
+        container?: string;
+        heading?: string;
+        toggle?: string;
+        toggleTransition?: string;
+        displayMessage?: string;
+        confirmBtn?: string;
+        cancelBtn?: string;
+    };
+}
+export interface EditConnectionProps {
+    connection: SAMLSSORecord | OIDCSSORecord;
+    editConnectionUrls: {
         save: string;
+        delete: string;
     };
-    translation: any;
+    toggleConnectionUrls: {
+        save: string;
+    };
+    translation?: any;
     errorCallback: (errMsg: string) => void;
     successCallback: (successMsg: string) => void;
 }
+export interface EditOIDCConnectionProps {
+    connection: OIDCSSORecord;
+    variant: 'basic' | 'advanced';
+    excludeFields?: Array<keyof OIDCSSOConnection>;
+    errorCallback: (errMessage: string) => void;
+    successCallback: () => void;
+    cancelCallback?: () => void;
+    copyDoneCallback: () => void;
+    urls: {
+        delete: string;
+        patch: string;
+    };
+    classNames?: {
+        container?: string;
+        formDiv?: string;
+        fieldsContainer?: string;
+        fieldsDiv?: string;
+        label?: string;
+        input?: string;
+        section?: string;
+    };
+}
+export interface EditSAMLConnectionProps {
+    connection: SAMLSSORecord;
+    variant: 'basic' | 'advanced';
+    excludeFields?: Array<keyof SAMLSSOConnection>;
+    errorCallback: (errMessage: string) => void;
+    successCallback: () => void;
+    cancelCallback?: () => void;
+    copyDoneCallback: () => void;
+    urls: {
+        delete: string;
+        patch: string;
+    };
+    classNames?: {
+        container?: string;
+        formDiv?: string;
+        fieldsContainer?: string;
+        fieldsDiv?: string;
+        label?: string;
+        input?: string;
+        section?: string;
+    };
+}
+export interface ConnectionsWrapperProp {
+    classNames?: {
+        button?: string;
+    };
+    copyDoneCallback: () => void;
+    componentProps: {
+        connectionList: Omit<ConnectionListProps, 'onActionClick'>;
+        createSSOConnection: Partial<CreateSSOConnectionProps>;
+        editOIDCConnection: Partial<EditOIDCConnectionProps>;
+        editSAMLConnection: Partial<EditSAMLConnectionProps>;
+    };
+    urls?: {
+        spMetadata?: string;
+    };
+}
 export {};

dist/sso/connections/utils.d.ts

 import type { FormObj } from './types';
-export declare const saveConnection: ({ formObj, isEditView, connectionIsSAML, connectionIsOIDC, callback, url, }: {
+export declare const saveConnection: ({ formObj, isEditView, connectionIsSAML, connectionIsOIDC, callback, url }: {
     formObj: FormObj;
@@ -10,1 +10,7 @@ isEditView?: boolean;
 }) => Promise<void>;
+export declare const deleteConnection: ({ url, clientId, clientSecret, callback }: {
+    url: string;
+    clientId: string;
+    clientSecret: string;
+    callback: (res: Response) => Promise<void>;
+}) => Promise<void>;

dist/sso/index.d.ts

 export { default as Login } from './login/index';
-export { default as CreateConnection } from './connections/CreateConnection/index';
+export { default as CreateSSOConnection } from './connections/CreateConnection/index';
 export { default as CreateSAMLConnection } from './connections/CreateConnection/saml/index';
 export { default as CreateOIDCConnection } from './connections/CreateConnection/oidc/index';
 export { default as ConnectionList } from './connections/ConnectionList/index';
+export { default as EditOIDCConnection } from './connections/EditConnection/oidc/index';
+export { default as EditSAMLConnection } from './connections/EditConnection/saml/index';
+export { default as ConnectionsWrapper } from './connections/ConnectionsWrapper/index';

package.json

 {
   "name": "@boxyhq/react-ui",
   "description": "React UI components from BoxyHQ",
-  "version": "3.3.5",
+  "version": "3.3.6",
   "type": "module",
@@ -53,3 +53,3 @@ "keywords": [
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "react-router-dom": "6.14.2"
+    "react-router-dom": "6.15.0"
   },
@@ -59,11 +59,11 @@ "devDependencies": {
     "@rollup/plugin-typescript": "11.1.2",
-    "@types/node": "20.4.2",
-    "@types/react": "18.2.15",
-    "@vitejs/plugin-react": "4.0.3",
+    "@types/node": "20.5.0",
+    "@types/react": "18.2.20",
+    "@vitejs/plugin-react": "4.0.4",
     "rimraf": "5.0.1",
     "serve": "14.2.0",
-    "vite": "4.4.6",
-    "vite-pages-theme-doc": "4.1.5",
-    "vite-plugin-css-injected-by-js": "3.2.1",
-    "vite-plugin-react-pages": "4.1.3"
+    "vite": "4.4.9",
+    "vite-pages-theme-doc": "4.1.6",
+    "vite-plugin-css-injected-by-js": "3.3.0",
+    "vite-plugin-react-pages": "4.1.4"
   },
@@ -70,0 +70,0 @@ "peerDependencies": {

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

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

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

Total package byte prevSize

865525

increased by84%

Number of package files

59

increased by25.53%

Lines of code

5030

increased by89.17%

Worsened metrics

Number of medium supply chain risk alerts

9

increased by125%

Dependency changes

• + Added@remix-run/router@1.8.0(transitive)

• + Addedreact-router@6.15.0(transitive)

• + Addedreact-router-dom@6.15.0(transitive)

• - Removed@remix-run/router@1.7.2(transitive)

• - Removedreact-router@6.14.2(transitive)

• - Removedreact-router-dom@6.14.2(transitive)

• Updatedreact-router-dom@6.15.0