npm - @shuriken-ui/tailwind - Versions diffs - 4.0.0-alpha.5 → 4.0.0-alpha.7 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (60) hide show

package/README.md +55 -0
package/lib/css/focus.css +2 -9
package/lib/css/mark.css +0 -2
package/lib/css/mask.css +0 -2
package/lib/css/slimscroll.css +8 -5
package/lib/index.css +8 -52
package/lib/theme.css +40 -31
package/package.json +2 -2
package/lib/css/accordion.css +0 -175
package/lib/css/autocomplete.css +0 -510
package/lib/css/avatar-group.css +0 -137
package/lib/css/avatar.css +0 -737
package/lib/css/breadcrumb.css +0 -62
package/lib/css/button-action.css +0 -107
package/lib/css/button-close.css +0 -116
package/lib/css/button-group.css +0 -235
package/lib/css/button-icon.css +0 -96
package/lib/css/button.css +0 -564
package/lib/css/card.css +0 -68
package/lib/css/checkbox.css +0 -98
package/lib/css/dropdown-divider.css +0 -5
package/lib/css/dropdown-item.css +0 -61
package/lib/css/dropdown.css +0 -101
package/lib/css/fullscreen-dropfile.css +0 -62
package/lib/css/heading.css +0 -77
package/lib/css/icon-box.css +0 -304
package/lib/css/input-file-regular.css +0 -254
package/lib/css/input-file.css +0 -223
package/lib/css/input-help-text.css +0 -6
package/lib/css/input-number.css +0 -468
package/lib/css/input.css +0 -402
package/lib/css/kbd.css +0 -93
package/lib/css/label.css +0 -5
package/lib/css/link.css +0 -7
package/lib/css/list.css +0 -23
package/lib/css/listbox.css +0 -510
package/lib/css/message-text.css +0 -71
package/lib/css/message.css +0 -243
package/lib/css/modal.css +0 -50
package/lib/css/pagination.css +0 -92
package/lib/css/paragraph.css +0 -77
package/lib/css/placeholder-page.css +0 -43
package/lib/css/placeload.css +0 -11
package/lib/css/progress-circle.css +0 -17
package/lib/css/progress.css +0 -105
package/lib/css/prose.css +0 -22
package/lib/css/radio.css +0 -72
package/lib/css/select.css +0 -403
package/lib/css/snack.css +0 -100
package/lib/css/switch-ball.css +0 -93
package/lib/css/switch-thin.css +0 -75
package/lib/css/tab-slider.css +0 -189
package/lib/css/tabs.css +0 -173
package/lib/css/tag.css +0 -311
package/lib/css/text.css +0 -77
package/lib/css/textarea.css +0 -227
package/lib/css/theme-switch.css +0 -64
package/lib/css/theme-toggle.css +0 -61
package/lib/css/toast.css +0 -131
package/lib/css/tooltip.css +0 -98

package/lib/css/avatar.css DELETED Viewed

