@pathscale/ui 1.2.10 → 1.2.11

package/dist/components/card/Card.css

@@ -1,110 +1,110 @@
-@layer components {
-  .card {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    gap: 0.75rem;
-    overflow: hidden;
-    border-radius: var(--card-radius, calc(var(--radius-box, 0.75rem) + var(--card-padding, 1rem)));
-    padding: var(--card-padding, 1rem);
-    color: var(--card-fg, var(--color-base-content));
-    background-color: var(--card-bg, var(--color-base-100));
-    border: 1px solid var(--card-border, transparent);
-    box-shadow:
-      var(
-        --card-shadow,
-        0 8px 24px -18px rgb(0 0 0 / 0.45),
-        0 6px 14px -10px rgb(0 0 0 / 0.28)
-      );
-    transition:
-      background-color 160ms ease,
-      border-color 160ms ease,
-      box-shadow 200ms ease,
-      transform 200ms ease;
-  }
-
-  .card:focus-visible {
-    outline: 2px solid currentColor;
-    outline-offset: 2px;
-  }
-
-  .card--default {
-    --card-bg: var(--color-base-100);
-    --card-border: transparent;
-    --card-shadow:
-      0 8px 24px -18px rgb(0 0 0 / 0.45),
-      0 6px 14px -10px rgb(0 0 0 / 0.28);
-    --card-hover-shadow:
-      0 16px 30px -20px rgb(0 0 0 / 0.5),
-      0 8px 18px -12px rgb(0 0 0 / 0.35);
-  }
-
-  .card--flat {
-    --card-bg: var(--color-base-200);
-    --card-border: transparent;
-    --card-shadow: none;
-    --card-hover-shadow: none;
-  }
-
-  .card--bordered {
-    --card-bg: var(--color-base-100);
-    --card-border: var(--color-base-300);
-    --card-shadow: none;
-    --card-hover-shadow:
-      0 6px 20px -16px rgb(0 0 0 / 0.4),
-      0 5px 12px -10px rgb(0 0 0 / 0.28);
-  }
-
-  .card--shadow {
-    --card-bg: var(--color-base-100);
-    --card-border: transparent;
-    --card-shadow:
-      0 20px 40px -24px rgb(0 0 0 / 0.55),
-      0 12px 20px -14px rgb(0 0 0 / 0.35);
-    --card-hover-shadow:
-      0 26px 44px -26px rgb(0 0 0 / 0.6),
-      0 14px 24px -15px rgb(0 0 0 / 0.4);
-  }
-
-  .card--hoverable,
-  .card--pressable {
-    cursor: pointer;
-  }
-
-  @media (hover: hover) {
-    .card--hoverable:hover,
-    .card--pressable:hover {
-      box-shadow: var(--card-hover-shadow, var(--card-shadow));
-      transform: translateY(-1px);
-    }
-  }
-
-  .card--pressable:active,
-  .card--pressable[data-pressed="true"] {
-    transform: scale(0.99);
-  }
-
-  .card__header,
-  .card__body,
-  .card__footer {
-    display: flex;
-    width: 100%;
-  }
-
-  .card__header {
-    flex-direction: column;
-    gap: 0.25rem;
-  }
-
-  .card__body {
-    flex: 1 1 auto;
-    flex-direction: column;
-    gap: 0.5rem;
-  }
-
-  .card__footer {
-    align-items: center;
-    flex-wrap: wrap;
-    gap: 0.5rem;
-  }
-}
+@layer components {
+  .card {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    overflow: hidden;
+    border-radius: var(--card-radius, calc(var(--radius-box, 0.75rem) + var(--card-padding, 1rem)));
+    padding: var(--card-padding, 1rem);
+    color: var(--card-fg, var(--color-base-content));
+    background-color: var(--card-bg, var(--color-base-100));
+    border: 1px solid var(--card-border, transparent);
+    box-shadow:
+      var(
+        --card-shadow,
+        0 8px 24px -18px rgb(0 0 0 / 0.45),
+        0 6px 14px -10px rgb(0 0 0 / 0.28)
+      );
+    transition:
+      background-color 160ms ease,
+      border-color 160ms ease,
+      box-shadow 200ms ease,
+      transform 200ms ease;
+  }
+
+  .card:focus-visible {
+    outline: 2px solid currentColor;
+    outline-offset: 2px;
+  }
+
+  .card--default {
+    --card-bg: var(--color-base-100);
+    --card-border: transparent;
+    --card-shadow:
+      0 8px 24px -18px rgb(0 0 0 / 0.45),
+      0 6px 14px -10px rgb(0 0 0 / 0.28);
+    --card-hover-shadow:
+      0 16px 30px -20px rgb(0 0 0 / 0.5),
+      0 8px 18px -12px rgb(0 0 0 / 0.35);
+  }
+
+  .card--flat {
+    --card-bg: var(--color-base-200);
+    --card-border: transparent;
+    --card-shadow: none;
+    --card-hover-shadow: none;
+  }
+
+  .card--bordered {
+    --card-bg: var(--color-base-100);
+    --card-border: var(--color-base-300);
+    --card-shadow: none;
+    --card-hover-shadow:
+      0 6px 20px -16px rgb(0 0 0 / 0.4),
+      0 5px 12px -10px rgb(0 0 0 / 0.28);
+  }
+
+  .card--shadow {
+    --card-bg: var(--color-base-100);
+    --card-border: transparent;
+    --card-shadow:
+      0 20px 40px -24px rgb(0 0 0 / 0.55),
+      0 12px 20px -14px rgb(0 0 0 / 0.35);
+    --card-hover-shadow:
+      0 26px 44px -26px rgb(0 0 0 / 0.6),
+      0 14px 24px -15px rgb(0 0 0 / 0.4);
+  }
+
+  .card--hoverable,
+  .card--pressable {
+    cursor: pointer;
+  }
+
+  @media (hover: hover) {
+    .card--hoverable:hover,
+    .card--pressable:hover {
+      box-shadow: var(--card-hover-shadow, var(--card-shadow));
+      transform: translateY(-1px);
+    }
+  }
+
+  .card--pressable:active,
+  .card--pressable[data-pressed="true"] {
+    transform: scale(0.99);
+  }
+
+  .card__header,
+  .card__body,
+  .card__footer {
+    display: flex;
+    width: 100%;
+  }
+
+  .card__header {
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
+  .card__body {
+    flex: 1 1 auto;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
+  .card__footer {
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+  }
+}

package/dist/components/chatbubble/ChatBubble.css

@@ -1,164 +1,164 @@
-@layer components {
-  .chatbubble {
-    display: grid;
-    grid-auto-rows: min-content;
-    column-gap: calc(0.25rem * 3);
-    padding-block: calc(0.25rem * 1);
-    --mask-chatbubble: 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");
-  }
-
-  .chatbubble__header {
-    grid-row-start: 1;
-    display: flex;
-    gap: calc(0.25rem * 1);
-    font-size: 0.6875rem;
-  }
-
-  .chatbubble__footer {
-    grid-row-start: 3;
-    display: flex;
-    gap: calc(0.25rem * 1);
-    font-size: 0.6875rem;
-    opacity: 0.5;
-  }
-
-  .chatbubble__avatar {
-    grid-row: span 2 / span 2;
-    align-self: flex-end;
-  }
-
-  .chatbubble__message {
-    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%;
-  }
-
-  .chatbubble__message:before {
-    position: absolute;
-    bottom: 0;
-    height: calc(0.25rem * 3);
-    width: calc(0.25rem * 3);
-    background-color: inherit;
-    content: "";
-    mask-repeat: no-repeat;
-    mask-image: var(--mask-chatbubble);
-    mask-position: 0 -1px;
-    mask-size: 0.8125rem;
-  }
-
-  .chatbubble__time {
-    font-size: 0.75rem;
-    opacity: 0.5;
-  }
-
-  .chatbubble--end {
-    place-items: end;
-    grid-template-columns: 1fr auto;
-  }
-
-  .chatbubble--end .chatbubble__header {
-    grid-column-start: 1;
-  }
-
-  .chatbubble--end .chatbubble__footer {
-    grid-column-start: 1;
-  }
-
-  .chatbubble--end .chatbubble__avatar {
-    grid-column-start: 2;
-  }
-
-  .chatbubble--end .chatbubble__message {
-    grid-column-start: 1;
-    border-end-end-radius: 0;
-  }
-
-  .chatbubble--end .chatbubble__message:before {
-    transform: rotateY(180deg);
-    inset-inline-start: 100%;
-  }
-
-  [dir="rtl"] .chatbubble--end .chatbubble__message:before {
-    transform: rotateY(0deg);
-  }
-
-  .chatbubble--start {
-    place-items: start;
-    grid-template-columns: auto 1fr;
-  }
-
-  .chatbubble--start .chatbubble__header {
-    grid-column-start: 2;
-  }
-
-  .chatbubble--start .chatbubble__footer {
-    grid-column-start: 2;
-  }
-
-  .chatbubble--start .chatbubble__avatar {
-    grid-column-start: 1;
-  }
-
-  .chatbubble--start .chatbubble__message {
-    grid-column-start: 2;
-    border-end-start-radius: 0;
-  }
-
-  .chatbubble--start .chatbubble__message:before {
-    transform: rotateY(0deg);
-    inset-inline-start: -0.75rem;
-  }
-
-  [dir="rtl"] .chatbubble--start .chatbubble__message:before {
-    transform: rotateY(180deg);
-  }
-
-  .chatbubble__message--neutral {
-    background-color: var(--color-base-300);
-    color: var(--color-base-content);
-  }
-
-  .chatbubble__message--primary {
-    background-color: var(--color-primary);
-    color: var(--color-primary-content);
-  }
-
-  .chatbubble__message--secondary {
-    background-color: var(--color-secondary);
-    color: var(--color-secondary-content);
-  }
-
-  .chatbubble__message--accent {
-    background-color: var(--color-accent);
-    color: var(--color-accent-content);
-  }
-
-  .chatbubble__message--info {
-    background-color: var(--color-info);
-    color: var(--color-info-content);
-  }
-
-  .chatbubble__message--success {
-    background-color: var(--color-success);
-    color: var(--color-success-content);
-  }
-
-  .chatbubble__message--warning {
-    background-color: var(--color-warning);
-    color: var(--color-warning-content);
-  }
-
-  .chatbubble__message--error {
-    background-color: var(--color-error);
-    color: var(--color-error-content);
-  }
-}
+@layer components {
+  .chatbubble {
+    display: grid;
+    grid-auto-rows: min-content;
+    column-gap: calc(0.25rem * 3);
+    padding-block: calc(0.25rem * 1);
+    --mask-chatbubble: 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");
+  }
+
+  .chatbubble__header {
+    grid-row-start: 1;
+    display: flex;
+    gap: calc(0.25rem * 1);
+    font-size: 0.6875rem;
+  }
+
+  .chatbubble__footer {
+    grid-row-start: 3;
+    display: flex;
+    gap: calc(0.25rem * 1);
+    font-size: 0.6875rem;
+    opacity: 0.5;
+  }
+
+  .chatbubble__avatar {
+    grid-row: span 2 / span 2;
+    align-self: flex-end;
+  }
+
+  .chatbubble__message {
+    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%;
+  }
+
+  .chatbubble__message:before {
+    position: absolute;
+    bottom: 0;
+    height: calc(0.25rem * 3);
+    width: calc(0.25rem * 3);
+    background-color: inherit;
+    content: "";
+    mask-repeat: no-repeat;
+    mask-image: var(--mask-chatbubble);
+    mask-position: 0 -1px;
+    mask-size: 0.8125rem;
+  }
+
+  .chatbubble__time {
+    font-size: 0.75rem;
+    opacity: 0.5;
+  }
+
+  .chatbubble--end {
+    place-items: end;
+    grid-template-columns: 1fr auto;
+  }
+
+  .chatbubble--end .chatbubble__header {
+    grid-column-start: 1;
+  }
+
+  .chatbubble--end .chatbubble__footer {
+    grid-column-start: 1;
+  }
+
+  .chatbubble--end .chatbubble__avatar {
+    grid-column-start: 2;
+  }
+
+  .chatbubble--end .chatbubble__message {
+    grid-column-start: 1;
+    border-end-end-radius: 0;
+  }
+
+  .chatbubble--end .chatbubble__message:before {
+    transform: rotateY(180deg);
+    inset-inline-start: 100%;
+  }
+
+  [dir="rtl"] .chatbubble--end .chatbubble__message:before {
+    transform: rotateY(0deg);
+  }
+
+  .chatbubble--start {
+    place-items: start;
+    grid-template-columns: auto 1fr;
+  }
+
+  .chatbubble--start .chatbubble__header {
+    grid-column-start: 2;
+  }
+
+  .chatbubble--start .chatbubble__footer {
+    grid-column-start: 2;
+  }
+
+  .chatbubble--start .chatbubble__avatar {
+    grid-column-start: 1;
+  }
+
+  .chatbubble--start .chatbubble__message {
+    grid-column-start: 2;
+    border-end-start-radius: 0;
+  }
+
+  .chatbubble--start .chatbubble__message:before {
+    transform: rotateY(0deg);
+    inset-inline-start: -0.75rem;
+  }
+
+  [dir="rtl"] .chatbubble--start .chatbubble__message:before {
+    transform: rotateY(180deg);
+  }
+
+  .chatbubble__message--neutral {
+    background-color: var(--color-base-300);
+    color: var(--color-base-content);
+  }
+
+  .chatbubble__message--primary {
+    background-color: var(--color-primary);
+    color: var(--color-primary-content);
+  }
+
+  .chatbubble__message--secondary {
+    background-color: var(--color-secondary);
+    color: var(--color-secondary-content);
+  }
+
+  .chatbubble__message--accent {
+    background-color: var(--color-accent);
+    color: var(--color-accent-content);
+  }
+
+  .chatbubble__message--info {
+    background-color: var(--color-info);
+    color: var(--color-info-content);
+  }
+
+  .chatbubble__message--success {
+    background-color: var(--color-success);
+    color: var(--color-success-content);
+  }
+
+  .chatbubble__message--warning {
+    background-color: var(--color-warning);
+    color: var(--color-warning-content);
+  }
+
+  .chatbubble__message--error {
+    background-color: var(--color-error);
+    color: var(--color-error-content);
+  }
+}