@nurix/ui-component-library 1.1.3-stage.78 → 1.1.3-stage.80

package/dist/styles.css

@@ -7,6 +7,7 @@
       "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
+    --color-black: #000;
     --spacing: 0.25rem;
     --container-sm: 24rem;
     --text-xs: 0.75rem;
@@ -279,6 +280,9 @@
   .lego-land .w-5 {
     width: calc(var(--spacing) * 5);
   }
+  .lego-land .w-9 {
+    width: calc(var(--spacing) * 9);
+  }
   .lego-land .w-10 {
     width: calc(var(--spacing) * 10);
   }
@@ -360,8 +364,8 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
-  .lego-land .border-input {
-    border-color: hsl(var(--input));
+  .lego-land .border-border {
+    border-color: hsl(var(--border));
   }
   .lego-land .border-ring {
     border-color: hsl(var(--ring));
@@ -372,9 +376,6 @@
   .lego-land .bg-\[var\(--neutral-200\)\] {
     background-color: var(--neutral-200);
   }
-  .lego-land .bg-background {
-    background-color: hsl(var(--background));
-  }
   .lego-land .bg-card {
     background-color: hsl(var(--card));
   }
@@ -463,9 +464,6 @@
   .lego-land .text-secondary-foreground {
     color: hsl(var(--secondary-foreground));
   }
-  .lego-land .underline-offset-4 {
-    text-underline-offset: 4px;
-  }
   .lego-land .opacity-50 {
     opacity: 50%;
   }
@@ -518,59 +516,88 @@
       color: hsl(var(--muted-foreground));
     }
   }
-  .lego-land .focus-within\:border-ring {
-    .lego-land &:focus-within {
-      border-color: hsl(var(--ring));
+  .lego-land .after\:pointer-events-none {
+    .lego-land &::after {
+      content: var(--tw-content);
+      pointer-events: none;
     }
   }
-  .lego-land .hover\:bg-accent {
-    .lego-land &:hover {
-      @media (hover: hover) {
-        background-color: hsl(var(--accent));
-      }
+  .lego-land .after\:absolute {
+    .lego-land &::after {
+      content: var(--tw-content);
+      position: absolute;
     }
   }
-  .lego-land .hover\:bg-destructive\/90 {
-    .lego-land &:hover {
-      @media (hover: hover) {
-        background-color: hsl(var(--destructive));
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, hsl(var(--destructive)) 90%, transparent);
-        }
-      }
+  .lego-land .after\:inset-0 {
+    .lego-land &::after {
+      content: var(--tw-content);
+      inset: calc(var(--spacing) * 0);
     }
   }
-  .lego-land .hover\:bg-primary\/90 {
-    .lego-land &:hover {
-      @media (hover: hover) {
-        background-color: hsl(var(--primary));
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, hsl(var(--primary)) 90%, transparent);
-        }
+  .lego-land .after\:rounded-\[inherit\] {
+    .lego-land &::after {
+      content: var(--tw-content);
+      border-radius: inherit;
+    }
+  }
+  .lego-land .after\:bg-black\/10 {
+    .lego-land &::after {
+      content: var(--tw-content);
+      background-color: color-mix(in srgb, #000 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
       }
     }
   }
-  .lego-land .hover\:bg-secondary\/80 {
+  .lego-land .after\:opacity-0 {
+    .lego-land &::after {
+      content: var(--tw-content);
+      opacity: 0%;
+    }
+  }
+  .lego-land .after\:transition-opacity {
+    .lego-land &::after {
+      content: var(--tw-content);
+      transition-property: opacity;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
+  .lego-land .after\:content-\[\'\'\] {
+    .lego-land &::after {
+      --tw-content: '';
+      content: var(--tw-content);
+    }
+  }
+  .lego-land .focus-within\:border-ring {
+    .lego-land &:focus-within {
+      border-color: hsl(var(--ring));
+    }
+  }
+  .lego-land .hover\:bg-foreground\/5 {
     .lego-land &:hover {
       @media (hover: hover) {
-        background-color: hsl(var(--secondary));
+        background-color: hsl(var(--foreground));
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, hsl(var(--secondary)) 80%, transparent);
+          background-color: color-mix(in oklab, hsl(var(--foreground)) 5%, transparent);
         }
       }
     }
   }
-  .lego-land .hover\:text-accent-foreground {
+  .lego-land .hover\:text-primary {
     .lego-land &:hover {
       @media (hover: hover) {
-        color: hsl(var(--accent-foreground));
+        color: hsl(var(--primary));
       }
     }
   }
-  .lego-land .hover\:underline {
+  .lego-land .hover\:after\:opacity-100 {
     .lego-land &:hover {
       @media (hover: hover) {
-        text-decoration-line: underline;
+        &::after {
+          content: var(--tw-content);
+          opacity: 100%;
+        }
       }
     }
   }
@@ -591,6 +618,11 @@
       --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     }
   }
+  .lego-land .focus-visible\:ring-offset-background {
+    .lego-land &:focus-visible {
+      --tw-ring-offset-color: hsl(var(--background));
+    }
+  }
   .lego-land .focus-visible\:outline-none {
     .lego-land &:focus-visible {
       --tw-outline-style: none;
@@ -607,6 +639,36 @@
       cursor: not-allowed;
     }
   }
+  .lego-land .disabled\:border-\[\#b2b2b2\] {
+    .lego-land &:disabled {
+      border-color: #b2b2b2;
+    }
+  }
+  .lego-land .disabled\:bg-muted-foreground {
+    .lego-land &:disabled {
+      background-color: hsl(var(--muted-foreground));
+    }
+  }
+  .lego-land .disabled\:text-\[\#b2b2b2\] {
+    .lego-land &:disabled {
+      color: #b2b2b2;
+    }
+  }
+  .lego-land .disabled\:text-background {
+    .lego-land &:disabled {
+      color: hsl(var(--background));
+    }
+  }
+  .lego-land .disabled\:text-muted-foreground {
+    .lego-land &:disabled {
+      color: hsl(var(--muted-foreground));
+    }
+  }
+  .lego-land .disabled\:text-secondary {
+    .lego-land &:disabled {
+      color: hsl(var(--secondary));
+    }
+  }
   .lego-land .disabled\:opacity-50 {
     .lego-land &:disabled {
       opacity: 50%;
@@ -617,6 +679,16 @@
       opacity: 100%;
     }
   }
+  .lego-land .\[\&\>svg\]\:h-4 {
+    .lego-land &>svg {
+      height: calc(var(--spacing) * 4);
+    }
+  }
+  .lego-land .\[\&\>svg\]\:w-4 {
+    .lego-land &>svg {
+      width: calc(var(--spacing) * 4);
+    }
+  }
 }
 .lego-land {
   --background: 0 0% 100%;
@@ -747,6 +819,11 @@
   inherits: false;
   initial-value: solid;
 }
+@property --tw-content {
+  syntax: "*";
+  initial-value: "";
+  inherits: false;
+}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     .lego-land *, .lego-land ::before, .lego-land ::after, .lego-land ::backdrop {
@@ -772,6 +849,7 @@
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
       --tw-outline-style: solid;
+      --tw-content: "";
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nurix/ui-component-library",
-  "version": "1.1.3-stage.78",
+  "version": "1.1.3-stage.80",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",