@pathscale/ui 0.0.161 → 0.0.163

package/dist/fileinput/input.css

@@ -0,0 +1,277 @@
+@layer components {
+  .input {
+      cursor: text;
+      border: var(--border) solid #0000;
+      position: relative;
+      display: inline-flex;
+      flex-shrink: 1;
+      appearance: none;
+      align-items: center;
+      gap: calc(0.25rem * 2);
+      background-color: var(--color-base-100);
+      padding-inline: calc(0.25rem * 3);
+      vertical-align: middle;
+      white-space: nowrap;
+      width: clamp(3rem, 20rem, 100%);
+      height: var(--size);
+      font-size: max(var(--font-size, 0.875rem), 0.875rem);
+      touch-action: manipulation;
+      border-start-start-radius: var(--join-ss, var(--radius-field));
+      border-start-end-radius: var(--join-se, var(--radius-field));
+      border-end-start-radius: var(--join-es, var(--radius-field));
+      border-end-end-radius: var(--join-ee, var(--radius-field));
+      border-color: var(--input-color);
+      box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
+      --size: calc(var(--size-field, 0.25rem) * 10);
+      --input-color: var(--color-base-content);
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .input {
+      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
+    }
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .input {
+      --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
+    }
+    }
+
+  .input:where(input) {
+      display: inline-flex;
+    }
+
+  .input :where(input) {
+      display: inline-flex;
+      height: 100%;
+      width: 100%;
+      appearance: none;
+      background-color: transparent;
+      border: none;
+    }
+
+  .input :where(input):focus,
+    .input :where(input):focus-within {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+
+  @media (forced-colors: active) {
+    .input :where(input):focus,
+    .input :where(input):focus-within {
+      outline: 2px solid transparent;
+      outline-offset: 2px;
+    }
+    }
+
+  .input :where(input[type="url"]),
+    .input :where(input[type="email"]) {
+      direction: ltr;
+    }
+
+  .input :where(input[type="date"]) {
+      display: inline-flex;
+    }
+
+  .input:focus,
+    .input:focus-within {
+      --input-color: var(--color-base-content);
+      box-shadow: 0 1px var(--input-color);
+      outline: 2px solid var(--input-color);
+      outline-offset: 2px;
+      isolation: isolate;
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .input:focus,
+    .input:focus-within {
+      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
+    }
+    }
+
+  @media (pointer: coarse) {
+    @supports (-webkit-touch-callout: none) {
+    .input:focus,
+    .input:focus-within {
+      --font-size: 1rem;
+    }
+    }
+    }
+
+  .input:has(> input[disabled]),
+    .input:is(:disabled, [disabled]),
+    fieldset:disabled .input {
+      cursor: not-allowed;
+      border-color: var(--color-base-200);
+      background-color: var(--color-base-200);
+      color: var(--color-base-content);
+      box-shadow: none;
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .input:has(> input[disabled]),
+    .input:is(:disabled, [disabled]),
+    fieldset:disabled .input {
+      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
+    }
+    }
+
+  .input:has(> input[disabled])::placeholder,
+    .input:is(:disabled, [disabled])::placeholder,
+    fieldset:disabled .input::placeholder {
+      color: var(--color-base-content);
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .input:has(> input[disabled])::placeholder,
+    .input:is(:disabled, [disabled])::placeholder,
+    fieldset:disabled .input::placeholder {
+      color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
+    }
+    }
+
+  .input:has(> input[disabled]) > input[disabled] {
+      cursor: not-allowed;
+    }
+
+  .input::-webkit-date-and-time-value {
+      text-align: inherit;
+    }
+
+  .input[type="number"]::-webkit-inner-spin-button {
+      margin-block: calc(0.25rem * -3);
+      margin-inline-end: calc(0.25rem * -3);
+    }
+
+  .input::-webkit-calendar-picker-indicator {
+      position: absolute;
+      inset-inline-end: 0.75em;
+    }
+
+  .input:has(> input[type="date"]) :where(input[type="date"]) {
+      display: inline-flex;
+      webkit-appearance: none;
+      appearance: none;
+    }
+
+  .input:has(> input[type="date"]) input[type="date"]::-webkit-calendar-picker-indicator {
+      position: absolute;
+      inset-inline-end: 0.75em;
+      width: 1em;
+      height: 1em;
+      cursor: pointer;
+    }
+
+  .input-lg {
+      --size: calc(var(--size-field, 0.25rem) * 12);
+      font-size: max(var(--font-size, 1.125rem), 1.125rem);
+    }
+
+  .input-lg[type="number"]::-webkit-inner-spin-button {
+      margin-block: calc(0.25rem * -3);
+      margin-inline-end: calc(0.25rem * -3);
+    }
+
+  .input-md {
+      --size: calc(var(--size-field, 0.25rem) * 10);
+      font-size: max(var(--font-size, 0.875rem), 0.875rem);
+    }
+
+  .input-md[type="number"]::-webkit-inner-spin-button {
+      margin-block: calc(0.25rem * -3);
+      margin-inline-end: calc(0.25rem * -3);
+    }
+
+  .input-sm {
+      --size: calc(var(--size-field, 0.25rem) * 8);
+      font-size: max(var(--font-size, 0.75rem), 0.75rem);
+    }
+
+  .input-sm[type="number"]::-webkit-inner-spin-button {
+      margin-block: calc(0.25rem * -2);
+      margin-inline-end: calc(0.25rem * -3);
+    }
+
+  .input-xl {
+      --size: calc(var(--size-field, 0.25rem) * 14);
+      font-size: max(var(--font-size, 1.375rem), 1.375rem);
+    }
+
+  .input-xl[type="number"]::-webkit-inner-spin-button {
+      margin-block: calc(0.25rem * -4);
+      margin-inline-end: calc(0.25rem * -3);
+    }
+
+  .input-xs {
+      --size: calc(var(--size-field, 0.25rem) * 6);
+      font-size: max(var(--font-size, 0.6875rem), 0.6875rem);
+    }
+
+  .input-xs[type="number"]::-webkit-inner-spin-button {
+      margin-block: calc(0.25rem * -1);
+      margin-inline-end: calc(0.25rem * -3);
+    }
+
+  .input-ghost {
+      background-color: transparent;
+      box-shadow: none;
+      border-color: #0000;
+    }
+
+  .input-ghost:focus,
+    .input-ghost:focus-within {
+      background-color: var(--color-base-100);
+      color: var(--color-base-content);
+      border-color: #0000;
+      box-shadow: none;
+    }
+
+  .input-accent,
+    .input-accent:focus,
+    .input-accent:focus-within {
+      --input-color: var(--color-accent);
+    }
+
+  .input-error,
+    .input-error:focus,
+    .input-error:focus-within {
+      --input-color: var(--color-error);
+    }
+
+  .input-info,
+    .input-info:focus,
+    .input-info:focus-within {
+      --input-color: var(--color-info);
+    }
+
+  .input-neutral,
+    .input-neutral:focus,
+    .input-neutral:focus-within {
+      --input-color: var(--color-neutral);
+    }
+
+  .input-primary,
+    .input-primary:focus,
+    .input-primary:focus-within {
+      --input-color: var(--color-primary);
+    }
+
+  .input-secondary,
+    .input-secondary:focus,
+    .input-secondary:focus-within {
+      --input-color: var(--color-secondary);
+    }
+
+  .input-success,
+    .input-success:focus,
+    .input-success:focus-within {
+      --input-color: var(--color-success);
+    }
+
+  .input-warning,
+    .input-warning:focus,
+    .input-warning:focus-within {
+      --input-color: var(--color-warning);
+    }
+}

package/dist/footer/footer.css

@@ -0,0 +1,51 @@
+@layer components {
+  .footer-title {
+      margin-bottom: calc(0.25rem * 2);
+      text-transform: uppercase;
+      opacity: 60%;
+      font-weight: 600;
+    }
+
+  .footer {
+      display: grid;
+      width: 100%;
+      grid-auto-flow: row;
+      place-items: start;
+      column-gap: calc(0.25rem * 4);
+      row-gap: calc(0.25rem * 10);
+      font-size: 0.875rem;
+      line-height: 1.25rem;
+    }
+
+  .footer > * {
+      display: grid;
+      place-items: start;
+      gap: calc(0.25rem * 2);
+    }
+
+  .footer.footer-center {
+      grid-auto-flow: column dense;
+      place-items: center;
+      text-align: center;
+    }
+
+  .footer.footer-center > * {
+      place-items: center;
+    }
+
+  .footer-horizontal {
+      grid-auto-flow: column;
+    }
+
+  .footer-horizontal.footer-center {
+      grid-auto-flow: row dense;
+    }
+
+  .footer-vertical {
+      grid-auto-flow: row;
+    }
+
+  .footer-vertical.footer-center {
+      grid-auto-flow: column dense;
+    }
+}

package/dist/hero/hero.css

@@ -0,0 +1,38 @@
+@layer components {
+  .hero-content {
+      isolation: isolate;
+      display: flex;
+      max-width: 80rem;
+      align-items: center;
+      justify-content: center;
+      gap: calc(0.25rem * 4);
+      padding: calc(0.25rem * 4);
+    }
+
+  .hero {
+      display: grid;
+      width: 100%;
+      place-items: center;
+      background-size: cover;
+      background-position: center;
+    }
+
+  .hero > * {
+      grid-column-start: 1;
+      grid-row-start: 1;
+    }
+
+  .hero-overlay {
+      grid-column-start: 1;
+      grid-row-start: 1;
+      height: 100%;
+      width: 100%;
+      background-color: var(--color-neutral);
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .hero-overlay {
+      background-color: color-mix(in oklab, var(--color-neutral) 50%, transparent);
+    }
+    }
+}

package/dist/index.css

@@ -1,56 +1,54 @@
-.glow-card {
-  --glow-color-border: oklch(100% 0 0 / .3);
-  --glow-color-bg: oklch(100% 0 0 / .1);
-  border-radius: inherit;
-  position: relative;
+@import "./styles/base/index.css";
+@import "./styles/compat/daisy-primitives.css";
+@import "./styles/themes/dark.css";
+@import "./styles/themes/light.css";
+@import "./components/sidenav/Sidenav.css";
+@import "./styles/icons/generated-icons.css";
+
+@theme {
+  --color-light: var(--color-zinc-100);
+  --color-dark: var(--color-zinc-900);
+
+  /* Base colors */
+  --color-primary: var(--color-primary);
+  --color-primary-content: var(--color-primary-content);
+  --color-secondary: var(--color-secondary);
+  --color-secondary-content: var(--color-secondary-content);
+  --color-accent: var(--color-accent);
+  --color-accent-content: var(--color-accent-content);
+  --color-neutral: var(--color-neutral);
+  --color-neutral-content: var(--color-neutral-content);
+
+  /* Semantic colors */
+  --color-info: var(--color-info);
+  --color-info-content: var(--color-info-content);
+  --color-success: var(--color-success);
+  --color-success-content: var(--color-success-content);
+  --color-warning: var(--color-warning);
+  --color-warning-content: var(--color-warning-content);
+  --color-error: var(--color-error);
+  --color-error-content: var(--color-error-content);
+
+  /* Base background colors */
+  --color-base-100: var(--color-base-100);
+  --color-base-200: var(--color-base-200);
+  --color-base-300: var(--color-base-300);
+  --color-base-content: var(--color-base-content);
+
+  /* Legacy support */
+  --color-bg-body: var(--color-base-100);
+  --color-bg-primary: var(--color-base-200);
+  --color-bg-secondary: var(--color-base-300);
+  --color-bg-tertiary: var(--color-neutral);
+  --color-bg-accent: var(--color-accent);
+  --color-bg-positive: var(--color-success);
+  --color-bg-destructive: var(--color-error);
+
+  --color-fg-body: var(--color-base-content);
+  --color-fg-primary: var(--color-base-content);
+  --color-fg-secondary: var(--color-neutral-content);
+  --color-fg-tertiary: var(--color-neutral-content);
+  --color-fg-accent: var(--color-accent-content);
+  --color-fg-positive: var(--color-success-content);
+  --color-fg-destructive: var(--color-error-content);
 }
-
-.glow-card:before, .glow-card:after {
-  content: "";
-  border-radius: inherit;
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity .3s;
-  position: absolute;
-  inset: 0;
-}
-
-.glow-card:before {
-  background: radial-gradient(250px circle at var(--mouse-x) var(--mouse-y), var(--glow-color-border), transparent 80%);
-  z-index: 1;
-  -webkit-mask-composite: xor;
-  padding: 1px;
-  inset: -1px;
-  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-  mask-position: 0 0, 0 0;
-  mask-size: auto, auto;
-  mask-repeat: repeat, repeat;
-  mask-clip: content-box, border-box;
-  mask-origin: content-box, border-box;
-  mask-composite: exclude;
-  mask-mode: match-source, match-source;
-}
-
-.glow-card:after {
-  background: radial-gradient(400px circle at var(--mouse-x) var(--mouse-y), var(--glow-color-bg), transparent 80%);
-  z-index: 0;
-}
-
-.glow-card:hover:before, .glow-card:hover:after {
-  opacity: 1;
-}
-
-[data-theme="light"] .glow-card:before {
-  --glow-color-border: oklch(30% .15 260 / .4);
-}
-
-[data-theme="light"] .glow-card:after {
-  --glow-color-bg: oklch(30% .15 260 / .15);
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .glow-card:before, .glow-card:after {
-    opacity: 0 !important;
-  }
-}
-