@shuriken-ui/tailwind 4.0.0-alpha.6 → 4.0.0-alpha.7

package/lib/css/input-file-regular.css

@@ -1,254 +0,0 @@
-/* @utility nui-input-file-regular */
-
-@utility nui-input-file-regular {
-  @apply relative w-full;
-
-  &.nui-input-file-regular-sm:not(.nui-input-file-regular-has-icon) {
-    @apply text-xs leading-4;
-
-    .nui-input-file-regular-inner {
-      @apply h-8 py-2 gap-1;
-    }
-
-    .nui-input-file-regular-addon {
-      @apply h-8 px-2;
-    }
-
-    .nui-input-file-regular-placeload-wrapper {
-      @apply top-2.5;
-    }
-  }
-
-  &.nui-input-file-regular-md:not(.nui-input-file-regular-has-icon) {
-    @apply text-[0.825rem] leading-5;
-
-    .nui-input-file-regular-inner {
-      @apply h-10 gap-2;
-    }
-
-    .nui-input-file-regular-addon {
-      @apply h-10 px-3;
-    }
-
-    .nui-input-file-regular-placeload-wrapper {
-      @apply top-3.5;
-    }
-  }
-
-  &.nui-input-file-regular-lg:not(.nui-input-file-regular-has-icon) {
-    @apply text-sm leading-5;
-
-    .nui-input-file-regular-inner {
-      @apply h-12 gap-2;
-    }
-
-    .nui-input-file-regular-addon {
-      @apply h-12 px-4;
-    }
-
-    .nui-input-file-regular-placeload-wrapper {
-      @apply top-[1.2rem];
-    }
-  }
-
-  &.nui-input-file-regular-xl:not(.nui-input-file-regular-has-icon) {
-    @apply text-sm leading-5;
-
-    .nui-input-file-regular-inner {
-      @apply h-14 gap-2;
-    }
-
-    .nui-input-file-regular-addon {
-      @apply h-14 px-5;
-    }
-
-    .nui-input-file-regular-placeload-wrapper {
-      @apply top-[1.4rem];
-    }
-  }
-
-  &:hover {
-    .nui-input-file-regular-addon {
-      @apply text-primary-500 dark:text-primary-500;
-    }
-  }
-
-  &:disabled {
-    .nui-input-file-regular-addon {
-      @apply cursor-not-allowed opacity-75;
-    }
-  }
-
-  &:focus-within {
-    .nui-input-file-regular-addon {
-      @apply text-primary-500 dark:text-primary-500;
-    }
-  }
-}
-@utility nui-input-file-regular-label {
-  @apply nui-label w-full;
-}
-@utility nui-input-file-regular-outer {
-  @apply relative;
-}
-@utility nui-input-file-regular-inner {
-  @apply relative nui-focus w-full flex cursor-pointer items-center overflow-hidden disabled:cursor-not-allowed disabled:opacity-75;
-  @apply font-sans;
-  @apply transition-colors duration-300;
-}
-@utility nui-input-file-regular-addon {
-  @apply pointer-events-none flex shrink-0 items-center justify-center gap-1 transition-colors duration-100;
-}
-@utility nui-input-file-regular-placeholder {
-  @apply font-sans text-xs;
-  @apply text-muted-400 dark:text-muted-400;
-}
-@utility nui-input-file-regular-text {
-  @apply ms-2 inline-flex truncate text-muted-400 dark:text-muted-400;
-}
-@utility nui-input-file-regular-placeload-wrapper {
-  @apply absolute start-2 flex w-[70%] items-center;
-
-  .nui-input-file-regular-placeload {
-    @apply h-3 w-full max-w-[75%] rounded;
-  }
-}
-@utility nui-input-file-regular-default {
-  .nui-input-file-regular-inner {
-    @apply text-muted-600 dark:text-muted-200;
-    @apply bg-white dark:bg-muted-800;
-    @apply border border-muted-300 dark:border-muted-700;
-    @apply placeholder:text-muted-300 dark:placeholder:text-muted-500;
-  }
-
-  .nui-input-file-regular-addon {
-    @apply bg-muted-50 dark:bg-muted-800;
-    @apply text-muted-400 dark:text-muted-400;
-    @apply border-e border-muted-300 dark:border-muted-700;
-  }
-}
-@utility nui-input-file-regular-default-contrast {
-  .nui-input-file-regular-inner {
-    @apply text-muted-600 dark:text-muted-200;
-    @apply bg-white dark:bg-muted-950;
-    @apply border border-muted-300 dark:border-muted-800;
-    @apply placeholder:text-muted-300 dark:placeholder:text-muted-600;
-  }
-
-  .nui-input-file-regular-addon {
-    @apply bg-muted-50 dark:bg-muted-950;
-    @apply text-muted-400 dark:text-muted-400;
-    @apply border-e border border-muted-300 dark:border-muted-800;
-  }
-}
-@utility nui-input-file-regular-color-focus {
-  .nui-input-file-regular-inner:focus {
-    @apply !border-primary-500 dark:!border-primary-500;
-  }
-}
-@utility nui-input-file-regular-loading {
-  .nui-input-file-regular-inner {
-    @apply text-transparent placeholder:text-transparent;
-  }
-}
-@utility nui-input-file-regular-error {
-  .nui-input-file-regular-inner {
-    @apply border-danger-500 dark:border-danger-500;
-  }
-}
-@utility nui-input-file-regular-rounded-sm {
-  .nui-input-file-regular-inner {
-    @apply rounded-md;
-  }
-}
-@utility nui-input-file-regular-rounded-md {
-  .nui-input-file-regular-inner {
-    @apply rounded-lg;
-  }
-}
-@utility nui-input-file-regular-rounded-lg {
-  .nui-input-file-regular-inner {
-    @apply rounded-xl;
-  }
-}
-@utility nui-input-file-regular-rounded-full {
-  .nui-input-file-regular-inner {
-    @apply rounded-full;
-  }
-}
-@utility nui-input-file-regular-sm {
-  @apply text-xs leading-4;
-
-  .nui-input-file-regular-inner {
-    @apply h-8 py-2 pe-3;
-  }
-
-  .nui-input-file-regular-addon {
-    @apply h-8 px-2;
-  }
-
-  .nui-input-file-regular-icon {
-    @apply w-3 h-3;
-  }
-
-  .nui-input-file-regular-placeload-wrapper {
-    @apply top-2.5;
-  }
-}
-@utility nui-input-file-regular-md {
-  @apply text-[0.825rem] leading-5;
-
-  .nui-input-file-regular-inner {
-    @apply h-10 pe-4;
-  }
-
-  .nui-input-file-regular-addon {
-    @apply h-10 px-3;
-  }
-
-  .nui-input-file-regular-icon {
-    @apply w-4 h-4;
-  }
-
-  .nui-input-file-regular-placeload-wrapper {
-    @apply top-3.5;
-  }
-}
-@utility nui-input-file-regular-lg {
-  @apply text-sm leading-5;
-
-  .nui-input-file-regular-inner {
-    @apply h-12 pe-4;
-  }
-
-  .nui-input-file-regular-addon {
-    @apply h-12 px-4;
-  }
-
-  .nui-input-file-regular-icon {
-    @apply w-5 h-5;
-  }
-
-  .nui-input-file-regular-placeload-wrapper {
-    @apply top-[1.2rem];
-  }
-}
-@utility nui-input-file-regular-xl {
-  @apply text-sm leading-5;
-
-  .nui-input-file-regular-inner {
-    @apply h-14 pe-4;
-  }
-
-  .nui-input-file-regular-addon {
-    @apply h-14 px-5;
-  }
-
-  .nui-input-file-regular-icon {
-    @apply w-6 h-6;
-  }
-
-  .nui-input-file-regular-placeload-wrapper {
-    @apply top-[1.4rem];
-  }
-}

