frankenstyle 0.1.0-next.1 → 0.1.0-next.11

package/dist/css/frankenstyle-kit.css

@@ -1330,6 +1330,7 @@
   /* Disabled */
   .uk-disabled {
     pointer-events: none;
+    opacity: var(--uk-disabled-opacity, 0.5);
   }
 
   /* Transform Utilities */
@@ -1747,7 +1748,7 @@
     text-decoration-line: underline;
     text-underline-offset: 4px;
   }
-  .fr-avatar {
+  .uk-avatar {
     --uk-avatar-bg: var(--uk-bg);
     --uk-avatar-size: 2.5rem;
     --uk-avatar-radius: var(--uk-global-radius);
@@ -1767,13 +1768,13 @@
     background-color: var(--uk-avatar-bg);
     border-radius: var(--uk-avatar-radius);
   }
-  .fr-avatar img {
+  .uk-avatar img {
     height: 100%;
     width: 100%;
     object-fit: cover;
     border-radius: var(--uk-global-radius-small);
   }
-  .fr-avatar-text {
+  .uk-avatar-text {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -1781,28 +1782,28 @@
     width: 100%;
     border-radius: var(--uk-global-radius-small);
   }
-  .fr-avatar-rounded {
+  .uk-avatar-rounded {
     border-radius: 9999px;
   }
-  .fr-avatar-rounded img,
-  .fr-avatar-rounded .fr-avatar-text {
+  .uk-avatar-rounded img,
+  .uk-avatar-rounded .uk-avatar-text {
     border-radius: 9999px;
   }
-  .fr-avatar-bordered {
+  .uk-avatar-bordered {
     border-width: 0.125rem;
     border-style: solid;
     border-color: var(--uk-avatar-border-computed);
     padding: 0.25rem;
   }
-  .fr-avatar-dot::after,
-  .fr-avatar-dot-top::after,
-  .fr-avatar-dot-top-right::after,
-  .fr-avatar-dot-right::after,
-  .fr-avatar-dot-bottom::after,
-  .fr-avatar-dot-bottom-right::after,
-  .fr-avatar-dot-bottom-left::after,
-  .fr-avatar-dot-left::after,
-  .fr-avatar-dot-top-left::after {
+  .uk-avatar-dot::after,
+  .uk-avatar-dot-top::after,
+  .uk-avatar-dot-top-right::after,
+  .uk-avatar-dot-right::after,
+  .uk-avatar-dot-bottom::after,
+  .uk-avatar-dot-bottom-right::after,
+  .uk-avatar-dot-bottom-left::after,
+  .uk-avatar-dot-left::after,
+  .uk-avatar-dot-top-left::after {
     content: '';
     position: absolute;
     height: var(--dot-size, 0.875rem);
@@ -1814,60 +1815,60 @@
     background-color: var(--dot-bg, var(--uk-primary));
     z-index: 10;
   }
-  .fr-avatar-dot::after,
-  .fr-avatar-dot-bottom-right::after {
+  .uk-avatar-dot::after,
+  .uk-avatar-dot-bottom-right::after {
     bottom: 0;
     right: 0;
     transform: translate(25%, 25%);
   }
-  .fr-avatar-dot-top::after {
+  .uk-avatar-dot-top::after {
     top: 0;
     left: 50%;
     transform: translate(-50%, -50%);
   }
-  .fr-avatar-dot-top-right::after {
+  .uk-avatar-dot-top-right::after {
     top: 0;
     right: 0;
     transform: translate(25%, -25%);
   }
-  .fr-avatar-dot-right::after {
+  .uk-avatar-dot-right::after {
     top: 50%;
     right: 0;
     transform: translate(50%, -50%);
   }
-  .fr-avatar-dot-bottom::after {
+  .uk-avatar-dot-bottom::after {
     bottom: 0;
     left: 50%;
     transform: translate(-50%, 50%);
   }
-  .fr-avatar-dot-bottom-left::after {
+  .uk-avatar-dot-bottom-left::after {
     bottom: 0;
     left: 0;
     transform: translate(-25%, 25%);
   }
-  .fr-avatar-dot-left::after {
+  .uk-avatar-dot-left::after {
     top: 50%;
     left: 0;
     transform: translate(-50%, -50%);
   }
-  .fr-avatar-dot-top-left::after {
+  .uk-avatar-dot-top-left::after {
     top: 0;
     left: 0;
     transform: translate(-25%, -25%);
   }
-  .fr-avatar-dot-danger::after {
+  .uk-avatar-dot-danger::after {
     --dot-bg: var(--uk-danger);
   }
-  .fr-avatar-dot-warning::after {
+  .uk-avatar-dot-warning::after {
     --dot-bg: var(--uk-warning);
   }
-  .fr-avatar-dot-success::after {
+  .uk-avatar-dot-success::after {
     --dot-bg: var(--uk-success);
   }
-  .fr-avatar-dot-info::after {
+  .uk-avatar-dot-info::after {
     --dot-bg: var(--uk-info);
   }
-  .fr-avatar-dot-muted::after {
+  .uk-avatar-dot-muted::after {
     --dot-bg: var(--uk-muted-f);
   }
   .uk-badge {
@@ -3100,53 +3101,8 @@
     background-color: var(--uk-dropdown-dropbar-bg-computed);
     box-shadow: var(--uk-dropdown-dropbar-shadow);
   }
-  .uk-dropdown-nav {
-    --uk-dropdown-nav-item-padding: 0.375rem 0.25rem;
-    --uk-dropdown-nav-item-margin: 0.25rem;
-    --uk-dropdown-nav-item-hover-bg: var(--uk-accent);
-    --uk-dropdown-nav-item-hover-bg-o: 100%;
-    --uk-dropdown-nav-item-hover-color: var(--uk-accent-f);
-    --uk-dropdown-nav-item-hover-color-o: 100%;
-    --uk-dropdown-nav-header-padding: 0.375rem 0.25rem;
-    --uk-dropdown-nav-header-margin: 0.25rem;
-    --uk-dropdown-nav-header-weight: 600;
-    --uk-dropdown-nav-divider-margin: 0;
-    --uk-dropdown-nav-divider-border-width: 1px;
-    --uk-dropdown-nav-divider-border-color: var(--uk-border);
-    --uk-dropdown-nav-divider-border-color-o: 10%;
-    --uk-dropdown-nav-item-hover-bg-computed: color-mix(
-      in srgb,
-      var(--uk-dropdown-nav-item-hover-bg)
-        var(--uk-dropdown-nav-item-hover-bg-o),
-      transparent
-    );
-    --uk-dropdown-nav-item-hover-color-computed: color-mix(
-      in srgb,
-      var(--uk-dropdown-nav-item-hover-color)
-        var(--uk-dropdown-nav-item-hover-color-o),
-      transparent
-    );
-    --uk-dropdown-nav-divider-border-color-computed: color-mix(
-      in srgb,
-      var(--uk-dropdown-nav-divider-border-color)
-        var(--uk-dropdown-nav-divider-border-color-o),
-      transparent
-    );
-    --uk-nav-item-padding: var(--uk-dropdown-nav-item-padding);
-    --uk-nav-item-margin: var(--uk-dropdown-nav-item-margin);
-    --uk-nav-item-hover-bg: var(--uk-dropdown-nav-item-hover-bg);
-    --uk-nav-item-hover-bg-o: var(--uk-dropdown-nav-item-hover-bg-o);
-    --uk-nav-item-hover-color: var(--uk-dropdown-nav-item-hover-color);
-    --uk-nav-item-hover-color-o: var(--uk-dropdown-nav-item-hover-color-o);
-    --uk-nav-header-padding: var(--uk-dropdown-nav-header-padding);
-    --uk-nav-header-margin: var(--uk-dropdown-nav-header-margin);
-    --uk-nav-header-font-weight: var(--uk-dropdown-nav-header-weight);
-    --uk-nav-divider-margin: var(--uk-dropdown-nav-divider-margin);
-    --uk-nav-divider-width: var(--uk-dropdown-nav-divider-border-width) 0 0 0;
-    --uk-nav-divider-style: solid;
-    --uk-nav-divider-color: var(--uk-dropdown-nav-divider-border-color);
-    --uk-nav-divider-color-o: var(--uk-dropdown-nav-divider-border-color-o);
-    user-select: none;
+  .uk-dropdown-nav > li[aria-selected='true'] > a {
+    font-weight: 500;
   }
   .uk-dropnav-dropbar {
     --uk-dropnav-z: 1020;
@@ -3647,6 +3603,108 @@
     border-radius: var(--uk-range-thumb-radius);
     background-color: var(--uk-range-thumb-bg-computed);
   }
+  .uk-label {
+    --uk-label-bg: var(--uk-bg);
+    --uk-label-bg-o: 100%;
+    --uk-label-color: var(--uk-bg-f);
+    --uk-label-color-o: 100%;
+    --uk-label-border: var(--uk-border);
+    --uk-label-border-o: 10%;
+    --uk-label-bg-computed: color-mix(
+      in srgb,
+      var(--uk-label-bg) var(--uk-label-bg-o, 100%),
+      transparent
+    );
+    --uk-label-color-computed: color-mix(
+      in srgb,
+      var(--uk-label-color) var(--uk-label-color-o, 100%),
+      transparent
+    );
+    --uk-label-border-computed: color-mix(
+      in srgb,
+      var(--uk-label-border) var(--uk-label-border-o),
+      transparent
+    );
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    padding: 0.125rem 0.625rem;
+    font-size: var(--uk-global-font-size-small);
+    line-height: var(--uk-global-line-height-small);
+    font-weight: 600;
+    border-radius: var(--uk-global-radius);
+    box-shadow: var(--uk-label-shadow, var(--uk-global-shadow));
+    border-width: 1px;
+    border-style: solid;
+    border-color: var(--uk-label-border-computed);
+    background-color: var(--uk-label-bg-computed);
+    color: var(--uk-label-color-computed);
+  }
+  .uk-label:hover {
+    transition-property: background-color;
+    transition-duration: 150ms;
+    transition-timing-function: ease-in-out;
+    opacity: 80%;
+  }
+  .uk-label-danger {
+    --uk-label-bg: var(--uk-danger);
+    --uk-label-bg-o: 100%;
+    --uk-label-color: white;
+    --uk-label-color-o: 100%;
+    --uk-label-border: var(--uk-danger);
+    --uk-label-border-o: 100%;
+  }
+  .uk-label-warning {
+    --uk-label-bg: var(--uk-warning);
+    --uk-label-bg-o: 100%;
+    --uk-label-color: white;
+    --uk-label-color-o: 100%;
+    --uk-label-border: var(--uk-warning);
+    --uk-label-border-o: 100%;
+  }
+  .uk-label-info {
+    --uk-label-bg: var(--uk-info);
+    --uk-label-bg-o: 100%;
+    --uk-label-color: white;
+    --uk-label-color-o: 100%;
+    --uk-label-border: var(--uk-info);
+    --uk-label-border-o: 100%;
+  }
+  .uk-label-success {
+    --uk-label-bg: var(--uk-success);
+    --uk-label-bg-o: 100%;
+    --uk-label-color: white;
+    --uk-label-color-o: 100%;
+    --uk-label-border: var(--uk-success);
+    --uk-label-border-o: 100%;
+  }
+  .uk-label-primary {
+    --uk-label-bg: var(--uk-primary, hsl(var(--primary)));
+    --uk-label-bg-o: 100%;
+    --uk-label-color: var(--uk-primary-f, hsl(var(--primary-foreground)));
+    --uk-label-color-o: 100%;
+    --uk-label-border: var(--uk-primary, hsl(var(--primary)));
+    --uk-label-border-o: 100%;
+  }
+  .uk-label-secondary {
+    --uk-label-bg: var(--uk-secondary, hsl(var(--secondary)));
+    --uk-label-bg-o: 100%;
+    --uk-label-color: var(--uk-secondary-f, hsl(var(--secondary-foreground)));
+    --uk-label-color-o: 100%;
+    --uk-label-border: var(--uk-secondary, hsl(var(--secondary)));
+    --uk-label-border-o: 100%;
+  }
+  .uk-label-destructive {
+    --uk-label-bg: var(--uk-destructive, hsl(var(--destructive)));
+    --uk-label-bg-o: 100%;
+    --uk-label-color: var(
+      --uk-destructive-f,
+      hsl(var(--destructive-foreground))
+    );
+    --uk-label-color-o: 100%;
+    --uk-label-border: var(--uk-destructive, hsl(var(--destructive)));
+    --uk-label-border-o: 100%;
+  }
   .uk-lightbox {
     --uk-lightbox-z-index: 1010;
     --uk-lightbox-transition: opacity 0.15s linear;
@@ -3989,9 +4047,14 @@
     --uk-nav-sub-item-padding: 0.25rem 0.5rem;
     --uk-nav-sub-item-margin: 0;
     --uk-nav-sub-border-w: 1px;
+    --uk-nav-item-color: var(--uk-muted-f);
+    --uk-nav-item-color-o: 100%;
+    --uk-nav-item-hover-color: var(--uk-bg-f);
+    --uk-nav-item-hover-color-o: 100%;
     --uk-nav-radius: var(--uk-global-radius);
   }
   .uk-nav-alt {
+    --uk-nav-item-color: var(--uk-bg-f);
     --uk-nav-item-padding: 0.5rem 1rem;
     --uk-nav-item-margin: 0.25rem;
     --uk-nav-sub-item-padding: 0.5rem 1rem;
@@ -4001,7 +4064,7 @@
   .uk-nav-default {
     --uk-nav-item-color: var(--uk-muted-f);
     --uk-nav-item-color-o: 100%;
-    --uk-nav-item-hover-color: var(--uk-muted-f);
+    --uk-nav-item-hover-color: var(--uk-bg-f);
     --uk-nav-item-hover-color-o: 100%;
   }
   .uk-nav-default > li.uk-active {
@@ -4028,9 +4091,11 @@
     --uk-nav-item-hover-color-o: 100%;
   }
   .uk-nav-header {
+    --uk-nav-header-margin: var(--uk-nav-item-margin);
+    --uk-nav-header-padding: var(--uk-nav-item-padding);
     font-weight: 600;
-    margin: var(--uk-nav-item-margin);
-    padding: var(--uk-nav-item-padding);
+    margin: var(--uk-nav-header-margin);
+    padding: var(--uk-nav-header-padding);
   }
   .uk-nav-divider {
     --uk-nav-divider-color: var(--uk-border);
@@ -4066,6 +4131,8 @@
     border-inline-start-color: var(--uk-nav-sub-border-computed);
   }
   .uk-nav-sub {
+    --uk-nav-item-color: var(--uk-muted-f);
+    --uk-nav-item-color-o: 100%;
     --uk-nav-sub-active-bg: var(--uk-primary);
     --uk-nav-sub-active-bg-o: 100%;
     --uk-nav-sub-active-bg-computed: color-mix(
@@ -4146,9 +4213,64 @@
     transition-timing-function: ease-in-out;
   }
   .uk-nav-sub a {
+    --uk-nav-sub-item-color-computed: color-mix(
+      in srgb,
+      var(--uk-nav-item-color, var(--uk-bg-f)) var(--uk-nav-item-color-o, 100%),
+      transparent
+    );
+    color: var(--uk-nav-sub-item-color-computed);
     padding: var(--uk-nav-sub-item-padding);
     margin: var(--uk-nav-sub-item-margin);
   }
+  .uk-dropdown-nav {
+    --uk-dropdown-nav-item-padding: 0.375rem 0.25rem;
+    --uk-dropdown-nav-item-margin: 0.25rem;
+    --uk-dropdown-nav-item-hover-bg: var(--uk-accent);
+    --uk-dropdown-nav-item-hover-bg-o: var(--uk-accent-o);
+    --uk-dropdown-nav-item-hover-color: var(--uk-accent-f);
+    --uk-dropdown-nav-item-hover-color-o: 100%;
+    --uk-dropdown-nav-header-padding: 0.375rem 0.25rem;
+    --uk-dropdown-nav-header-margin: 0.25rem;
+    --uk-dropdown-nav-header-weight: 600;
+    --uk-dropdown-nav-divider-margin: 0;
+    --uk-dropdown-nav-divider-border-width: 1px;
+    --uk-dropdown-nav-divider-border-color: var(--uk-border);
+    --uk-dropdown-nav-divider-border-color-o: 10%;
+    --uk-dropdown-nav-item-hover-bg-computed: color-mix(
+      in srgb,
+      var(--uk-dropdown-nav-item-hover-bg)
+        var(--uk-dropdown-nav-item-hover-bg-o),
+      transparent
+    );
+    --uk-dropdown-nav-item-hover-color-computed: color-mix(
+      in srgb,
+      var(--uk-dropdown-nav-item-hover-color)
+        var(--uk-dropdown-nav-item-hover-color-o),
+      transparent
+    );
+    --uk-dropdown-nav-divider-border-color-computed: color-mix(
+      in srgb,
+      var(--uk-dropdown-nav-divider-border-color)
+        var(--uk-dropdown-nav-divider-border-color-o),
+      transparent
+    );
+    --uk-nav-item-padding: var(--uk-dropdown-nav-item-padding);
+    --uk-nav-item-margin: var(--uk-dropdown-nav-item-margin);
+    --uk-nav-item-hover-bg: var(--uk-dropdown-nav-item-hover-bg);
+    --uk-nav-item-hover-bg-o: var(--uk-dropdown-nav-item-hover-bg-o);
+    --uk-nav-item-hover-color: var(--uk-dropdown-nav-item-hover-color);
+    --uk-nav-item-hover-color-o: var(--uk-dropdown-nav-item-hover-color-o);
+    --uk-nav-header-padding: var(--uk-dropdown-nav-header-padding);
+    --uk-nav-header-margin: var(--uk-dropdown-nav-header-margin);
+    --uk-nav-header-font-weight: var(--uk-dropdown-nav-header-weight);
+    --uk-nav-divider-margin: var(--uk-dropdown-nav-divider-margin);
+    --uk-nav-divider-width: var(--uk-dropdown-nav-divider-border-width) 0 0 0;
+    --uk-nav-divider-style: solid;
+    --uk-nav-divider-color: var(--uk-dropdown-nav-divider-border-color);
+    --uk-nav-divider-color-o: var(--uk-dropdown-nav-divider-border-color-o);
+    --uk-nav-radius: var(--uk-global-radius-small);
+    user-select: none;
+  }
   .uk-subnav {
     display: flex;
     align-items: center;
@@ -4931,7 +5053,7 @@
       transparent
     );
     padding: 0.2rem 0.3rem;
-    font-family: var(--font-mono);
+    font-family: var(--uk-global-font-family-mono);
     font-weight: 600;
   }
   .uk-kbd {
@@ -4947,7 +5069,7 @@
       var(--uk-muted) var(--uk-muted-o),
       transparent
     );
-    font-family: var(--font-mono);
+    font-family: var(--uk-global-font-family-mono);
     font-size: 0.8rem;
     font-weight: 500;
     color: var(--uk-muted-f);
@@ -5481,6 +5603,59 @@
     letter-spacing: var(--uk-cmd-item-key-tracking);
     color: var(--uk-muted-f);
   }
+  .uk-nav-cmd {
+    --uk-nav-item-padding: 0.375rem 0.5rem;
+  }
+  .uk-nav-cmd > li[aria-selected='true'] > a {
+    --uk-nav-item-bg: var(--uk-accent);
+    --uk-nav-item-bg-o: 4%;
+    --uk-nav-item-color: var(--uk-accent-f);
+    --uk-nav-item-color-o: 100%;
+  }
+  .uk-custom-select-search {
+    --uk-custom-select-search-padding: 0 0.75rem;
+    --uk-custom-select-search-icon-margin: 0.5rem;
+    --uk-custom-select-search-icon-opacity: 0.5;
+    --uk-custom-select-search-input-padding: 0.75rem 0;
+    display: flex;
+    align-items: center;
+    padding: var(--uk-custom-select-search-padding);
+  }
+  .uk-custom-select-search svg {
+    margin-inline-end: var(--uk-custom-select-search-icon-margin);
+    opacity: var(--uk-custom-select-search-icon-opacity);
+  }
+  .uk-custom-select-search input {
+    width: 100%;
+    padding: var(--uk-custom-select-search-input-padding);
+    background-color: transparent;
+    outline: none;
+  }
+  .uk-custom-select-search input::placeholder {
+    color: var(--uk-muted-f);
+  }
+  .uk-custom-select-list {
+    --uk-custom-select-list-max-height: 10rem;
+    max-height: var(--uk-custom-select-list-max-height);
+  }
+  .uk-custom-select-item-wrapper {
+    display: flex;
+    flex: 1;
+    align-items: center;
+  }
+  .uk-custom-select-item-icon {
+    --uk-custom-select-item-icon-margin: 0.5rem;
+    margin-inline-end: var(--uk-custom-select-item-icon-margin);
+    flex-shrink: 0;
+  }
+  .uk-custom-select-item-text {
+    flex: 1;
+  }
+  .uk-custom-select-item-check {
+    --uk-custom-select-item-check-margin: 0.5rem;
+    margin-inline-start: var(--uk-custom-select-item-check-margin);
+    flex-shrink: 0;
+  }
   [class*='uk-position-top'],
   [class*='uk-position-bottom'],
   [class*='uk-position-left'],