@pinuts/bsr-uikit-relaunch 0.2.7 → 0.2.9

package/dist/{index.js.LICENSE.txt → main.js.LICENSE.txt}

@@ -23,9 +23,9 @@
 
 /**
  * @license React
- * use-sync-external-store-shim.production.min.js
+ * use-sync-external-store-shim.production.js
  *
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/dist/styles/{form.module.scss → form.scss}

@@ -1,7 +1,7 @@
-@use 'sass:math';
+@use "sass:math";
 @import "./variables/_variables.scss";
 
-/* GENERAL INPUT STYLES */
+/* GENERAL INPUT STYLES v0.1*/
 .topRow {
   display: flex;
   justify-content: space-between;
@@ -9,19 +9,20 @@
   padding: 0 $base-gap * 4 0 $base-gap * 0.5;
 
   .label {
-    font-family: "TradeGothicNext";
+    font-family: "TradeGothicNext", "TradeGothicNextLT", sans-serif;
     font-size: $input-label-font-size;
     font-weight: $fontweight-bold;
     line-height: $input-label-line-height;
     letter-spacing: $letter-spacing-xs;
-    color: #5f6a72;
+    color: $bsr-grey-100;
     margin-bottom: 0;
 
     .required {
       margin-inline-start: $base-gap;
     }
 
-    &.labelFocused, .required {
+    &.labelFocused,
+    .required {
       color: $bsr-black-90;
     }
   }
@@ -31,7 +32,8 @@
     gap: $base-gap;
     position: relative;
 
-    .info, .success {
+    .info,
+    .success {
       display: flex;
       height: 18px;
       position: relative;
@@ -104,7 +106,7 @@
 .input,
 .select,
 .textarea {
-  font-family: "TradeGothicNext";
+  font-family: "TradeGothicNext", "TradeGothicNextLT", sans-serif;
   font-size: $inputField-font-size;
   font-weight: $fontweight-normal;
   line-height: $inputField-line-height;
@@ -118,22 +120,23 @@
   align-items: flex-start;
   align-self: stretch;
 
-  &:focus, &:focus-visible, &:active {
+  &:focus,
+  &:focus-visible,
+  &:active {
     color: $bsr-black-90;
     border-color: currentColor;
     outline: $bsr-border-width-m solid currentColor;
   }
 }
 
-/* SELECT INPUT */ 
+/* SELECT INPUT */
 .select {
-  appearance:none;
+  appearance: none;
   background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 0.75L6 5.25L10.5 0.75' stroke='%231E1E1E' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
   background-position-x: calc(100% - #{$base-gap * 4});
   background-position-y: center;
   background-repeat: no-repeat;
 
-
   &:focus-visible {
     background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 5.25L6 0.75L10.5 5.25' stroke='%231E1E1E' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
   }
@@ -145,7 +148,7 @@
   flex-direction: column;
   gap: ($base-gap * 2);
   margin-bottom: $base-gap * 5;
-  font-family: "TradeGothicNext";
+  font-family: "TradeGothicNext", "TradeGothicNextLT", sans-serif;
 
   ul {
     list-style-type: none;
@@ -180,13 +183,14 @@
   }
 
   .helperText {
-      color: $bsr-black-60;
-      font-size: $input-label-font-size;
-      line-height: $input-label-line-height;
+    color: $bsr-black-60;
+    font-size: $input-label-font-size;
+    line-height: $input-label-line-height;
   }
 
   [aria-disabled="true"] {
-    input, label {
+    input,
+    label {
       color: $bsr-black-40;
       border-color: $bsr-black-40;
       pointer-events: none;
@@ -248,7 +252,10 @@ input[type="radio"] {
   outline: 3.4px solid white;
   outline-offset: $bsr-border-width-m * -1 - 3px;
 
-  &:hover, &:active, &:focus-visible, &:focus {
+  &:hover,
+  &:active,
+  &:focus-visible,
+  &:focus {
     cursor: pointer;
     background-color: $bsr-grey-100;
     border-width: 2px;
@@ -279,7 +286,7 @@ button {
   gap: $base-gap * 3;
   justify-content: center;
   min-height: $base-gap * 10;
-  p { 
+  p {
     margin: 0;
   }
 
@@ -291,7 +298,8 @@ button {
     justify-content: center;
     min-height: $base-gap * 10;
 
-    &:hover, &:focus-visible {
+    &:hover,
+    &:focus-visible {
       background-color: $bsr-brick-100 !important;
       color: $bsr-white-100 !important;
       border-color: $bsr-brick-100 !important;
@@ -307,7 +315,6 @@ button {
     justify-content: center;
     min-height: $base-gap * 10;
   }
-
 }
 
 button[type="submit"] {
@@ -317,14 +324,16 @@ button[type="submit"] {
   color: $bsr-white-100;
   border: $bsr-border-width-m solid $bsr-brick-100;
 
-  &:hover, &:focus-visible {
-      background-color: $bsr-white-100;
-      color: $bsr-brick-100;
-      text-decoration-color: currentColor;
+  &:hover,
+  &:focus-visible {
+    background-color: $bsr-white-100;
+    color: $bsr-brick-100;
+    text-decoration-color: currentColor;
   }
 
-  &:focus, &:focus-visible {
-      outline: none;
+  &:focus,
+  &:focus-visible {
+    outline: none;
   }
 }
 
@@ -334,37 +343,38 @@ form input[type="checkbox"]:read-only {
   border-width: 2px;
 }
 
-form input[type="checkbox"], form input[type="checkbox"] {
+form input[type="checkbox"],
+form input[type="checkbox"] {
   height: 0;
   width: 0;
   position: absolute;
   opacity: 0;
 }
 
-form input[type="checkbox"]+label {
+form input[type="checkbox"] + label {
   padding-left: 0;
 }
 
-form input[type="checkbox"]:checked+label {
+form input[type="checkbox"]:checked + label {
   color: #1e1e1e;
 }
 
-form input[type="checkbox"]:checked+label:before {
+form input[type="checkbox"]:checked + label:before {
   border-color: #1e1e1e;
   background-color: #fff;
   background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2712%27 viewBox=%270 0 16 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.75 11.6251C5.57 11.6251 5.38625 11.5613 5.24375 11.4263L0.743749 7.3013C0.439999 7.02005 0.417499 6.54755 0.698749 6.24005C0.979999 5.9363 1.4525 5.9138 1.76 6.19505L5.70875 9.8138L14.2025 0.611304C14.4837 0.307554 14.9562 0.288804 15.2637 0.570054C15.5675 0.851304 15.5862 1.3238 15.305 1.6313L6.305 11.3813C6.15875 11.5426 5.95625 11.6213 5.75375 11.6213L5.75 11.6251Z%27 fill=%27%23D74116%27 stroke=%27%23D74116%27 stroke-width=%270.4%27/%3E%3C/svg%3E%0A");
 }
 
-form input[type="checkbox"]+label:hover:before{
+form input[type="checkbox"] + label:hover:before {
   background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2712%27 viewBox=%270 0 16 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.75001 11.6251C5.57001 11.6251 5.38626 11.5613 5.24376 11.4263L0.743764 7.3013C0.440014 7.02005 0.417514 6.54755 0.698764 6.24005C0.980014 5.9363 1.45251 5.9138 1.76001 6.19505L5.70876 9.8138L14.2025 0.611304C14.4838 0.307554 14.9563 0.288804 15.2638 0.570054C15.5675 0.851304 15.5863 1.3238 15.305 1.6313L6.30501 11.3813C6.15876 11.5426 5.95626 11.6213 5.75376 11.6213L5.75001 11.6251Z%27 fill=%27%23808080%27 stroke=%27%23808080%27 stroke-width=%270.4%27/%3E%3C/svg%3E%0A");
   border-width: 2px;
 }
 
-form input[type="checkbox"]:checked+label:hover:before {
+form input[type="checkbox"]:checked + label:hover:before {
   background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2712%27 viewBox=%270 0 16 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.75 11.6251C5.57 11.6251 5.38625 11.5613 5.24375 11.4263L0.743749 7.3013C0.439999 7.02005 0.417499 6.54755 0.698749 6.24005C0.979999 5.9363 1.4525 5.9138 1.76 6.19505L5.70875 9.8138L14.2025 0.611304C14.4837 0.307554 14.9562 0.288804 15.2637 0.570054C15.5675 0.851304 15.5862 1.3238 15.305 1.6313L6.305 11.3813C6.15875 11.5426 5.95625 11.6213 5.75375 11.6213L5.75 11.6251Z%27 fill=%27%23D74116%27 stroke=%27%23D74116%27 stroke-width=%270.4%27/%3E%3C/svg%3E%0A");
 }
 
-form input[type="checkbox"]+label:before {
+form input[type="checkbox"] + label:before {
   content: "";
   position: relative;
   height: 24px;
@@ -386,7 +396,7 @@ form input[type="checkbox"]+label:before {
 
 /* TAG */
 .tag {
-  position:relative;
+  position: relative;
   color: $bsr-grey-100;
   display: inline-flex;
   align-items: center;
@@ -413,12 +423,13 @@ form input[type="checkbox"]+label:before {
     background-color: transparent;
     color: $text-secondary;
   }
-  
+
   &:hover {
     cursor: pointer;
   }
 
-  &:focus, &:focus-within {
+  &:focus,
+  &:focus-within {
     box-shadow: rgba($bsr-brick-100, 0.5) 0px 0px 0px 4px;
     &:is(button):not(.disabled) {
       outline: $base-gap solid $bsr-brick-100;
@@ -451,7 +462,8 @@ form input[type="checkbox"]+label:before {
         }
       }
 
-      &:focus, &:focus-visible {
+      &:focus,
+      &:focus-visible {
         outline: none;
       }
     }

package/dist/styles.css

@@ -0,0 +1 @@
+:export{grey100:#5f6a72;white:#fff}.aspect-16-9,.aspect-4-3{width:100%;object-fit:cover}.aspect-16-9{aspect-ratio:1.7777777778}.aspect-4-3{aspect-ratio:1.3333333333}.btn,.pi-form-button button{text-decoration:underline;text-decoration-color:rgba(0,0,0,0);transition-duration:.15s;transition-timing-function:ease-in-out;display:inline-flex;align-items:center;border-width:1.4px}.btn[class*=btn-outline-]:not([class*=btn-outline-light]),.pi-form-button button[class*=btn-outline-]:not([class*=btn-outline-light]){--bs-btn-bg: #FFFFFF}.btn[class*=btn-outline-]:not([class*=btn-outline-light]):hover:not([aria-disabled=true]),.pi-form-button button[class*=btn-outline-]:not([class*=btn-outline-light]):hover:not([aria-disabled=true]){border-color:#fff}.btn.btn-outline-light:hover,.pi-form-button button.btn-outline-light:hover{background-color:#fff;color:#d74116;border-color:#fff}.btn.btn-outline-light:focus-visible,.pi-form-button button.btn-outline-light:focus-visible{color:#fff}.btn:hover,.pi-form-button button:hover{text-decoration-color:currentColor}.btn:hover:not([class*=btn-outline-]):not([class*=teaserBtnAtom]):not([class*=editingBtnAtom]):not([class*=iconOnlyBtnAtom]),.pi-form-button button:hover:not([class*=btn-outline-]):not([class*=teaserBtnAtom]):not([class*=editingBtnAtom]):not([class*=iconOnlyBtnAtom]){background-color:#fff;color:#d74116;border-color:var(--bs-btn-bg)}.btn:hover:not([class*=btn-outline-]):not([class*=teaserBtnAtom]):not([class*=editingBtnAtom]):not([class*=iconOnlyBtnAtom])[class*=btn-light],.pi-form-button button:hover:not([class*=btn-outline-]):not([class*=teaserBtnAtom]):not([class*=editingBtnAtom]):not([class*=iconOnlyBtnAtom])[class*=btn-light]{background-color:#d74116;color:#fff}.btn:hover:not([class*=btn-outline-]):not([class*=teaserBtnAtom]):not([class*=editingBtnAtom]):not([class*=iconOnlyBtnAtom])[aria-disabled=true]:not([class*=btn-outline-light]),.pi-form-button button:hover:not([class*=btn-outline-]):not([class*=teaserBtnAtom]):not([class*=editingBtnAtom]):not([class*=iconOnlyBtnAtom])[aria-disabled=true]:not([class*=btn-outline-light]){background-color:#1e1e1e;color:#fff;border-color:#1e1e1e}.btn:active,.pi-form-button button:active{text-decoration:none}.btn[aria-disabled=true],.btn .disabled,.btn:disabled,.pi-form-button button[aria-disabled=true],.pi-form-button button .disabled,.pi-form-button button:disabled{text-decoration:none}.btn[aria-disabled=true].btn-light,.btn .disabled.btn-light,.btn:disabled.btn-light,.pi-form-button button[aria-disabled=true].btn-light,.pi-form-button button .disabled.btn-light,.pi-form-button button:disabled.btn-light{background-color:#fff;border-color:currentColor;color:#d74116;opacity:.4;cursor:not-allowed}.btn[aria-disabled=true].btn-outline-light,.btn .disabled.btn-outline-light,.btn:disabled.btn-outline-light,.pi-form-button button[aria-disabled=true].btn-outline-light,.pi-form-button button .disabled.btn-outline-light,.pi-form-button button:disabled.btn-outline-light{background-color:rgba(0,0,0,0);border-color:#fff;color:#fff;opacity:.4;cursor:not-allowed}.btn.btn-light{--bs-btn-color: #D74116}.btn.btn-light:hover[aria-disabled=true]{background-color:#fff !important;color:#d74116 !important;border-color:#d74116 !important}.btn.btn-light:focus{background-color:#fff !important;color:#1e1e1e !important;box-shadow:0 0 0 .25rem hsla(0,0%,100%,.5) !important}.btn.btn-outline-light{--bs-btn-hover-color: #D74116 !important;background:#d74116}.btn.btn-outline-light.btn:active{--bs-btn-active-color: #D74116}.btn[class*=editingBtnAtom]{font-size:14px;line-height:20px;letter-spacing:.2px;font-weight:700}.btn[class*=editingBtnAtom][aria-disabled=true]{opacity:.4}.btn[class*=iconOnlyBtnAtom]:not([class*=btn-outline-brick]){padding:0;background-color:#d74116 !important;color:#fff !important;border-color:#d74116 !important;text-decoration:none}.btn[class*=iconOnlyBtnAtom]:not([class*=btn-outline-brick]):hover,.btn[class*=iconOnlyBtnAtom]:not([class*=btn-outline-brick]):focus,.btn[class*=iconOnlyBtnAtom]:not([class*=btn-outline-brick]):active{background-color:#fff !important;color:#d74116 !important;border-color:#d74116 !important;text-decoration:underline;border-width:1.4px !important}.btn[class*=iconOnlyBtnAtom]:not([class*=btn-outline-brick]):disabled{opacity:.4;cursor:not-allowed}:export{grey100:#5f6a72;white:#fff}.aspect-16-9,.aspect-4-3{width:100%;object-fit:cover}.aspect-16-9{aspect-ratio:1.7777777778}.aspect-4-3{aspect-ratio:1.3333333333}.btn,.pi-form-button button{text-decoration:underline;text-decoration-color:rgba(0,0,0,0);transition-duration:.15s;transition-timing-function:ease-in-out;display:inline-flex;align-items:center;border-width:1.4px}.btn[class*=btn-outline-]:not([class*=btn-outline-light]),.pi-form-button button[class*=btn-outline-]:not([class*=btn-outline-light]){--bs-btn-bg: #FFFFFF}.btn[class*=btn-outline-]:not([class*=btn-outline-light]):hover:not([aria-disabled=true]),.pi-form-button button[class*=btn-outline-]:not([class*=btn-outline-light]):hover:not([aria-disabled=true]){border-color:#fff}.btn.btn-outline-light:hover,.pi-form-button button.btn-outline-light:hover{background-color:#fff;color:#d74116;border-color:#fff}.btn.btn-outline-light:focus-visible,.pi-form-button button.btn-outline-light:focus-visible{color:#fff}.btn:hover,.pi-form-button button:hover{text-decoration-color:currentColor}.btn:hover:not([class*=btn-outline-]):not([class*=teaserBtnAtom]):not([class*=editingBtnAtom]):not([class*=iconOnlyBtnAtom]),.pi-form-button button:hover:not([class*=btn-outline-]):not([class*=teaserBtnAtom]):not([class*=editingBtnAtom]):not([class*=iconOnlyBtnAtom]){background-color:#fff;color:#d74116;border-color:var(--bs-btn-bg)}.btn:hover:not([class*=btn-outline-]):not([class*=teaserBtnAtom]):not([class*=editingBtnAtom]):not([class*=iconOnlyBtnAtom])[class*=btn-light],.pi-form-button button:hover:not([class*=btn-outline-]):not([class*=teaserBtnAtom]):not([class*=editingBtnAtom]):not([class*=iconOnlyBtnAtom])[class*=btn-light]{background-color:#d74116;color:#fff}.btn:hover:not([class*=btn-outline-]):not([class*=teaserBtnAtom]):not([class*=editingBtnAtom]):not([class*=iconOnlyBtnAtom])[aria-disabled=true]:not([class*=btn-outline-light]),.pi-form-button button:hover:not([class*=btn-outline-]):not([class*=teaserBtnAtom]):not([class*=editingBtnAtom]):not([class*=iconOnlyBtnAtom])[aria-disabled=true]:not([class*=btn-outline-light]){background-color:#1e1e1e;color:#fff;border-color:#1e1e1e}.btn:active,.pi-form-button button:active{text-decoration:none}.btn[aria-disabled=true],.btn .disabled,.btn:disabled,.pi-form-button button[aria-disabled=true],.pi-form-button button .disabled,.pi-form-button button:disabled{text-decoration:none}.btn[aria-disabled=true].btn-light,.btn .disabled.btn-light,.btn:disabled.btn-light,.pi-form-button button[aria-disabled=true].btn-light,.pi-form-button button .disabled.btn-light,.pi-form-button button:disabled.btn-light{background-color:#fff;border-color:currentColor;color:#d74116;opacity:.4;cursor:not-allowed}.btn[aria-disabled=true].btn-outline-light,.btn .disabled.btn-outline-light,.btn:disabled.btn-outline-light,.pi-form-button button[aria-disabled=true].btn-outline-light,.pi-form-button button .disabled.btn-outline-light,.pi-form-button button:disabled.btn-outline-light{background-color:rgba(0,0,0,0);border-color:#fff;color:#fff;opacity:.4;cursor:not-allowed}.btn.btn-light{--bs-btn-color: #D74116}.btn.btn-light:hover[aria-disabled=true]{background-color:#fff !important;color:#d74116 !important;border-color:#d74116 !important}.btn.btn-light:focus{background-color:#fff !important;color:#1e1e1e !important;box-shadow:0 0 0 .25rem hsla(0,0%,100%,.5) !important}.btn.btn-outline-light{--bs-btn-hover-color: #D74116 !important;background:#d74116}.btn.btn-outline-light.btn:active{--bs-btn-active-color: #D74116}.btn[class*=editingBtnAtom]{font-size:14px;line-height:20px;letter-spacing:.2px;font-weight:700}.btn[class*=editingBtnAtom][aria-disabled=true]{opacity:.4}.btn[class*=iconOnlyBtnAtom]:not([class*=btn-outline-brick]){padding:0;background-color:#d74116 !important;color:#fff !important;border-color:#d74116 !important;text-decoration:none}.btn[class*=iconOnlyBtnAtom]:not([class*=btn-outline-brick]):hover,.btn[class*=iconOnlyBtnAtom]:not([class*=btn-outline-brick]):focus,.btn[class*=iconOnlyBtnAtom]:not([class*=btn-outline-brick]):active{background-color:#fff !important;color:#d74116 !important;border-color:#d74116 !important;text-decoration:underline;border-width:1.4px !important}.btn[class*=iconOnlyBtnAtom]:not([class*=btn-outline-brick]):disabled{opacity:.4;cursor:not-allowed}.comboboxWrapper{position:relative;display:flex !important;align-items:center;justify-content:center}.comboboxWrapper .combobox{border:0;outline:0;width:100%;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;border-radius:4px;text-overflow:ellipsis}.comboboxWrapper .combobox:focus{border:#1e1e1e}.comboboxWrapper .combobox[data-focus-visible]{outline:#1e1e1e}.comboboxWrapper input{height:100%;text-overflow:ellipsis}.comboboxWrapper input:focus{border:#1e1e1e}.comboboxWrapper button{height:100%;border-radius:.125rem;padding:0px !important;background-color:rgba(0,0,0,0) !important}.comboboxWrapper button.comboboxCancel svg{width:1.25rem;height:100%;color:#5f6a72;stroke-width:1.25pt}.comboboxWrapper button.comboboxCancel:focus{background-color:rgba(0,0,0,0) !important}.comboboxWrapper button:active{box-shadow:none !important}.comboboxWrapper.focused,.comboboxWrapper:focus,.comboboxWrapper:focus-within{box-shadow:0px 2px 12px 0px rgba(0,0,0,.1) !important;background-color:#fff}.comboboxWrapper.dark{background-color:#7a4a39}.comboboxCancel{width:fit-content;background-color:rgba(0,0,0,0) !important}.comboboxCancel svg{width:1.25rem;height:100%;color:#5f6a72;stroke-width:1.25pt}.comboboxPopoverWrapper :focus-visible{outline:0;border:0}.comboboxPopoverWrapper .popover{position:absolute;top:-3px;left:0;z-index:1000;display:block;max-width:none;box-shadow:0px 2px 12px 0px rgba(0,0,0,.1);border-radius:12px}.comboboxPopoverWrapper div[role=listbox]{overflow-x:hidden;border-radius:12px;border-color:currentColor;padding:.3rem}.comboboxPopoverWrapper div[role=listbox] div[role=option]{font-weight:24px;white-space:normal}.comboboxPopoverWrapper div[role=listbox] div[role=option]:active,.comboboxPopoverWrapper div[role=listbox] div[role=option]:hover{color:#1e1e1e !important}.comboboxPopoverWrapper div[role=listbox] div[role=option][aria-selected=true],.comboboxPopoverWrapper div[role=listbox] div[role=option][aria-selected=true].selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #f66504;border-color:#f66504;outline:0}.comboboxPopoverWrapper div[role=listbox] div[role=option][aria-selected=true]:active,.comboboxPopoverWrapper div[role=listbox] div[role=option][aria-selected=true]:hover,.comboboxPopoverWrapper div[role=listbox] div[role=option][aria-selected=true].selected:active,.comboboxPopoverWrapper div[role=listbox] div[role=option][aria-selected=true].selected:hover{color:#fff}.comboboxPopoverWrapper div[role=listbox] div[role=option][aria-selected=true].selected{background-color:#f66504 !important;color:#fff}.comboboxPopoverWrapper div[role=listbox] div[role=option].selected{box-shadow:none;background-color:#f66504 !important;color:#fff}.comboboxPopoverWrapper div[role=listbox] div[role=option].selected:hover{color:#fff !important}.comboboxPopoverWrapper div[role=listbox] div[role=option].selected::after{content:"✔";margin-inline-start:.5rem}.rowDark .comboboxWrapper .comboboxArrow,.rowDark .comboboxWrapper .comboboxCancel{background-color:rgba(0,0,0,0)}.disabled{pointer-events:none;background-color:#5f6a72}.tagGrid{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;height:fit-content;min-height:3rem;padding:0}.tagGrid.focused,.tagGrid:focus-within,.tagGrid:focus{box-shadow:0px 2px 12px 0px rgba(0,0,0,.1) !important;background-color:#fff}.tagGrid .inputRow{width:100%;overflow:auto;display:flex;flex-wrap:wrap;max-height:3rem}.tagGrid .inputRow .tag{background-color:#5f6a72;border:0;border-radius:1rem;margin-inline:.25rem;margin-block:.25rem}.tagGrid .inputRow .tag:first-child{margin-inline-start:.5rem}.tagGrid .inputRow .tagRemove{padding-inline-start:.5rem;font-weight:600;font-size:.8rem}.tagGrid .inputRow .combobox{border:0;padding:.375rem .75rem;border-radius:.25rem;flex-grow:1}.tagGrid .inputRow .combobox:focus,.tagGrid .inputRow .combobox:active,.tagGrid .inputRow .combobox:hover{outline:none}.comboboxMultiSelectPopover{position:relative;top:-2px;z-index:10000;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;border-radius:12px;background-color:#fff;padding:.4rem;padding-top:.4rem;color:#000;outline:2px solid rgba(0,0,0,0);outline-offset:2px}.comboboxMultiSelectPopover div[data-active-item=true]{box-shadow:0px 2px 12px 0px rgba(0,0,0,.1);border-color:#f66504;outline:0}.comboboxMultiSelectPopover div[role=option]{font-weight:600;border-radius:.25rem;padding:.25rem}.comboboxMultiSelectPopover div[role=option]:focus,.comboboxMultiSelectPopover div[role=option]:hover{background-color:#712d24;color:#1e1e1e;cursor:pointer}.comboboxMultiSelectPopover div[role=option][aria-selected=true]{background-color:#f66504;color:#fff;border-color:#f66504;outline:0}.comboboxMultiSelectPopover div[role=option]:not(:last-child){margin-bottom:.25rem}.comboboxMultiSelectPopover div[role=option][aria-selected=true].selected::after{content:"✔";margin-inline-start:.5rem}.pagination button[role=combobox]{height:fit-content}.sr-only{display:none}[aria-disabled=true] input,[aria-disabled=true] label{color:#b4b4b4;border-color:#b4b4b4;pointer-events:none}[aria-disabled=true] input{background:#eee}

package/dist/utils/getUikitClassNames.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getUikitClassNames.d.ts","sourceRoot":"","sources":["../../src/utils/getUikitClassNames.js"],"names":[],"mappings":"AAGO,uIAWL;AAEK,6IAYN"}
+{"version":3,"file":"getUikitClassNames.d.ts","sourceRoot":"","sources":["../../src/utils/getUikitClassNames.js"],"names":[],"mappings":"AAEO,uIAWL;AAEK,6IAQL"}

package/dist/utils/getUikitClassNames.js

@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getInputClassNames = exports.getFormControlClassNames = void 0;
 var _formBuilder = require("@pinuts/form-builder");
-var _formModule = _interopRequireDefault(require("../styles/form.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const getInputClassNames = function (isInvalid, readOnly, disabled, className) {
   let additionalClassNames = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
-  return _formBuilder.utils.getClassNames([isInvalid && _formModule.default.error, (readOnly || disabled) && 'read-only', ...additionalClassNames, className]);
+  return _formBuilder.utils.getClassNames([isInvalid && 'error', (readOnly || disabled) && 'read-only', ...additionalClassNames, className]);
 };
 exports.getInputClassNames = getInputClassNames;
 const getFormControlClassNames = function (isInvalid, readOnly, disabled, className) {

package/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js

@@ -5,8 +5,8 @@ function _objectWithoutProperties(e, t) {
     r,
     i = objectWithoutPropertiesLoose(e, t);
   if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }

package/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js

@@ -2,7 +2,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
+    if (-1 !== e.indexOf(n)) continue;
     t[n] = r[n];
   }
   return t;

package/node_modules/@babel/runtime/helpers/esm/superPropGet.js

@@ -1,9 +1,9 @@
 import get from "./get.js";
 import getPrototypeOf from "./getPrototypeOf.js";
-function _superPropertyGet(t, e, o, r) {
-  var p = get(getPrototypeOf(1 & r ? t.prototype : t), e, o);
+function _superPropGet(t, o, e, r) {
+  var p = get(getPrototypeOf(1 & r ? t.prototype : t), o, e);
   return 2 & r && "function" == typeof p ? function (t) {
-    return p.apply(o, t);
+    return p.apply(e, t);
   } : p;
 }
-export { _superPropertyGet as default };
+export { _superPropGet as default };

package/node_modules/@babel/runtime/helpers/esm/superPropSet.js

@@ -1,6 +1,6 @@
 import set from "./set.js";
 import getPrototypeOf from "./getPrototypeOf.js";
-function _superPropertySet(t, e, o, r, p, f) {
+function _superPropSet(t, e, o, r, p, f) {
   return set(getPrototypeOf(f ? t.prototype : t), e, o, r, p);
 }
-export { _superPropertySet as default };
+export { _superPropSet as default };

package/node_modules/@babel/runtime/helpers/objectWithoutProperties.js

@@ -5,8 +5,8 @@ function _objectWithoutProperties(e, t) {
     r,
     i = objectWithoutPropertiesLoose(e, t);
   if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }

package/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js

@@ -2,7 +2,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
+    if (-1 !== e.indexOf(n)) continue;
     t[n] = r[n];
   }
   return t;

package/node_modules/@babel/runtime/helpers/superPropGet.js

@@ -1,9 +1,9 @@
 var get = require("./get.js");
 var getPrototypeOf = require("./getPrototypeOf.js");
-function _superPropertyGet(t, e, o, r) {
-  var p = get(getPrototypeOf(1 & r ? t.prototype : t), e, o);
+function _superPropGet(t, o, e, r) {
+  var p = get(getPrototypeOf(1 & r ? t.prototype : t), o, e);
   return 2 & r && "function" == typeof p ? function (t) {
-    return p.apply(o, t);
+    return p.apply(e, t);
   } : p;
 }
-module.exports = _superPropertyGet, module.exports.__esModule = true, module.exports["default"] = module.exports;
+module.exports = _superPropGet, module.exports.__esModule = true, module.exports["default"] = module.exports;

package/node_modules/@babel/runtime/helpers/superPropSet.js

@@ -1,6 +1,6 @@
 var set = require("./set.js");
 var getPrototypeOf = require("./getPrototypeOf.js");
-function _superPropertySet(t, e, o, r, p, f) {
+function _superPropSet(t, e, o, r, p, f) {
   return set(getPrototypeOf(f ? t.prototype : t), e, o, r, p);
 }
-module.exports = _superPropertySet, module.exports.__esModule = true, module.exports["default"] = module.exports;
+module.exports = _superPropSet, module.exports.__esModule = true, module.exports["default"] = module.exports;

package/node_modules/@babel/runtime/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@babel/runtime",
-  "version": "7.25.6",
+  "version": "7.26.9",
   "description": "babel's modular runtime helpers",
   "license": "MIT",
   "publishConfig": {

package/node_modules/@types/hoist-non-react-statics/README.md

@@ -53,40 +53,40 @@ interface FORWARD_REF_STATICS {
 
 declare namespace hoistNonReactStatics {
     type NonReactStatics<
-        S extends React.ComponentType<any>,
+        Source,
         C extends {
             [key: string]: true;
         } = {},
     > = {
         [
             key in Exclude<
-                keyof S,
-                S extends React.MemoExoticComponent<any> ? keyof MEMO_STATICS | keyof C
-                    : S extends React.ForwardRefExoticComponent<any> ? keyof FORWARD_REF_STATICS | keyof C
+                keyof Source,
+                Source extends React.MemoExoticComponent<any> ? keyof MEMO_STATICS | keyof C
+                    : Source extends React.ForwardRefExoticComponent<any> ? keyof FORWARD_REF_STATICS | keyof C
                     : keyof REACT_STATICS | keyof KNOWN_STATICS | keyof C
             >
-        ]: S[key];
+        ]: Source[key];
     };
 }
 
 declare function hoistNonReactStatics<
-    T extends React.ComponentType<any>,
-    S extends React.ComponentType<any>,
-    C extends {
+    Target,
+    Source,
+    CustomStatic extends {
         [key: string]: true;
     } = {},
 >(
-    TargetComponent: T,
-    SourceComponent: S,
-    customStatic?: C,
-): T & hoistNonReactStatics.NonReactStatics<S, C>;
+    TargetComponent: Target,
+    SourceComponent: Source,
+    customStatic?: CustomStatic,
+): Target & hoistNonReactStatics.NonReactStatics<Source, CustomStatic>;
 
 export = hoistNonReactStatics;
 
 ````
 
 ### Additional Details
- * Last updated: Tue, 07 Nov 2023 03:09:37 GMT
+ * Last updated: Thu, 05 Dec 2024 19:32:25 GMT
  * Dependencies: [@types/react](https://npmjs.com/package/@types/react), [hoist-non-react-statics](https://npmjs.com/package/hoist-non-react-statics)
 
 # Credits

package/node_modules/@types/hoist-non-react-statics/index.d.ts

@@ -43,32 +43,32 @@ interface FORWARD_REF_STATICS {
 
 declare namespace hoistNonReactStatics {
     type NonReactStatics<
-        S extends React.ComponentType<any>,
+        Source,
         C extends {
             [key: string]: true;
         } = {},
     > = {
         [
             key in Exclude<
-                keyof S,
-                S extends React.MemoExoticComponent<any> ? keyof MEMO_STATICS | keyof C
-                    : S extends React.ForwardRefExoticComponent<any> ? keyof FORWARD_REF_STATICS | keyof C
+                keyof Source,
+                Source extends React.MemoExoticComponent<any> ? keyof MEMO_STATICS | keyof C
+                    : Source extends React.ForwardRefExoticComponent<any> ? keyof FORWARD_REF_STATICS | keyof C
                     : keyof REACT_STATICS | keyof KNOWN_STATICS | keyof C
             >
-        ]: S[key];
+        ]: Source[key];
     };
 }
 
 declare function hoistNonReactStatics<
-    T extends React.ComponentType<any>,
-    S extends React.ComponentType<any>,
-    C extends {
+    Target,
+    Source,
+    CustomStatic extends {
         [key: string]: true;
     } = {},
 >(
-    TargetComponent: T,
-    SourceComponent: S,
-    customStatic?: C,
-): T & hoistNonReactStatics.NonReactStatics<S, C>;
+    TargetComponent: Target,
+    SourceComponent: Source,
+    customStatic?: CustomStatic,
+): Target & hoistNonReactStatics.NonReactStatics<Source, CustomStatic>;
 
 export = hoistNonReactStatics;

package/node_modules/@types/hoist-non-react-statics/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@types/hoist-non-react-statics",
-    "version": "3.3.5",
+    "version": "3.3.6",
     "description": "TypeScript definitions for hoist-non-react-statics",
     "homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/hoist-non-react-statics",
     "license": "MIT",
@@ -28,6 +28,7 @@
         "@types/react": "*",
         "hoist-non-react-statics": "^3.3.0"
     },
-    "typesPublisherContentHash": "e7a2e0e3acecd59daaf840349946feec09d36c71528bdf39ac38ab7d566d804b",
-    "typeScriptVersion": "4.5"
+    "peerDependencies": {},
+    "typesPublisherContentHash": "f828fd090493b00844946121848239611dd37ff529ab0738bdbe126f4576476e",
+    "typeScriptVersion": "5.0"
 }

package/node_modules/@types/react/README.md

@@ -8,8 +8,8 @@ This package contains type definitions for react (https://react.dev/).
 Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react.
 
 ### Additional Details
- * Last updated: Tue, 17 Sep 2024 09:08:13 GMT
- * Dependencies: [@types/prop-types](https://npmjs.com/package/@types/prop-types), [csstype](https://npmjs.com/package/csstype)
+ * Last updated: Mon, 17 Feb 2025 09:33:55 GMT
+ * Dependencies: [csstype](https://npmjs.com/package/csstype)
 
 # Credits
-These definitions were written by [Asana](https://asana.com), [AssureSign](http://www.assuresign.com), [Microsoft](https://microsoft.com), [John Reilly](https://github.com/johnnyreilly), [Benoit Benezech](https://github.com/bbenezech), [Patricio Zavolinsky](https://github.com/pzavolinsky), [Eric Anderson](https://github.com/ericanderson), [Dovydas Navickas](https://github.com/DovydasNavickas), [Josh Rutherford](https://github.com/theruther4d), [Guilherme Hübner](https://github.com/guilhermehubner), [Ferdy Budhidharma](https://github.com/ferdaber), [Johann Rakotoharisoa](https://github.com/jrakotoharisoa), [Olivier Pascal](https://github.com/pascaloliv), [Martin Hochel](https://github.com/hotell), [Frank Li](https://github.com/franklixuefei), [Jessica Franco](https://github.com/Jessidhia), [Saransh Kataria](https://github.com/saranshkataria), [Kanitkorn Sujautra](https://github.com/lukyth), [Sebastian Silbermann](https://github.com/eps1lon), [Kyle Scully](https://github.com/zieka), [Cong Zhang](https://github.com/dancerphil), [Dimitri Mitropoulos](https://github.com/dimitropoulos), [JongChan Choi](https://github.com/disjukr), [Victor Magalhães](https://github.com/vhfmag), [Dale Tan](https://github.com/hellatan), [Priyanshu Rav](https://github.com/priyanshurav), [Dmitry Semigradsky](https://github.com/Semigradsky), and [Matt Pocock](https://github.com/mattpocock).
+These definitions were written by [Asana](https://asana.com), [AssureSign](http://www.assuresign.com), [Microsoft](https://microsoft.com), [John Reilly](https://github.com/johnnyreilly), [Benoit Benezech](https://github.com/bbenezech), [Patricio Zavolinsky](https://github.com/pzavolinsky), [Eric Anderson](https://github.com/ericanderson), [Dovydas Navickas](https://github.com/DovydasNavickas), [Josh Rutherford](https://github.com/theruther4d), [Guilherme Hübner](https://github.com/guilhermehubner), [Ferdy Budhidharma](https://github.com/ferdaber), [Johann Rakotoharisoa](https://github.com/jrakotoharisoa), [Olivier Pascal](https://github.com/pascaloliv), [Martin Hochel](https://github.com/hotell), [Frank Li](https://github.com/franklixuefei), [Jessica Franco](https://github.com/Jessidhia), [Saransh Kataria](https://github.com/saranshkataria), [Kanitkorn Sujautra](https://github.com/lukyth), [Sebastian Silbermann](https://github.com/eps1lon), [Kyle Scully](https://github.com/zieka), [Cong Zhang](https://github.com/dancerphil), [Dimitri Mitropoulos](https://github.com/dimitropoulos), [JongChan Choi](https://github.com/disjukr), [Victor Magalhães](https://github.com/vhfmag), [Priyanshu Rav](https://github.com/priyanshurav), [Dmitry Semigradsky](https://github.com/Semigradsky), and [Matt Pocock](https://github.com/mattpocock).