@askrjs/themes 0.0.3 → 0.0.4

package/templates/theme/styles/layout/dashboard-layout.css

@@ -1,16 +0,0 @@
-/* __THEME_NAME__ theme dashboard-layout styles (public data-* contract only) */
-[data-slot="container"] {
-  max-inline-size: var(--ak-layout-content-max-width);
-}
-
-[data-slot="grid"] {
-  gap: var(--ak-space-md);
-}
-
-[data-slot="grid"][data-columns="2"] {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
-[data-slot="grid"][data-columns="3"] {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-}

package/templates/theme/styles/layout/docs-layout.css

@@ -1,11 +0,0 @@
-/* __THEME_NAME__ theme docs-layout styles (public data-* contract only) */
-[data-slot="sidebar-layout"] > [data-slot="sidebar"] {
-  position: sticky;
-  inset-block-start: 0;
-  block-size: 100vh;
-  overflow: auto;
-}
-
-[data-slot="sidebar-layout"] > [data-slot="main"] {
-  max-inline-size: var(--ak-layout-content-max-width);
-}

package/templates/theme/styles/layout/sidebar.css

@@ -1,11 +0,0 @@
-/* __THEME_NAME__ theme sidebar styles (public data-* contract only) */
-[data-slot="sidebar-layout"] > [data-slot="sidebar"] {
-  inline-size: var(--ak-layout-sidebar-width);
-  max-inline-size: 100%;
-  background: var(--ak-color-surface);
-  border-inline-end: 1px solid var(--ak-color-border);
-}
-
-[data-slot="sidebar-layout"] > [data-slot="main"] {
-  min-inline-size: 0;
-}

package/templates/theme/styles/navigation/navigation-menu.css

@@ -1,90 +0,0 @@
-[data-slot="navigation-menu"] {
-  position: relative;
-}
-
-[data-slot="navigation-menu-list"] {
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-}
-
-[data-slot="navigation-menu-trigger"] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 2.25rem;
-  padding: 0 var(--ak-space-sm);
-  border: 1px solid var(--ak-color-border);
-  border-radius: var(--ak-radius-sm);
-  background: var(--ak-color-surface);
-  color: var(--ak-color-text);
-  cursor: pointer;
-  transition:
-    background var(--ak-duration-fast) var(--ak-ease-standard),
-    border-color var(--ak-duration-fast) var(--ak-ease-standard),
-    color var(--ak-duration-fast) var(--ak-ease-standard),
-    box-shadow var(--ak-duration-fast) var(--ak-ease-standard);
-}
-
-[data-slot="navigation-menu-trigger"][data-state="open"] {
-  border-color: var(--ak-color-primary);
-  background: var(--ak-color-primary-soft);
-  color: var(--ak-color-primary-ink);
-}
-
-[data-slot="navigation-menu-trigger"]:hover {
-  background: var(--ak-color-hover);
-  border-color: var(--ak-color-border-strong);
-}
-
-[data-slot="navigation-menu-content"] {
-  display: grid;
-  gap: 0.25rem;
-  min-width: 14rem;
-  max-block-size: min(20rem, calc(100vh - 4rem));
-  overflow-y: auto;
-  padding: var(--ak-space-sm);
-  border: 1px solid var(--ak-color-border);
-  border-radius: var(--ak-radius-md);
-  background: var(--ak-color-surface-raised);
-  color: var(--ak-color-text);
-  box-shadow: var(--ak-shadow-sm);
-}
-
-[data-slot="navigation-menu-link"],
-[data-slot="navigation-menu-sub-trigger"] {
-  display: flex;
-  align-items: center;
-  min-height: 2.25rem;
-  padding: 0 var(--ak-space-sm);
-  border-radius: var(--ak-radius-sm);
-  color: var(--ak-color-text);
-  text-decoration: none;
-  cursor: pointer;
-  transition:
-    background var(--ak-duration-fast) var(--ak-ease-standard),
-    color var(--ak-duration-fast) var(--ak-ease-standard);
-}
-
-[data-slot="navigation-menu-link"]:hover,
-[data-slot="navigation-menu-sub-trigger"]:hover {
-  background: var(--ak-color-surface-muted);
-}
-
-[data-slot="navigation-menu-sub-trigger"][data-disabled] {
-  opacity: 0.5;
-  pointer-events: none;
-  cursor: not-allowed;
-}
-
-[data-slot="navigation-menu-viewport"] {
-  margin-top: var(--ak-space-sm);
-}
-
-[data-slot="navigation-menu-indicator"] {
-  block-size: 2px;
-  inline-size: 2rem;
-  margin-top: 0.125rem;
-  border-radius: 999px;
-  background: var(--ak-color-primary);
-}

package/templates/theme/styles/navigation/tabs.css

