forstok-ui-lib 8.3.3 → 8.3.5

package/dist/index.mjs

@@ -2608,6 +2608,11 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     grid-auto-flow: column;
     grid-template-columns: 100px auto;
   }
+  &[data-disabled="true"]{
+    color: rgb(169, 169, 169);
+    opacity: 0.7;
+    pointer-events: none;
+  }
   ${({$mode:e})=>!e&&n`
     padding: 8px .5em;
     &:first-child {
@@ -2617,21 +2622,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       padding-bottom: 4px;
     }
   `}
-  ${({$mode:e})=>"categories"===e&&n`
-    grid-auto-flow: column;
-    grid-template-columns: 22px auto;
-    min-height: 33px;
-    align-items: center;
-    grid-gap: 0;
-    > label {
-      cursor: pointer;
-      text-transform: capitalize;
-    }
-    @media only screen and (min-width: 768px) {
-      grid-template-columns: 22px auto;
-    }
-  `}
-  ${({$mode:e})=>"common"===e&&n`
+  ${({$mode:e})=>e&&n`
     margin-bottom: 4px;
     color: var(--pri-clr);
     line-height: 20px;
@@ -2657,8 +2648,19 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       white-space: nowrap;
       display: block;
     }
+    ${"categories"===e&&n`        
+      padding: 0 !important;
+      > label {
+        &:last-child {
+          padding: .5rem 1.5rem .5rem .75rem;
+        } 
+      }
+    `}    
+  `}
+  ${({$mode:e})=>"categories"===e&&n`
+    
   `}
-  ${({$mode:e,$isReply:t})=>"common"===e&&t&&n`
+  ${({$mode:e,$isReply:t})=>e&&t&&n`
     padding-right: 1.825rem !important;
     ._refReplyIcon {
       right: 12px;
@@ -2666,7 +2668,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       transform: translateY(-50%);
     }
   `}
-  ${({$mode:e,$isActive:t})=>"common"===e&&t&&n`
+  ${({$mode:e,$isActive:t})=>e&&t&&n`
     background-color: var(--nav-clr-bg__hvr);
     padding-right: 1.75em;
     &, > label, > span {
@@ -2681,6 +2683,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       bottom: 0;
       width: 12px;
       height: 20px;
+      z-index: -1;
     }
     ._refReplyIcon {
       right: 22px;