@pathscale/ui 0.0.163 → 0.0.165

package/dist/fileinput/input.css

@@ -1,277 +0,0 @@
-@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

@@ -1,51 +0,0 @@
-@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

@@ -1,38 +0,0 @@
-@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/indicator/indicator.css

@@ -1,70 +0,0 @@
-@layer components {
-  .indicator {
-      position: relative;
-      display: inline-flex;
-      width: max-content;
-    }
-
-  .indicator :where(.indicator-item) {
-      z-index: 1;
-      position: absolute;
-      white-space: nowrap;
-      top: var(--indicator-t, 0);
-      bottom: var(--indicator-b, auto);
-      left: var(--indicator-s, auto);
-      right: var(--indicator-e, 0);
-      translate: var(--indicator-x, 50%) var(--indicator-y, -50%);
-    }
-
-  .indicator-end {
-      --indicator-s: auto;
-      --indicator-e: 0;
-      --indicator-x: 50%;
-    }
-
-  [dir="rtl"] .indicator-end {
-      --indicator-s: 0;
-      --indicator-e: auto;
-      --indicator-x: -50%;
-    }
-
-  .indicator-start {
-      --indicator-s: 0;
-      --indicator-e: auto;
-      --indicator-x: -50%;
-    }
-
-  [dir="rtl"] .indicator-start {
-      --indicator-s: auto;
-      --indicator-e: 0;
-      --indicator-x: 50%;
-    }
-
-  .indicator-center {
-      --indicator-s: 50%;
-      --indicator-e: 50%;
-      --indicator-x: -50%;
-    }
-
-  [dir="rtl"] .indicator-center {
-      --indicator-x: 50%;
-    }
-
-  .indicator-bottom {
-      --indicator-t: auto;
-      --indicator-b: 0;
-      --indicator-y: 50%;
-    }
-
-  .indicator-middle {
-      --indicator-t: 50%;
-      --indicator-b: 50%;
-      --indicator-y: -50%;
-    }
-
-  .indicator-top {
-      --indicator-t: 0;
-      --indicator-b: auto;
-      --indicator-y: -50%;
-    }
-}

package/dist/input/input.css

@@ -1,277 +0,0 @@
-@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);
-    }
-}