@pathscale/ui 0.0.163 → 0.0.164

package/dist/card/card.css

@@ -1,171 +0,0 @@
-@layer components {
-  .card {
-      position: relative;
-      display: flex;
-      flex-direction: column;
-      border-radius: var(--radius-box);
-      outline-width: 2px;
-      transition: outline 0.2s ease-in-out;
-      outline: 0 solid #0000;
-      outline-offset: 2px;
-    }
-
-  .card:focus {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
-
-  @media (forced-colors: active) {
-    .card:focus {
-      outline: 2px solid transparent;
-      outline-offset: 2px;
-    }
-    }
-
-  .card:focus-visible {
-      outline-color: currentColor;
-    }
-
-  .card :where(figure:first-child) {
-      overflow: hidden;
-      border-start-start-radius: inherit;
-      border-start-end-radius: inherit;
-      border-end-start-radius: unset;
-      border-end-end-radius: unset;
-    }
-
-  .card :where(figure:last-child) {
-      overflow: hidden;
-      border-start-start-radius: unset;
-      border-start-end-radius: unset;
-      border-end-start-radius: inherit;
-      border-end-end-radius: inherit;
-    }
-
-  .card figure {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-  .card:has(> input:is(input[type="checkbox"], input[type="radio"])) {
-      cursor: pointer;
-      user-select: none;
-    }
-
-  .card:has(> :checked) {
-      outline: 2px solid currentColor;
-    }
-
-  .card-body {
-      display: flex;
-      flex: auto;
-      flex-direction: column;
-      gap: calc(0.25rem * 2);
-      padding: var(--card-p, 1.5rem);
-      font-size: var(--card-fs, 0.875rem);
-    }
-
-  .card-body :where(p) {
-      flex-grow: 1;
-    }
-
-  .card-actions {
-      display: flex;
-      flex-wrap: wrap;
-      align-items: flex-start;
-      gap: calc(0.25rem * 2);
-    }
-
-  .card-title {
-      display: flex;
-      align-items: center;
-      gap: calc(0.25rem * 2);
-      font-size: var(--cardtitle-fs, 1.125rem);
-      font-weight: 600;
-    }
-
-  .card-side {
-      align-items: stretch;
-      flex-direction: row;
-    }
-
-  .card-side :where(figure:first-child) {
-      overflow: hidden;
-      border-start-start-radius: inherit;
-      border-start-end-radius: unset;
-      border-end-start-radius: inherit;
-      border-end-end-radius: unset;
-    }
-
-  .card-side :where(figure:last-child) {
-      overflow: hidden;
-      border-start-start-radius: unset;
-      border-start-end-radius: inherit;
-      border-end-start-radius: unset;
-      border-end-end-radius: inherit;
-    }
-
-  .card-side figure > * {
-      max-width: unset;
-    }
-
-  .card-side :where(figure > *) {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-
-  .card-lg .card-body {
-      --card-p: 2rem;
-      --card-fs: 1rem;
-    }
-
-  .card-lg .card-title {
-      --cardtitle-fs: 1.25rem;
-    }
-
-  .card-md .card-body {
-      --card-p: 1.5rem;
-      --card-fs: 0.875rem;
-    }
-
-  .card-md .card-title {
-      --cardtitle-fs: 1.125rem;
-    }
-
-  .card-sm .card-body {
-      --card-p: 1rem;
-      --card-fs: 0.75rem;
-    }
-
-  .card-sm .card-title {
-      --cardtitle-fs: 1rem;
-    }
-
-  .card-xl .card-body {
-      --card-p: 2.5rem;
-      --card-fs: 1.125rem;
-    }
-
-  .card-xl .card-title {
-      --cardtitle-fs: 1.375rem;
-    }
-
-  .card-xs .card-body {
-      --card-p: 0.5rem;
-      --card-fs: 0.6875rem;
-    }
-
-  .card-xs .card-title {
-      --cardtitle-fs: 0.875rem;
-    }
-
-  .card-border {
-      border: var(--border) solid var(--color-base-200);
-    }
-
-  .card-dash {
-      border: var(--border) dashed var(--color-base-200);
-    }
-}

package/dist/carousel/carousel.css

@@ -1,39 +0,0 @@
-@layer components {
-  .carousel-item {
-      box-sizing: content-box;
-      display: flex;
-      flex: none;
-      scroll-snap-align: start;
-    }
-
-  .carousel {
-      display: inline-flex;
-      overflow-x: scroll;
-      scroll-snap-type: x mandatory;
-      scrollbar-width: none;
-    }
-
-  @media (prefers-reduced-motion: no-preference) {
-    .carousel {
-      scroll-behavior: smooth;
-    }
-    }
-
-  .carousel::-webkit-scrollbar {
-      display: none;
-    }
-
-  .carousel-vertical {
-      flex-direction: column;
-      overflow-y: scroll;
-      scroll-snap-type: y mandatory;
-    }
-
-  .carousel-center .carousel-item {
-      scroll-snap-align: center;
-    }
-
-  .carousel-end .carousel-item {
-      scroll-snap-align: end;
-    }
-}

package/dist/chatbubble/chat.css

@@ -1,153 +0,0 @@
-@layer components {
-  .chat-bubble {
-      position: relative;
-      display: block;
-      width: fit-content;
-      border-radius: var(--radius-field);
-      background-color: var(--color-base-300);
-      padding-inline: calc(0.25rem * 4);
-      padding-block: calc(0.25rem * 2);
-      color: var(--color-base-content);
-      grid-row-end: 3;
-      min-height: 2rem;
-      min-width: 2.5rem;
-      max-width: 90%;
-    }
-
-  .chat-bubble:before {
-      position: absolute;
-      bottom: calc(0.25rem * 0);
-      height: calc(0.25rem * 3);
-      width: calc(0.25rem * 3);
-      background-color: inherit;
-      content: "";
-      mask-repeat: no-repeat;
-      mask-image: var(--mask-chat);
-      mask-position: 0px -1px;
-      mask-size: 0.8125rem;
-    }
-
-  .chat-end {
-      place-items: end;
-      grid-template-columns: 1fr auto;
-    }
-
-  .chat-end .chat-header {
-      grid-column-start: 1;
-    }
-
-  .chat-end .chat-footer {
-      grid-column-start: 1;
-    }
-
-  .chat-end .chat-image {
-      grid-column-start: 2;
-    }
-
-  .chat-end .chat-bubble {
-      grid-column-start: 1;
-      border-end-end-radius: 0;
-    }
-
-  .chat-end .chat-bubble:before {
-      transform: rotateY(180deg);
-      inset-inline-start: 100%;
-    }
-
-  [dir="rtl"] .chat-end .chat-bubble:before {
-      transform: rotateY(0deg);
-    }
-
-  .chat-start {
-      place-items: start;
-      grid-template-columns: auto 1fr;
-    }
-
-  .chat-start .chat-header {
-      grid-column-start: 2;
-    }
-
-  .chat-start .chat-footer {
-      grid-column-start: 2;
-    }
-
-  .chat-start .chat-image {
-      grid-column-start: 1;
-    }
-
-  .chat-start .chat-bubble {
-      grid-column-start: 2;
-      border-end-start-radius: 0;
-    }
-
-  .chat-start .chat-bubble:before {
-      transform: rotateY(0deg);
-      inset-inline-start: -0.75rem;
-    }
-
-  [dir="rtl"] .chat-start .chat-bubble:before {
-      transform: rotateY(180deg);
-    }
-
-  .chat-image {
-      grid-row: span 2 / span 2;
-      align-self: flex-end;
-    }
-
-  .chat-footer {
-      grid-row-start: 3;
-      display: flex;
-      gap: calc(0.25rem * 1);
-      font-size: 0.6875rem;
-    }
-
-  .chat-header {
-      grid-row-start: 1;
-      display: flex;
-      gap: calc(0.25rem * 1);
-      font-size: 0.6875rem;
-    }
-
-  .chat {
-      display: grid;
-      grid-auto-rows: min-content;
-      column-gap: calc(0.25rem * 3);
-      padding-block: calc(0.25rem * 1);
-      --mask-chat: url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");
-    }
-
-  .chat-bubble-accent {
-      background-color: var(--color-accent);
-      color: var(--color-accent-content);
-    }
-
-  .chat-bubble-error {
-      background-color: var(--color-error);
-      color: var(--color-error-content);
-    }
-
-  .chat-bubble-info {
-      background-color: var(--color-info);
-      color: var(--color-info-content);
-    }
-
-  .chat-bubble-primary {
-      background-color: var(--color-primary);
-      color: var(--color-primary-content);
-    }
-
-  .chat-bubble-secondary {
-      background-color: var(--color-secondary);
-      color: var(--color-secondary-content);
-    }
-
-  .chat-bubble-success {
-      background-color: var(--color-success);
-      color: var(--color-success-content);
-    }
-
-  .chat-bubble-warning {
-      background-color: var(--color-warning);
-      color: var(--color-warning-content);
-    }
-}

package/dist/checkbox/checkbox.css

@@ -1,168 +0,0 @@
-@layer components {
-  .checkbox {
-      border: var(--border) solid var(--input-color, var(--color-base-content));
-      position: relative;
-      display: inline-block;
-      flex-shrink: 0;
-      cursor: pointer;
-      appearance: none;
-      border-radius: var(--radius-selector);
-      padding: calc(0.25rem * 1);
-      vertical-align: middle;
-      color: var(--color-base-content);
-      box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 0 #0000 inset, 0 0 #0000;
-      transition: background-color 0.2s, box-shadow 0.2s;
-      --size: calc(var(--size-selector, 0.25rem) * 6);
-      width: var(--size);
-      height: var(--size);
-      background-size: auto, calc(var(--noise) * 100%);
-      background-image: none, var(--fx-noise);
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .checkbox {
-      border: var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
-    }
-    }
-
-  .checkbox:before {
-      --tw-content: "";
-      content: var(--tw-content);
-      display: block;
-      width: 100%;
-      height: 100%;
-      rotate: 45deg;
-      background-color: currentcolor;
-      opacity: 0%;
-      transition: clip-path 0.3s, opacity 0.1s, rotate 0.3s, translate 0.3s;
-      transition-delay: 0.1s;
-      clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
-      box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
-      font-size: 1rem;
-      line-height: 0.75;
-    }
-
-  .checkbox:focus-visible {
-      outline: 2px solid var(--input-color, currentColor);
-      outline-offset: 2px;
-    }
-
-  .checkbox:checked,
-    .checkbox[aria-checked="true"] {
-      background-color: var(--input-color, #0000);
-      box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
-    }
-
-  .checkbox:checked:before,
-    .checkbox[aria-checked="true"]:before {
-      clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
-      opacity: 100%;
-    }
-
-  @media (forced-colors: active) {
-    .checkbox:checked:before,
-    .checkbox[aria-checked="true"]:before {
-      rotate: 0deg;
-      background-color: transparent;
-      --tw-content: "✔︎";
-      clip-path: none;
-    }
-    }
-
-  @media print {
-    .checkbox:checked:before,
-    .checkbox[aria-checked="true"]:before {
-      rotate: 0deg;
-      background-color: transparent;
-      --tw-content: "✔︎";
-      clip-path: none;
-    }
-    }
-
-  .checkbox:indeterminate {
-      background-color: var( --input-color, var(--color-base-content) );
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .checkbox:indeterminate {
-      background-color: var( --input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000) );
-    }
-    }
-
-  .checkbox:indeterminate:before {
-      rotate: 0deg;
-      opacity: 100%;
-      translate: 0 -35%;
-      clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
-    }
-
-  .checkbox:disabled {
-      cursor: not-allowed;
-      opacity: 20%;
-    }
-
-  .checkbox-lg {
-      padding: 0.3125rem;
-      --size: calc(var(--size-selector, 0.25rem) * 7);
-    }
-
-  .checkbox-md {
-      padding: 0.25rem;
-      --size: calc(var(--size-selector, 0.25rem) * 6);
-    }
-
-  .checkbox-sm {
-      padding: 0.1875rem;
-      --size: calc(var(--size-selector, 0.25rem) * 5);
-    }
-
-  .checkbox-xl {
-      padding: 0.375rem;
-      --size: calc(var(--size-selector, 0.25rem) * 8);
-    }
-
-  .checkbox-xs {
-      padding: 0.125rem;
-      --size: calc(var(--size-selector, 0.25rem) * 4);
-    }
-
-  .checkbox-accent {
-      color: var(--color-accent-content);
-      --input-color: var(--color-accent);
-    }
-
-  .checkbox-error {
-      color: var(--color-error-content);
-      --input-color: var(--color-error);
-    }
-
-  .checkbox-info {
-      color: var(--color-info-content);
-      --input-color: var(--color-info);
-    }
-
-  .checkbox-neutral {
-      color: var(--color-neutral-content);
-      --input-color: var(--color-neutral);
-    }
-
-  .checkbox-primary {
-      color: var(--color-primary-content);
-      --input-color: var(--color-primary);
-    }
-
-  .checkbox-secondary {
-      color: var(--color-secondary-content);
-      --input-color: var(--color-secondary);
-    }
-
-  .checkbox-success {
-      color: var(--color-success-content);
-      --input-color: var(--color-success);
-    }
-
-  .checkbox-warning {
-      color: var(--color-warning-content);
-      --input-color: var(--color-warning);
-    }
-}