@linzjs/lui 24.18.0 → 24.20.0

package/dist/lui.esm.js

@@ -272,6 +272,8 @@ iconMap['ic_columns'] = (React__default.createElement("svg", { xmlns: "http://ww
 iconMap['ic_complete_cmn'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default.createElement("path", { d: "M17 11C20.036 11 22.5 13.464 22.5 16.5C22.5 19.536 20.036 22 17 22C13.964 22 11.5 19.536 11.5 16.5C11.5 13.464 13.964 11 17 11ZM20.46 13.9092C20.2455 13.6947 19.8981 13.6947 19.6836 13.9092L15.9004 17.6934L14.3105 16.1094C14.0961 15.895 13.7497 15.895 13.5352 16.1094C13.3207 16.3239 13.3207 16.6703 13.5352 16.8848L15.5098 18.8594C15.7243 19.0738 16.0762 19.0738 16.2852 18.8594L20.46 14.6846C20.674 14.4701 20.6742 14.1235 20.46 13.9092Z" }),
     React__default.createElement("path", { d: "M20 2C21.1046 2 22 2.89543 22 4C22 4.78485 21.5476 5.46452 20.8896 5.79199L20.6855 9.0625C20.6525 9.58947 20.2155 9.99999 19.6875 10C19.1107 10 18.6535 9.5132 18.6895 8.9375L18.8936 5.66699C18.8836 5.66039 18.8741 5.65326 18.8643 5.64648L6.79102 16.1094C6.835 16.1977 6.8726 16.2896 6.90332 16.3848L9.20996 16.8789C9.67086 16.9778 10 17.386 10 17.8574C9.99983 18.4939 9.41246 18.9683 8.79004 18.835L6.48438 18.3408C6.11838 18.7457 5.58876 19 5 19C3.89543 19 3 18.1046 3 17C3 16.3147 3.3447 15.71 3.87012 15.3496L3.13574 5.80371C2.46397 5.48124 2 4.79496 2 4C2 2.89543 2.89543 2 4 2C4.74028 2 5.38661 2.4022 5.73242 3H18.2676C18.6134 2.4022 19.2597 2 20 2ZM5.86426 15.1963C5.95908 15.2418 6.04993 15.2942 6.13574 15.3535L10.4521 11.6133L5.1543 5.96191L5.86426 15.1963ZM5.68945 5.07129L11.208 10.958L18.083 5H5.73242C5.71856 5.02396 5.70427 5.04797 5.68945 5.07129Z" })));
+iconMap['ic_contract'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
+    React__default.createElement("path", { d: "M6 22C5.16667 22 4.45833 21.7083 3.875 21.125C3.29167 20.5417 3 19.8333 3 19V18C3 17.45 3.19583 16.9792 3.5875 16.5875C3.97917 16.1958 4.45 16 5 16H6V4C6 3.45 6.19583 2.97917 6.5875 2.5875C6.97917 2.19583 7.45 2 8 2H19C19.55 2 20.0208 2.19583 20.4125 2.5875C20.8042 2.97917 21 3.45 21 4V19C21 19.8333 20.7083 20.5417 20.125 21.125C19.5417 21.7083 18.8333 22 18 22H6ZM18 20C18.2833 20 18.5208 19.9042 18.7125 19.7125C18.9042 19.5208 19 19.2833 19 19V4H8V16H15C15.55 16 16.0208 16.1958 16.4125 16.5875C16.8042 16.9792 17 17.45 17 18V19C17 19.2833 17.0958 19.5208 17.2875 19.7125C17.4792 19.9042 17.7167 20 18 20ZM10 9C9.71667 9 9.47917 8.90417 9.2875 8.7125C9.09583 8.52083 9 8.28333 9 8C9 7.71667 9.09583 7.47917 9.2875 7.2875C9.47917 7.09583 9.71667 7 10 7H17C17.2833 7 17.5208 7.09583 17.7125 7.2875C17.9042 7.47917 18 7.71667 18 8C18 8.28333 17.9042 8.52083 17.7125 8.7125C17.5208 8.90417 17.2833 9 17 9H10ZM10 12C9.71667 12 9.47917 11.9042 9.2875 11.7125C9.09583 11.5208 9 11.2833 9 11C9 10.7167 9.09583 10.4792 9.2875 10.2875C9.47917 10.0958 9.71667 10 10 10H17C17.2833 10 17.5208 10.0958 17.7125 10.2875C17.9042 10.4792 18 10.7167 18 11C18 11.2833 17.9042 11.5208 17.7125 11.7125C17.5208 11.9042 17.2833 12 17 12H10ZM6 20H15V18H5V19C5 19.2833 5.09583 19.5208 5.2875 19.7125C5.47917 19.9042 5.71667 20 6 20ZM6 20H5H15H6Z" })));
 iconMap['ic_control_point'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default.createElement("path", { d: "M19.446 12.6h-2.9v2.3h2.9zm-9.1-2.3c1.9 0 3.4 1.5 3.4 3.4s-1.5 3.4-3.4 3.4-3.4-1.5-3.4-3.4 1.5-3.4 3.4-3.4m0 1.7c-.9 0-1.7.8-1.7 1.7s.8 1.7 1.7 1.7 1.7-.8 1.7-1.7-.8-1.7-1.7-1.7m-6.3.6h-2.9v2.3h2.9zm7.4-8h-2.3v2.9h2.3zm0 15.4h-2.3v2.9h2.3z" }),
     React__default.createElement("path", { d: "M15.546 11.4c.3.7.5 1.5.5 2.3 0 3.2-2.6 5.7-5.7 5.7-3.2 0-5.7-2.6-5.7-5.7s2.5-5.7 5.7-5.7c.8 0 1.6.2 2.3.5V6.6c-.7-.2-1.5-.4-2.3-.4-4.1 0-7.4 3.3-7.4 7.4s3.3 7.4 7.4 7.4 7.4-3.3 7.4-7.4c0-.8-.1-1.6-.4-2.3h-1.8z" }),
@@ -577,9 +579,9 @@ iconMap['ic_new_anchor'] = (React__default.createElement("svg", { xmlns: "http:/
 iconMap['ic_new_work_item'] = (React__default.createElement("svg", { viewBox: "0 0 24 24" },
     React__default.createElement("path", { d: "M20 6h-8l-2-2H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2m0 12H4V6h5.17l2 2H20zm-8-4h2v2h2v-2h2v-2h-2v-2h-2v2h-2z" })));
 iconMap['ic_no_longer_restricted_hidden_title'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
-    React__default.createElement("path", { d: "M14.4625 21.5375C13.4875 20.5625 13 19.3833 13 18C13 16.6167 13.4875 15.4375 14.4625 14.4625C15.4375 13.4875 16.6167 13 18 13C19.3833 13 20.5625 13.4875 21.5375 14.4625C22.5125 15.4375 23 16.6167 23 18C23 19.3833 22.5125 20.5625 21.5375 21.5375C20.5625 22.5125 19.3833 23 18 23C16.6167 23 15.4375 22.5125 14.4625 21.5375ZM20.35 19.65L19.65 20.35L17.5 18.2V15H18.5V17.8L20.35 19.65Z" }),
-    React__default.createElement("path", { d: "M12 4C17 4 21.27 7.11 23 11.5C22.8479 11.8859 22.6745 12.2611 22.4844 12.626C21.2697 11.6113 19.7065 11 18 11C17.6537 11 17.3133 11.0256 16.9805 11.0742C16.7641 8.51333 14.6165 6.5 12 6.5C9.24 6.5 7 8.74 7 11.5C7 13.9802 8.80917 16.0384 11.1787 16.4307C11.0631 16.9353 11 17.4603 11 18C11 18.3268 11.0241 18.648 11.0674 18.9629C6.4739 18.6037 2.62138 15.6144 1 11.5C2.73 7.11 7 4 12 4Z" }),
-    React__default.createElement("path", { d: "M12 8.5C13.66 8.5 15 9.84 15 11.5C15 11.5594 14.9975 11.6183 14.9941 11.6768C13.7127 12.287 12.6472 13.2759 11.9395 14.498C10.3076 14.4659 9 13.1398 9 11.5C9 9.84 10.34 8.5 12 8.5Z" })));
+    React__default.createElement("path", { d: "M21.54,14.46c-.97-.98-2.15-1.46-3.54-1.46s-2.56.49-3.54,1.46c-.98.97-1.46,2.15-1.46,3.54s.49,2.56,1.46,3.54c.97.98,2.15,1.46,3.54,1.46s2.56-.49,3.54-1.46c.98-.97,1.46-2.15,1.46-3.54s-.49-2.56-1.46-3.54ZM19.65,20.35l-2.15-2.15v-3.2h1v2.8l1.85,1.85-.7.7Z" }),
+    React__default.createElement("path", { d: "M12,4c5,0,9.27,3.11,11,7.5-.15.39-.33.76-.52,1.13-1.21-1.01-2.78-1.63-4.48-1.63-.35,0-.69.03-1.02.07-.22-2.56-2.36-4.57-4.98-4.57-2.76,0-5,2.24-5,5,0,2.48,1.81,4.54,4.18,4.93-.12.5-.18,1.03-.18,1.57,0,.33.02.65.07.96-4.59-.36-8.45-3.35-10.07-7.46,1.73-4.39,6-7.5,11-7.5Z" }),
+    React__default.createElement("path", { d: "M12,8.5c1.66,0,3,1.34,3,3,0,.06,0,.12,0,.18-1.28.61-2.35,1.6-3.05,2.82-1.63-.03-2.94-1.36-2.94-3s1.34-3,3-3Z" })));
 iconMap['ic_note_add'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default.createElement("path", { d: "M13 11h-2v3H8v2h3v3h2v-3h3v-2h-3zm1-9H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm4 18H6V4h7v5h5z" })));
 iconMap['ic_notice_of_change'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
@@ -624,6 +626,8 @@ iconMap['ic_parcels_existing'] = (React__default.createElement("svg", { xmlns: "
     React__default.createElement("path", { d: "M5 11h4c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2m0 10h4c1.1 0 2-.9 2-2v-4c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2m8-16v4c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2m2 16h4c1.1 0 2-.9 2-2v-4c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2" })));
 iconMap['ic_parcels_new'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default.createElement("path", { d: "M3 3v8h8V3zm6 6H5V5h4zm-6 4v8h8v-8zm6 6H5v-4h4zm4-16v8h8V3zm6 6h-4V5h4zm-6 4v8h8v-8zm6 6h-4v-4h4z" })));
+iconMap['ic_pause'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
+    React__default.createElement("path", { d: "M10.7125 15.7125C10.9042 15.5208 11 15.2833 11 15V9C11 8.71667 10.9042 8.47917 10.7125 8.2875C10.5208 8.09583 10.2833 8 10 8C9.71667 8 9.47917 8.09583 9.2875 8.2875C9.09583 8.47917 9 8.71667 9 9V15C9 15.2833 9.09583 15.5208 9.2875 15.7125C9.47917 15.9042 9.71667 16 10 16C10.2833 16 10.5208 15.9042 10.7125 15.7125ZM14.7125 15.7125C14.9042 15.5208 15 15.2833 15 15V9C15 8.71667 14.9042 8.47917 14.7125 8.2875C14.5208 8.09583 14.2833 8 14 8C13.7167 8 13.4792 8.09583 13.2875 8.2875C13.0958 8.47917 13 8.71667 13 9V15C13 15.2833 13.0958 15.5208 13.2875 15.7125C13.4792 15.9042 13.7167 16 14 16C14.2833 16 14.5208 15.9042 14.7125 15.7125ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" })));
 iconMap['ic_pdf'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default.createElement("path", { d: "M13.367 16.082q.188.405.188 1.04 0 .933-.434 1.405-.43.473-1.316.473h-.52v-3.719h.645q.53 0 .89.196.364.195.547.605M21 8v12c0 1.1-.9 2-2 2H4.99C3.89 22 3 21.1 3 20l.01-16c0-1.1.89-2 1.99-2h10zM9.496 16.07q0-.832-.508-1.304-.507-.477-1.613-.477H5.551V20h1.21v-2.031h.52q.625 0 1.051-.153.426-.156.68-.421.258-.267.37-.606.114-.344.114-.719m5.316 1.02q0-.918-.363-1.54a2.3 2.3 0 0 0-1.023-.94q-.66-.32-1.559-.32h-1.793V20h1.617q.985 0 1.684-.324a2.33 2.33 0 0 0 1.066-.973q.371-.648.371-1.613m3.958-2.8h-3.274V20h1.191v-2.258h1.938v-.988h-1.938V15.28h2.082v-.992ZM19 9h-5V4H5v8h14zM7.312 15.281h-.55v1.696h.398q.34 0 .59-.09a.8.8 0 0 0 .387-.282.83.83 0 0 0 .136-.492q0-.422-.234-.625-.234-.207-.726-.207Z" })));
 iconMap['ic_pdf_doc'] = (React__default.createElement("svg", { viewBox: "0 0 24 24" },
@@ -775,6 +779,8 @@ iconMap['ic_split'] = (React__default.createElement("svg", { viewBox: "0 0 24 24
     React__default.createElement("path", { d: "M4 13v-2h7.6l5-5H14V4h6v6h-2V7.4L12.4 13zm10 7v-2h2.6l-3.2-3.15 1.45-1.45L18 16.6V14h2v6z" })));
 iconMap['ic_square_selection'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default.createElement("path", { d: "M17 5h-2V3h2zm2 4h2V7h-2zm0 4h2v-2h-2zm-8 8h2v-2h-2zM7 5h2V3H7zM3 17h2v-2H3zm2 4v-2H3c0 1.1.9 2 2 2M19 3v2h2c0-1.1-.9-2-2-2m-8 2h2V3h-2zM3 9h2V7H3zm4 12h2v-2H7zm-4-8h2v-2H3zm0-8h2V3c-1.1 0-2 .9-2 2m18.02 12H19v-2.02c0-.54-.44-.98-.98-.98h-.03c-.55 0-.99.44-.99.98V17h-2.01c-.54 0-.98.44-.99.98v.03c0 .55.44.99.99.99H17v2.01c0 .54.44.99.99.98h.03c.54 0 .98-.44.98-.98V19h2.02c.54 0 .98-.44.98-.98v-.04c0-.54-.44-.98-.98-.98" })));
+iconMap['ic_structured_data'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
+    React__default.createElement("path", { d: "M5 20C4.45 20 3.97917 19.8042 3.5875 19.4125C3.19583 19.0208 3 18.55 3 18V4C3 3.45 3.19583 2.97917 3.5875 2.5875C3.97917 2.19583 4.45 2 5 2H19C19.55 2 20.0208 2.19583 20.4125 2.5875C20.8042 2.97917 21 3.45 21 4V10C21 10.2833 20.9042 10.5208 20.7125 10.7125C20.5208 10.9042 20.2833 11 20 11C19.7167 11 19.4792 10.9042 19.2875 10.7125C19.0958 10.5208 19 10.2833 19 10V4H5V18H7.5C7.78333 18 8.02083 18.0958 8.2125 18.2875C8.40417 18.4792 8.5 18.7167 8.5 19C8.5 19.2833 8.40417 19.5208 8.2125 19.7125C8.02083 19.9042 7.78333 20 7.5 20H5ZM5 17V18V4V17ZM7 13V15C7 15.2833 7.09583 15.5208 7.2875 15.7125C7.47917 15.9042 7.71667 16 8 16H8.1C8.23333 15.1833 8.525 14.4292 8.975 13.7375C9.425 13.0458 10 12.4667 10.7 12H8C7.71667 12 7.47917 12.0958 7.2875 12.2875C7.09583 12.4792 7 12.7167 7 13ZM7 7V9C7 9.28333 7.09583 9.52083 7.2875 9.7125C7.47917 9.90417 7.71667 10 8 10H10C10.2833 10 10.5208 9.90417 10.7125 9.7125C10.9042 9.52083 11 9.28333 11 9V7C11 6.71667 10.9042 6.47917 10.7125 6.2875C10.5208 6.09583 10.2833 6 10 6H8C7.71667 6 7.47917 6.09583 7.2875 6.2875C7.09583 6.47917 7 6.71667 7 7ZM14 21C12.9 21 11.9583 20.6083 11.175 19.825C10.3917 19.0417 10 18.1 10 17C10 15.9 10.3917 14.9583 11.175 14.175C11.9583 13.3917 12.9 13 14 13H15C15.2833 13 15.5208 13.0958 15.7125 13.2875C15.9042 13.4792 16 13.7167 16 14C16 14.2833 15.9042 14.5208 15.7125 14.7125C15.5208 14.9042 15.2833 15 15 15H14C13.45 15 12.9792 15.1958 12.5875 15.5875C12.1958 15.9792 12 16.45 12 17C12 17.55 12.1958 18.0208 12.5875 18.4125C12.9792 18.8042 13.45 19 14 19H15C15.2833 19 15.5208 19.0958 15.7125 19.2875C15.9042 19.4792 16 19.7167 16 20C16 20.2833 15.9042 20.5208 15.7125 20.7125C15.5208 20.9042 15.2833 21 15 21H14ZM14 10H16C16.2833 10 16.5208 9.90417 16.7125 9.7125C16.9042 9.52083 17 9.28333 17 9V7C17 6.71667 16.9042 6.47917 16.7125 6.2875C16.5208 6.09583 16.2833 6 16 6H14C13.7167 6 13.4792 6.09583 13.2875 6.2875C13.0958 6.47917 13 6.71667 13 7V9C13 9.28333 13.0958 9.52083 13.2875 9.7125C13.4792 9.90417 13.7167 10 14 10ZM15 18C14.7167 18 14.4792 17.9042 14.2875 17.7125C14.0958 17.5208 14 17.2833 14 17C14 16.7167 14.0958 16.4792 14.2875 16.2875C14.4792 16.0958 14.7167 16 15 16H19C19.2833 16 19.5208 16.0958 19.7125 16.2875C19.9042 16.4792 20 16.7167 20 17C20 17.2833 19.9042 17.5208 19.7125 17.7125C19.5208 17.9042 19.2833 18 19 18H15ZM20 21H19C18.7167 21 18.4792 20.9042 18.2875 20.7125C18.0958 20.5208 18 20.2833 18 20C18 19.7167 18.0958 19.4792 18.2875 19.2875C18.4792 19.0958 18.7167 19 19 19H20C20.55 19 21.0208 18.8042 21.4125 18.4125C21.8042 18.0208 22 17.55 22 17C22 16.45 21.8042 15.9792 21.4125 15.5875C21.0208 15.1958 20.55 15 20 15H19C18.7167 15 18.4792 14.9042 18.2875 14.7125C18.0958 14.5208 18 14.2833 18 14C18 13.7167 18.0958 13.4792 18.2875 13.2875C18.4792 13.0958 18.7167 13 19 13H20C21.1 13 22.0417 13.3875 22.825 14.1625C23.6083 14.9375 24 15.8833 24 17C24 18.1 23.6083 19.0417 22.825 19.825C22.0417 20.6083 21.1 21 20 21Z" })));
 iconMap['ic_subdirectory_arrow_right'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default.createElement("path", { d: "m18.29 15.71-4.58 4.58c-.39.39-1.03.39-1.42 0s-.39-1.03 0-1.42L15.17 16H5c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1s1 .45 1 1v9h9.17l-2.88-2.87c-.39-.39-.39-1.03 0-1.42s1.03-.39 1.42 0l4.58 4.58c.39.39.39 1.03 0 1.42" })));
 iconMap['ic_submit'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
@@ -912,7 +918,9 @@ var LuiIcon = forwardRef$1(function (props, ref) {
     var name = props.name, className = props.className, _a = props.size, size = _a === void 0 ? 'ns' : _a, title = props.title, alt = props.alt, _b = props.status, status = _b === void 0 ? 'none' : _b, spanProps = props.spanProps, color = props.color;
     var iconSVG = ICONS[name];
     if (!iconSVG) {
-        console.warn("<LuiIcon>: No icon found for: ".concat(iconSVG));
+        if (name) {
+            console.warn("<LuiIcon>: No icon found for: ".concat(name));
+        }
         return null;
     }
     var customStyle = color
@@ -7045,7 +7053,7 @@ var LuiLoadingSpinnerBase = function (props) {
     if (props.dataTestId) {
         testId += "-".concat(props.dataTestId);
     }
-    return (React__default.createElement("div", { className: "LuiLoadingSpinnerBase", "data-testid": testId },
+    return (React__default.createElement("div", { className: "LuiLoadingSpinnerBase", role: 'status', "data-testid": testId },
         React__default.createElement(LuiLottieLight, { animationData: props.animationData, loop: true, autoplay: autoplay, rendererSettings: renderSettings, style: style })));
 };
 /**
@@ -7061,7 +7069,7 @@ var SPINNER_RENDERER_SETTINGS = {
     preserveAspectRatio: 'xMidYMid slice'
 };
 var LuiMiniSpinner = React__default.memo(function (props) {
-    return (React__default.createElement("div", __assign({}, props.divProps),
+    return (React__default.createElement("div", __assign({ className: 'LuiMiniSpinner', role: 'status' }, props.divProps),
         React__default.createElement(LuiLottieLight, { animationData: props.highContrast ? highContrastSmallLoaderData : smlLoaderData, loop: true, autoplay: autoplay, rendererSettings: SPINNER_RENDERER_SETTINGS, style: { height: props.size, width: props.size } })));
 });
 var LuiLoadingSpinner = function (props) {
@@ -23646,13 +23654,14 @@ var LuiSidePanelProvider = function (_a) {
         React__default.createElement(LuiSidePanelContainer, __assign({}, props))));
 };
 
-var css_248z$k = ".lui-switch-checkbox {\n  height: 0;\n  width: 0;\n  visibility: hidden;\n}\n\n.lui-switch-label {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  width: 40px;\n  padding: 2px;\n  background: #ffffff;\n  border: 1px solid #007198;\n  border-radius: 40px;\n  position: relative;\n  transition: background-color 0.2s;\n}\n\n.lui-switch-label .lui-switch-button {\n  content: \"\";\n  position: relative;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  transition: 0.2s;\n  background: #007198;\n  box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);\n}\n\n.lui-switch-label-checked {\n  background: #007198;\n}\n.lui-switch-label-checked .lui-switch-button {\n  transform: translateX(20px);\n  background: #ffffff;\n}\n\n.lui-switch-checkbox:disabled + .lui-switch-label {\n  background: #eaeaea;\n  border: 1px solid #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label .lui-switch-button {\n  background: #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label-checked {\n  background: #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label-checked .lui-switch-button {\n  background: #eaeaea;\n}";
+var css_248z$k = ".lui-switch-checkbox {\n  height: 0;\n  width: 0;\n  visibility: hidden;\n}\n\n.lui-switch-label {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  width: 40px;\n  padding: 2px;\n  background: #ffffff;\n  border: 2px solid #007198;\n  border-radius: 40px;\n  position: relative;\n  transition: background-color 0.2s;\n}\n\n.lui-switch-label .lui-switch-button {\n  content: \"\";\n  position: relative;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  transition: 0.2s;\n  background: #007198;\n  box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);\n}\n\n.lui-switch-label-checked {\n  background: #007198;\n}\n.lui-switch-label-checked .lui-switch-button {\n  transform: translateX(19px);\n  background: #ffffff;\n}\n\n.lui-switch-checkbox:disabled + .lui-switch-label {\n  background: #eaeaea;\n  border: 1px solid #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label .lui-switch-button {\n  background: #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label-checked {\n  background: #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label-checked .lui-switch-button {\n  background: #eaeaea;\n}\n\n.lui-switch-sm .lui-switch-label {\n  width: 24px;\n  padding: 1px;\n  border-width: 2px;\n  border-radius: 20px;\n}\n.lui-switch-sm .lui-switch-label .lui-switch-button {\n  width: 7px;\n  height: 7px;\n}\n.lui-switch-sm .lui-switch-label-checked .lui-switch-button {\n  transform: translateX(11px);\n}\n.lui-switch-sm .lui-switch-checkbox:disabled + .lui-switch-label {\n  border-width: 1px;\n}\n\n.lui-switch-checkbox:disabled + .lui-switch-label {\n  background: #eaeaea;\n  border: 1px solid #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label .lui-switch-button {\n  background: #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label-checked {\n  background: #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label-checked .lui-switch-button {\n  background: #eaeaea;\n}";
 styleInject(css_248z$k);
 
 var LuiSwitchButton = function (props) {
+    var inputProps = __rest(props, []);
     var generatedId = useGenerateOrDefaultId();
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("input", __assign({ className: "lui-switch-checkbox", type: "checkbox", "data-testid": 'lui-switch-new', id: generatedId, disabled: props.disabled }, props)),
+    return (React__default.createElement("span", { className: clsx$1(props.small && 'lui-switch-sm') },
+        React__default.createElement("input", __assign({ className: "lui-switch-checkbox", type: "checkbox", "data-testid": 'lui-switch-new', id: generatedId, disabled: props.disabled }, inputProps)),
         React__default.createElement("label", { "data-testid": "label", className: clsx$1('lui-switch-label', props.checked ? 'lui-switch-label-checked' : null), htmlFor: generatedId },
             React__default.createElement("span", { className: "lui-switch-button" }))));
 };