@@ -1,61 +0,0 @@
-[data-slot="tabs"] {
-  display: grid;
-  gap: var(--ak-space-md);
-}
-
-[data-slot="tabs-list"] {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.25rem;
-  padding: 0.25rem;
-  border: 1px solid var(--ak-color-border);
-  border-radius: calc(var(--ak-radius-md) + 2px);
-  background: var(--ak-color-surface-muted);
-}
-
-[data-slot="tabs-list"][data-orientation="vertical"] {
-  flex-direction: column;
-  align-items: stretch;
-}
-
-[data-slot="tabs-trigger"] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 2.5rem;
-  padding: 0 var(--ak-space-md);
-  border: 0;
-  border-radius: var(--ak-radius-sm);
-  background: transparent;
-  color: var(--ak-color-text-muted);
-  cursor: pointer;
-  transition:
-    background var(--ak-duration-fast) var(--ak-ease-standard),
-    color var(--ak-duration-fast) var(--ak-ease-standard),
-    box-shadow var(--ak-duration-fast) var(--ak-ease-standard);
-}
-
-[data-slot="tabs-trigger"][data-state="active"] {
-  background: var(--ak-color-surface);
-  color: var(--ak-color-text);
-  box-shadow: var(--ak-shadow-sm);
-}
-
-[data-slot="tabs-trigger"]:focus-visible {
-  outline: none;
-  box-shadow: 0 0 0 3px var(--ak-color-focus-ring);
-}
-
-[data-slot="tabs-trigger"][data-disabled] {
-  opacity: 0.5;
-  pointer-events: none;
-  cursor: not-allowed;
-}
-
-[data-slot="tabs-content"] {
-  padding: var(--ak-space-md);
-  border: 1px solid var(--ak-color-border);
-  border-radius: var(--ak-radius-md);
-  background: var(--ak-color-surface);
-  color: var(--ak-color-text);
-}

package/templates/theme/styles/overlays/dropdown-menu.css

@@ -1,109 +0,0 @@
-[data-slot="dropdown-menu-trigger"] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 2.5rem;
-  padding: 0 var(--ak-space-md);
-  border: 1px solid var(--ak-color-border);
-  border-radius: var(--ak-radius-md);
-  background: var(--ak-color-surface);
-  color: var(--ak-color-text);
-  cursor: pointer;
-  transition:
-    border-color var(--ak-duration-fast) var(--ak-ease-standard),
-    box-shadow var(--ak-duration-fast) var(--ak-ease-standard);
-}
-
-[data-slot="dropdown-menu-trigger"][data-state="open"] {
-  border-color: var(--ak-color-primary);
-}
-
-[data-slot="dropdown-menu-trigger"][data-disabled] {
-  opacity: 0.5;
-  pointer-events: none;
-  cursor: not-allowed;
-}
-
-@keyframes ak-menu-in {
-  from {
-    opacity: 0;
-    transform: translateY(4px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes ak-menu-out {
-  from {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(4px);
-  }
-}
-
-[data-slot="dropdown-menu-content"] {
-  display: grid;
-  gap: 0.25rem;
-  min-width: 12rem;
-  max-block-size: min(20rem, calc(100vh - 4rem));
-  overflow-y: auto;
-  padding: var(--ak-space-sm);
-  border: 1px solid var(--ak-color-border);
-  border-radius: var(--ak-radius-md);
-  background: var(--ak-color-surface-raised);
-  color: var(--ak-color-text);
-  box-shadow: var(--ak-shadow-sm);
-  animation: ak-menu-in var(--ak-duration-fast) var(--ak-ease-standard);
-}
-
-[data-slot="dropdown-menu-content"][data-state="closed"] {
-  animation: ak-menu-out var(--ak-duration-fast) var(--ak-ease-standard);
-}
-
-[data-slot="dropdown-menu-item"] {
-  display: flex;
-  align-items: center;
-  min-height: 2.25rem;
-  padding: 0 var(--ak-space-sm);
-  border: 0;
-  border-radius: var(--ak-radius-sm);
-  background: transparent;
-  color: var(--ak-color-text);
-  cursor: pointer;
-  transition:
-    background var(--ak-duration-fast) var(--ak-ease-standard),
-    color var(--ak-duration-fast) var(--ak-ease-standard);
-}
-
-[data-slot="dropdown-menu-item"]:hover {
-  background: var(--ak-color-surface-muted);
-}
-
-[data-slot="dropdown-menu-item"]:focus-visible {
-  outline: none;
-  background: var(--ak-color-surface-muted);
-}
-
-[data-slot="dropdown-menu-item"][data-disabled] {
-  opacity: 0.5;
-  pointer-events: none;
-  cursor: not-allowed;
-}
-
-[data-slot="dropdown-menu-label"] {
-  padding: 0 var(--ak-space-sm);
-  color: var(--ak-color-text-muted);
-  font-size: var(--ak-font-size-sm);
-  font-weight: var(--ak-font-weight-semibold);
-}
-
-[data-slot="dropdown-menu-separator"] {
-  block-size: 1px;
-  margin: 0.25rem 0;
-  background: var(--ak-color-border);
-}