@@ -1,737 +0,0 @@
-/* @utility nui-avatar */
-@utility nui-avatar {
-  @apply relative inline-flex shrink-0 items-center justify-center outline-none;
-  &.nui-avatar-mask:not(.nui-avatar-rounded):not(.nui-avatar-rounded-md):not(.nui-avatar-rounded-lg):not(.nui-avatar-rounded-full) {
-    @apply nui-mask;
-  }
-}
-@utility nui-avatar-inner {
-  @apply flex items-center justify-center overflow-hidden text-center;
-  @apply h-full w-full;
-  @apply transition-all duration-300;
-}
-@utility nui-avatar-badge {
-  @apply absolute z-10 block overflow-hidden rounded-full;
-  @apply bg-white dark:bg-muted-800;
-  .nui-badge-img {
-    @apply relative scale-90 object-cover;
-    @apply h-full w-full rounded-full;
-  }
-}
-@utility nui-avatar-img {
-  @apply object-cover;
-  @apply h-full max-h-full w-full max-w-full;
-  @apply shadow-xs;
-}
-@utility nui-avatar-text {
-  @apply font-sans font-medium text-center uppercase;
-}
-@utility nui-avatar-dot {
-  @apply absolute block;
-  @apply border border-white dark:border-muted-800 rounded-full;
-  &.nui-avatar-dot-primary {
-    @apply bg-primary-500;
-  }
-  &.nui-avatar-dot-info {
-    @apply bg-info-500;
-  }
-  &.nui-avatar-dot-success {
-    @apply bg-success-500;
-  }
-  &.nui-avatar-dot-warning {
-    @apply bg-warning-500;
-  }
-  &.nui-avatar-dot-danger {
-    @apply bg-danger-500;
-  }
-  &.nui-avatar-dot-yellow {
-    @apply bg-yellow-400;
-  }
-  &.nui-avatar-dot-pink {
-    @apply bg-pink-500;
-  }
-  &.nui-avatar-dot-indigo {
-    @apply bg-indigo-500;
-  }
-}
-@utility nui-avatar-ring {
-  &.nui-avatar-rounded-full {
-    @apply ring-2;
-    @apply ring-offset-2 ring-offset-white dark:ring-offset-muted-800;
-  }
-  &.nui-avatar-ring-primary {
-    @apply bg-primary-500;
-  }
-  &.nui-avatar-ring-info {
-    @apply bg-info-500;
-  }
-  &.nui-avatar-ring-success {
-    @apply bg-success-500;
-  }
-  &.nui-avatar-ring-warning {
-    @apply bg-warning-500;
-  }
-  &.nui-avatar-ring-danger {
-    @apply bg-danger-500;
-  }
-  &.nui-avatar-ring-yellow {
-    @apply bg-yellow-400;
-  }
-  &.nui-avatar-ring-pink {
-    @apply bg-pink-500;
-  }
-  &.nui-avatar-ring-indigo {
-    @apply bg-indigo-500;
-  }
-}
-@utility nui-avatar-xxs {
-  @apply h-6 w-6;
-  .nui-avatar-badge {
-    @apply h-3 w-3 -bottom-1 -end-1;
-  }
-  .nui-avatar-dot {
-    @apply h-1.5 w-1.5;
-  }
-  .nui-avatar-text {
-    @apply text-xs;
-  }
-  &.nui-avatar-rounded-none {
-    @apply rounded-none;
-    .nui-avatar-inner {
-      @apply rounded-none;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-sm {
-    @apply rounded-xs;
-    .nui-avatar-inner {
-      @apply rounded-xs;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-md {
-    @apply rounded-sm;
-    .nui-avatar-inner {
-      @apply rounded-sm;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-lg {
-    @apply rounded-md;
-    .nui-avatar-inner {
-      @apply rounded-md;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-full {
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-}
-@utility nui-avatar-xs {
-  @apply h-8 w-8;
-  .nui-avatar-badge {
-    @apply h-4 w-4 -bottom-1 -end-1;
-  }
-  .nui-avatar-dot {
-    @apply h-2 w-2;
-  }
-  .nui-avatar-text {
-    @apply text-sm;
-  }
-  &.nui-avatar-rounded-none {
-    @apply rounded-none;
-    .nui-avatar-inner {
-      @apply rounded-none;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-sm {
-    @apply rounded-xs;
-    .nui-avatar-inner {
-      @apply rounded-xs;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-md {
-    @apply rounded-sm;
-    .nui-avatar-inner {
-      @apply rounded-sm;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-lg {
-    @apply rounded-lg;
-    .nui-avatar-inner {
-      @apply rounded-lg;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-full {
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-}
-@utility nui-avatar-sm {
-  @apply h-10 w-10;
-  .nui-avatar-badge {
-    @apply h-5 w-5 -bottom-1 -end-1;
-  }
-  .nui-avatar-dot {
-    @apply h-2 w-2;
-  }
-  .nui-avatar-text {
-    @apply text-sm;
-  }
-  &.nui-avatar-rounded-none {
-    @apply rounded-none;
-    .nui-avatar-inner {
-      @apply rounded-none;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-sm {
-    @apply rounded-md;
-    .nui-avatar-inner {
-      @apply rounded-md;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-md {
-    @apply rounded-lg;
-    .nui-avatar-inner {
-      @apply rounded-lg;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-lg {
-    @apply rounded-xl;
-    .nui-avatar-inner {
-      @apply rounded-xl;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-full {
-    .nui-avatar-dot {
-      @apply end-0.5 top-0.5;
-    }
-  }
-}
-@utility nui-avatar-md {
-  @apply h-12 w-12;
-  .nui-avatar-badge {
-    @apply h-5 w-5 -bottom-1 -end-1;
-  }
-  .nui-avatar-dot {
-    @apply h-3 w-3;
-  }
-  .nui-avatar-text {
-    @apply text-sm;
-  }
-  &.nui-avatar-rounded-none {
-    @apply rounded-none;
-    .nui-avatar-inner {
-      @apply rounded-none;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-sm {
-    @apply rounded-lg;
-    .nui-avatar-inner {
-      @apply rounded-lg;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-md {
-    @apply rounded-xl;
-    .nui-avatar-inner {
-      @apply rounded-xl;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-lg {
-    @apply rounded-2xl;
-    .nui-avatar-inner {
-      @apply rounded-2xl;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-full {
-    .nui-avatar-dot {
-      @apply end-0.5 top-0.5;
-    }
-  }
-}
-@utility nui-avatar-lg {
-  @apply h-16 w-16;
-  .nui-avatar-badge {
-    @apply h-6 w-6 -bottom-1 -end-1;
-  }
-  .nui-avatar-dot {
-    @apply h-3 w-3;
-  }
-  .nui-avatar-text {
-    @apply text-sm;
-  }
-  &.nui-avatar-rounded-none {
-    @apply rounded-none;
-    .nui-avatar-inner {
-      @apply rounded-none;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-sm {
-    @apply rounded-lg;
-    .nui-avatar-inner {
-      @apply rounded-lg;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-md {
-    @apply rounded-xl;
-    .nui-avatar-inner {
-      @apply rounded-xl;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-lg {
-    @apply rounded-2xl;
-    .nui-avatar-inner {
-      @apply rounded-2xl;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-full {
-    .nui-avatar-dot {
-      @apply end-1 top-1;
-    }
-  }
-}
-@utility nui-avatar-xl {
-  @apply h-20 w-20;
-  .nui-avatar-badge {
-    @apply h-8 w-8 -bottom-1 -end-1;
-  }
-  .nui-avatar-dot {
-    @apply h-4 w-4;
-  }
-  .nui-avatar-text {
-    @apply text-base;
-  }
-  &.nui-avatar-rounded-none {
-    @apply rounded-none;
-    .nui-avatar-inner {
-      @apply rounded-none;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-sm {
-    @apply rounded-xl;
-    .nui-avatar-inner {
-      @apply rounded-xl;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-md {
-    @apply rounded-2xl;
-    .nui-avatar-inner {
-      @apply rounded-2xl;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-lg {
-    @apply rounded-3xl;
-    .nui-avatar-inner {
-      @apply rounded-3xl;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-full {
-    .nui-avatar-dot {
-      @apply end-1 top-1;
-    }
-  }
-}
-@utility nui-avatar-2xl {
-  @apply h-24 w-24;
-  .nui-avatar-badge {
-    @apply h-10 w-10 -bottom-1.5 -end-1.5;
-  }
-  .nui-avatar-dot {
-    @apply h-4 w-4;
-  }
-  .nui-avatar-text {
-    @apply text-xl;
-  }
-  &.nui-avatar-rounded-none {
-    @apply rounded-none;
-    .nui-avatar-inner {
-      @apply rounded-none;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-sm {
-    @apply rounded-xl;
-    .nui-avatar-inner {
-      @apply rounded-xl;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-md {
-    @apply rounded-2xl;
-    .nui-avatar-inner {
-      @apply rounded-2xl;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-lg {
-    @apply rounded-3xl;
-    .nui-avatar-inner {
-      @apply rounded-3xl;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-full {
-    .nui-avatar-dot {
-      @apply end-1.5 top-1.5;
-    }
-  }
-}
-@utility nui-avatar-3xl {
-  @apply h-28 w-28;
-  .nui-avatar-badge {
-    @apply h-10 w-10 -bottom-1.5 -end-1.5;
-  }
-  .nui-avatar-dot {
-    @apply h-4 w-4;
-  }
-  .nui-avatar-text {
-    @apply text-2xl;
-  }
-  &.nui-avatar-rounded-none {
-    @apply rounded-none;
-    .nui-avatar-inner {
-      @apply rounded-none;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-sm {
-    @apply rounded-xl;
-    .nui-avatar-inner {
-      @apply rounded-xl;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-md {
-    @apply rounded-2xl;
-    .nui-avatar-inner {
-      @apply rounded-2xl;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-lg {
-    @apply rounded-3xl;
-    .nui-avatar-inner {
-      @apply rounded-3xl;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-full {
-    .nui-avatar-dot {
-      @apply end-2 top-2;
-    }
-  }
-}
-@utility nui-avatar-4xl {
-  @apply h-32 w-32;
-  .nui-avatar-badge {
-    @apply h-12 w-12 -bottom-2 -end-2;
-  }
-  .nui-avatar-dot {
-    @apply h-4 w-4;
-  }
-  .nui-avatar-text {
-    @apply text-3xl;
-  }
-  &.nui-avatar-rounded-none {
-    @apply rounded-none;
-    .nui-avatar-inner {
-      @apply rounded-none;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-sm {
-    @apply rounded-xl;
-    .nui-avatar-inner {
-      @apply rounded-xl;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-md {
-    @apply rounded-2xl;
-    .nui-avatar-inner {
-      @apply rounded-2xl;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-lg {
-    @apply rounded-3xl;
-    .nui-avatar-inner {
-      @apply rounded-3xl;
-    }
-    .nui-avatar-dot {
-      @apply end-0 top-0;
-    }
-  }
-  &.nui-avatar-rounded-full {
-    .nui-avatar-dot {
-      @apply end-2.5 top-2.5;
-    }
-  }
-}
-@utility nui-avatar-rounded-full {
-  @apply rounded-full;
-  .nui-avatar-inner {
-    @apply rounded-full;
-  }
-  .nui-avatar-badge {
-    @apply -bottom-0 -end-0;
-  }
-}