package/lib/css/input-file.css

@@ -1,223 +0,0 @@
-/* @utility nui-input-file */
-
-@utility nui-input-file {
-  @apply relative block nui-focus;
-}
-@utility nui-input-file-drop {
-  @apply relative h-64 flex justify-center items-center;
-  @apply bg-white dark:bg-muted-700;
-  @apply border-2 border-dashed border-muted-200 dark:border-muted-200;
-  @apply hover:border-muted-400 dark:hover:border-muted-400;
-  @apply transition-colors duration-300;
-
-  .nui-drop-area-inner {
-    @apply absolute z-10;
-  }
-
-  .nui-drop-zone {
-    @apply flex flex-col items-center font-sans text-sm;
-  }
-
-  .nui-drop-zone-icon {
-    @apply w-10 h-10 mb-2;
-    @apply transition-colors duration-300;
-  }
-
-  .nui-drop-zone-text {
-    @apply block font-sans font-normal;
-  }
-
-  .nui-drop-zone-separator {
-    @apply block font-sans font-semibold leading-none py-1;
-  }
-
-  .nui-drop-zone-input {
-    @apply absolute top-0 left-0 h-full w-full opacity-0 file:cursor-pointer z-20;
-  }
-
-  &.nui-input-file-primary {
-    .nui-drop-zone-icon {
-      @apply text-muted-400 dark:text-muted-400;
-    }
-
-    .nui-drop-zone-text {
-      @apply text-muted-400 dark:text-muted-400;
-    }
-
-    .nui-drop-zone-separator {
-      @apply text-muted-400 dark:text-muted-400;
-    }
-
-    &:hover {
-      .nui-drop-zone-icon {
-        @apply text-primary-500 dark:text-primary-500;
-      }
-    }
-  }
-
-  &.nui-input-file-dark {
-    .nui-drop-zone-icon {
-      @apply text-muted-400 dark:text-muted-400;
-    }
-
-    .nui-drop-zone-text {
-      @apply text-muted-400 dark:text-muted-400;
-    }
-
-    .nui-drop-zone-separator {
-      @apply text-muted-400 dark:text-muted-400;
-    }
-
-    &:hover {
-      .nui-drop-zone-icon {
-        @apply text-muted-900 dark:text-muted-100;
-      }
-    }
-  }
-
-  &.nui-input-file-black {
-    .nui-drop-zone-icon {
-      @apply text-muted-400 dark:text-muted-400;
-    }
-
-    .nui-drop-zone-text {
-      @apply text-muted-400 dark:text-muted-400;
-    }
-
-    .nui-drop-zone-separator {
-      @apply text-muted-400 dark:text-muted-400;
-    }
-
-    &:hover {
-      .nui-drop-zone-icon {
-        @apply text-black dark:text-white;
-      }
-    }
-  }
-}
-@utility nui-input-file-button {
-  @apply w-64 max-w-full flex flex-col items-center px-4 py-8 tracking-wide cursor-pointer;
-  @apply bg-white dark:bg-muted-700;
-  @apply transition-colors duration-300;
-
-  .nui-upload-button-icon {
-    @apply w-8 h-8;
-  }
-
-  .nui-upload-button-label {
-    @apply block mt-2 leading-normal;
-    @apply font-sans text-sm;
-  }
-
-  &.nui-input-file-primary {
-    @apply text-muted-400 dark:text-muted-400;
-    @apply hover:text-primary-500 dark:hover:text-primary-500;
-    @apply border-2 border-muted-200 dark:border-muted-600;
-    @apply hover:border-primary-500 dark:hover:border-primary-500;
-  }
-
-  &.nui-input-file-dark {
-    @apply text-muted-400 dark:text-muted-400;
-    @apply hover:text-muted-900 dark:hover:text-muted-100;
-    @apply border-2 border-muted-200 dark:border-muted-600;
-    @apply hover:border-muted-900 dark:hover:border-muted-100;
-  }
-
-  &.nui-input-file-black {
-    @apply text-muted-400 dark:text-muted-400;
-    @apply hover:text-black dark:hover:text-white;
-    @apply border-2 border-muted-200 dark:border-muted-600;
-    @apply hover:border-black dark:hover:border-white;
-  }
-}
-@utility nui-input-file-combo {
-  @apply block font-sans p-1;
-  @apply bg-white dark:bg-muted-700;
-  @apply border border-muted-200 dark:border-muted-600;
-
-  .nui-combo-label-text {
-    @apply font-sans sr-only text-sm;
-  }
-
-  .nui-combo-input {
-    @apply outline-none block w-full file:me-4 file:py-2 file:px-4 file:border-0 file:cursor-pointer file:transition-colors file:duration-300;
-    @apply text-sm text-muted-500 dark:text-muted-400;
-    @apply file:text-sm;
-  }
-
-  &.nui-input-file-primary {
-    .nui-combo-input {
-      @apply file:bg-primary-500/10 dark:file:bg-primary-500/10;
-      @apply file:hover:bg-primary-500/20 dark:file:hover:bg-primary-500/20;
-      @apply file:text-primary-700 dark:file:text-primary-700;
-    }
-  }
-
-  &.nui-input-file-dark {
-    .nui-combo-input {
-      @apply file:bg-muted-900/10 dark:file:bg-muted-100/10;
-      @apply file:hover:bg-muted-900/20 dark:file:hover:bg-muted-100/20;
-      @apply file:text-muted-900 dark:file:text-muted-100;
-    }
-  }
-
-  &.nui-input-file-black {
-    .nui-combo-input {
-      @apply file:bg-black/10 dark:file:bg-white/10;
-      @apply file:hover:bg-black/20 dark:file:hover:bg-white/20;
-      @apply file:text-black dark:file:text-white;
-    }
-  }
-}
-@utility nui-input-file-rounded-sm {
-  &.nui-input-file-drop, &.nui-input-file-button {
-    @apply rounded-md;
-  }
-
-  &.nui-input-file-combo {
-    @apply rounded-md;
-  }
-
-  &.nui-input-file-combo .nui-combo-input {
-    @apply file:rounded-md;
-  }
-}
-@utility nui-input-file-rounded-md {
-  &.nui-input-file-drop, &.nui-input-file-button {
-    @apply rounded-lg;
-  }
-
-  &.nui-input-file-combo {
-    @apply rounded-lg;
-  }
-
-  &.nui-input-file-combo .nui-combo-input {
-    @apply file:rounded-lg;
-  }
-}
-@utility nui-input-file-rounded-lg {
-  &.nui-input-file-drop, &.nui-input-file-button {
-    @apply rounded-xl;
-  }
-
-  &.nui-input-file-combo {
-    @apply rounded-xl;
-  }
-
-  &.nui-input-file-combo .nui-combo-input {
-    @apply file:rounded-xl;
-  }
-}
-@utility nui-input-file-rounded-full {
-  &.nui-input-file-drop, &.nui-input-file-button {
-    @apply rounded-full;
-  }
-
-  &.nui-input-file-combo {
-    @apply rounded-full;
-  }
-
-  &.nui-input-file-combo .nui-combo-input {
-    @apply file:rounded-full;
-  }
-}

package/lib/css/input-help-text.css

@@ -1,6 +0,0 @@
-/* @utility nui-input-help-text */
-
-@utility nui-input-help-text {
-  @apply mt-1 block;
-  @apply font-sans text-[0.65rem] font-medium leading-none;
-}