@pathscale/ui 1.1.54 → 1.1.56

package/dist/components/modal/Modal.css

@@ -1,320 +0,0 @@
-@layer components {
-  .modal {
-    display: contents;
-  }
-
-  .modal__trigger {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    cursor: var(--cursor-interactive, pointer);
-    transition:
-      transform 250ms var(--ease-out, ease),
-      background-color 150ms var(--ease-out, ease),
-      box-shadow 150ms var(--ease-out, ease);
-  }
-
-  .modal__trigger:focus-visible,
-  .modal__trigger[data-focus-visible="true"] {
-    outline: 2px solid var(--color-accent);
-    outline-offset: 2px;
-  }
-
-  .modal__trigger:active,
-  .modal__trigger[data-pressed="true"] {
-    transform: scale(0.97);
-  }
-
-  .modal__trigger:disabled,
-  .modal__trigger[aria-disabled="true"] {
-    opacity: var(--disabled-opacity, 0.6);
-    cursor: not-allowed;
-  }
-
-  .modal__backdrop {
-    position: fixed;
-    inset: 0;
-    z-index: var(--z-overlay, 70);
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100dvh;
-    opacity: 1;
-    transition: opacity 150ms var(--ease-out, ease);
-  }
-
-  .modal__backdrop--transparent {
-    background-color: transparent;
-  }
-
-  .modal__backdrop--opaque {
-    background-color: color-mix(in oklab, black 40%, transparent);
-  }
-
-  .modal__backdrop--blur {
-    background-color: color-mix(in oklab, black 35%, transparent);
-    backdrop-filter: blur(0.75rem);
-    -webkit-backdrop-filter: blur(0.75rem);
-  }
-
-  .modal__backdrop--entering {
-    opacity: 0;
-  }
-
-  .modal__backdrop--exiting {
-    opacity: 0;
-  }
-
-  .modal__container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    width: 100%;
-    min-width: 0;
-    flex: 1;
-    height: 100dvh;
-    padding: 1rem;
-    pointer-events: none;
-  }
-
-  .modal__container--auto,
-  .modal__container--bottom {
-    justify-content: flex-end;
-  }
-
-  .modal__container--top {
-    justify-content: flex-start;
-  }
-
-  .modal__container--center {
-    justify-content: center;
-  }
-
-  .modal__container--scroll-outside {
-    overflow-y: auto;
-    pointer-events: auto;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  .modal__container--size-cover,
-  .modal__container--size-full {
-    padding: 0;
-  }
-
-  .modal__content {
-    position: relative;
-    display: flex;
-    width: 100%;
-    flex-direction: column;
-    border-radius: 1.5rem;
-    background-color: var(--color-overlay, var(--color-base-100));
-    box-shadow: var(
-      --shadow-overlay,
-      0 24px 48px color-mix(in oklab, black 24%, transparent)
-    );
-    outline: none;
-    padding: 1.5rem;
-    pointer-events: auto;
-    opacity: 1;
-    transform: translate3d(0, 0, 0) scale(1);
-    transition:
-      transform 250ms var(--ease-out, ease),
-      opacity 150ms var(--ease-out, ease),
-      box-shadow 200ms var(--ease-out, ease);
-  }
-
-  .modal__content--scroll-inside {
-    overflow: hidden;
-    max-height: min(40rem, calc(100dvh - 2rem));
-  }
-
-  .modal__content--scroll-outside {
-    height: auto;
-    min-height: 0;
-    flex-shrink: 0;
-  }
-
-  .modal__content--xs {
-    max-width: 20rem;
-  }
-
-  .modal__content--sm {
-    max-width: 24rem;
-  }
-
-  .modal__content--md {
-    max-width: 28rem;
-  }
-
-  .modal__content--lg {
-    max-width: 32rem;
-  }
-
-  .modal__content--cover,
-  .modal__content--full {
-    width: 100%;
-    max-width: none;
-    min-height: 100%;
-    height: 100%;
-    border-radius: 0;
-    box-shadow: none;
-  }
-
-  .modal__container--top .modal__content--entering {
-    transform: translate3d(0, -0.5rem, 0) scale(1.02);
-  }
-
-  .modal__container--bottom .modal__content--entering,
-  .modal__container--auto .modal__content--entering {
-    transform: translate3d(0, 0.5rem, 0) scale(1.02);
-  }
-
-  .modal__container--center .modal__content--entering {
-    transform: translate3d(0, 0, 0) scale(1.05);
-  }
-
-  .modal__content--entering,
-  .modal__content--exiting {
-    opacity: 0;
-  }
-
-  .modal__content--exiting {
-    transform: translate3d(0, 0.25rem, 0) scale(0.96);
-  }
-
-  .modal__header {
-    display: flex;
-    flex-direction: column;
-    gap: 0.75rem;
-  }
-
-  .modal__heading {
-    margin: 0;
-    font-size: 1rem;
-    font-weight: 600;
-    line-height: 1.5rem;
-    color: var(--color-foreground, var(--color-base-content));
-  }
-
-  .modal__icon {
-    display: flex;
-    width: 2.5rem;
-    height: 2.5rem;
-    align-items: center;
-    justify-content: center;
-    border-radius: 9999px;
-    flex-shrink: 0;
-    user-select: none;
-  }
-
-  .modal__body {
-    min-height: 0;
-    flex: 1;
-    margin: 0;
-    font-size: 0.875rem;
-    line-height: 1.43;
-    color: var(
-      --color-muted,
-      color-mix(in oklab, var(--color-base-content) 70%, transparent)
-    );
-  }
-
-  .modal__body--scroll-inside {
-    overflow-y: auto;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  .modal__body--scroll-outside {
-    overflow-y: visible;
-  }
-
-  .modal__footer {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-end;
-    gap: 0.5rem;
-    margin: 0;
-  }
-
-  .modal__close-trigger {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 2rem;
-    height: 2rem;
-    border: 0;
-    border-radius: 9999px;
-    background-color: transparent;
-    color: var(--color-foreground, var(--color-base-content));
-    cursor: var(--cursor-interactive, pointer);
-    transition:
-      background-color 120ms var(--ease-out, ease),
-      transform 120ms var(--ease-out, ease),
-      opacity 120ms var(--ease-out, ease);
-  }
-
-  .modal__close-trigger:hover,
-  .modal__close-trigger[data-hovered="true"] {
-    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
-  }
-
-  .modal__close-trigger:active,
-  .modal__close-trigger[data-pressed="true"] {
-    transform: scale(0.95);
-  }
-
-  .modal__close-trigger:focus-visible,
-  .modal__close-trigger[data-focus-visible="true"] {
-    outline: 2px solid var(--color-accent);
-    outline-offset: 2px;
-  }
-
-  .modal__close-trigger-icon {
-    width: 1rem;
-    height: 1rem;
-    flex-shrink: 0;
-    pointer-events: none;
-  }
-
-  .modal__header + .modal__body {
-    margin-top: 0.5rem;
-  }
-
-  .modal__header + .modal__footer,
-  .modal__body + .modal__footer {
-    margin-top: 1.25rem;
-  }
-
-  @media (min-width: 640px) {
-    .modal__container {
-      width: fit-content;
-      padding: 2.5rem;
-    }
-
-    .modal__container--auto {
-      justify-content: center;
-    }
-
-    .modal__container--size-cover,
-    .modal__container--size-full {
-      width: 100%;
-      max-width: 100%;
-      padding: 0;
-    }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .modal__trigger,
-    .modal__backdrop,
-    .modal__content,
-    .modal__close-trigger {
-      transition: none;
-    }
-  }
-}

package/dist/components/navbar/Navbar.classes.d.ts

@@ -1,38 +0,0 @@
-export declare const CLASSES: {
-    readonly navbar: {
-        readonly base: "navbar";
-    };
-    readonly section: {
-        readonly base: "navbar__section";
-        readonly variant: {
-            readonly start: "navbar__section--start";
-            readonly center: "navbar__section--center";
-            readonly end: "navbar__section--end";
-        };
-    };
-    readonly stack: {
-        readonly base: "navbar__stack";
-        readonly flag: {
-            readonly sticky: "navbar__stack--sticky";
-            readonly container: "navbar__stack--container";
-        };
-    };
-    readonly row: {
-        readonly base: "navbar__row";
-        readonly flag: {
-            readonly bordered: "navbar__row--bordered";
-            readonly padded: "navbar__row--padded";
-        };
-        readonly color: {
-            readonly ghost: "navbar__row--ghost";
-            readonly neutral: "navbar__row--neutral";
-            readonly primary: "navbar__row--primary";
-            readonly secondary: "navbar__row--secondary";
-            readonly accent: "navbar__row--accent";
-            readonly info: "navbar__row--info";
-            readonly success: "navbar__row--success";
-            readonly warning: "navbar__row--warning";
-            readonly error: "navbar__row--error";
-        };
-    };
-};

package/dist/components/navbar/Navbar.classes.js

@@ -1,39 +0,0 @@
-const CLASSES = {
-    navbar: {
-        base: "navbar"
-    },
-    section: {
-        base: "navbar__section",
-        variant: {
-            start: "navbar__section--start",
-            center: "navbar__section--center",
-            end: "navbar__section--end"
-        }
-    },
-    stack: {
-        base: "navbar__stack",
-        flag: {
-            sticky: "navbar__stack--sticky",
-            container: "navbar__stack--container"
-        }
-    },
-    row: {
-        base: "navbar__row",
-        flag: {
-            bordered: "navbar__row--bordered",
-            padded: "navbar__row--padded"
-        },
-        color: {
-            ghost: "navbar__row--ghost",
-            neutral: "navbar__row--neutral",
-            primary: "navbar__row--primary",
-            secondary: "navbar__row--secondary",
-            accent: "navbar__row--accent",
-            info: "navbar__row--info",
-            success: "navbar__row--success",
-            warning: "navbar__row--warning",
-            error: "navbar__row--error"
-        }
-    }
-};
-export { CLASSES };

package/dist/components/navbar/Navbar.css

@@ -1,110 +0,0 @@
-@layer components {
-  .navbar {
-    position: relative;
-    display: flex;
-    width: 100%;
-    min-height: 4rem;
-    align-items: center;
-    gap: 0.5rem;
-    padding: 0.5rem;
-  }
-
-  .navbar__section {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.5rem;
-  }
-
-  .navbar__section--start {
-    width: 50%;
-    justify-content: flex-start;
-  }
-
-  .navbar__section--center {
-    flex-shrink: 0;
-    justify-content: center;
-  }
-
-  .navbar__section--end {
-    width: 50%;
-    justify-content: flex-end;
-  }
-
-  .navbar__stack {
-    display: flex;
-    width: 100%;
-    flex-direction: column;
-  }
-
-  .navbar__stack--sticky {
-    position: sticky;
-    top: 0;
-    z-index: 30;
-  }
-
-  .navbar__stack--container {
-    width: 100%;
-    max-width: 80rem;
-    margin-inline: auto;
-    padding-inline: 1rem;
-  }
-
-  .navbar__row {
-    display: flex;
-    width: 100%;
-    align-items: center;
-  }
-
-  .navbar__row--bordered {
-    border-bottom: 1px solid color-mix(in oklab, var(--color-base-content) 16%, transparent);
-  }
-
-  .navbar__row--padded {
-    padding: 0.5rem 1rem;
-  }
-
-  .navbar__row--ghost {
-    background-color: var(--color-base-100);
-    color: var(--color-base-content);
-  }
-
-  .navbar__row--neutral {
-    background-color: var(--color-neutral);
-    color: var(--color-neutral-content);
-  }
-
-  .navbar__row--primary {
-    background-color: var(--color-primary);
-    color: var(--color-primary-content);
-  }
-
-  .navbar__row--secondary {
-    background-color: var(--color-secondary);
-    color: var(--color-secondary-content);
-  }
-
-  .navbar__row--accent {
-    background-color: var(--color-accent);
-    color: var(--color-accent-content);
-  }
-
-  .navbar__row--info {
-    background-color: var(--color-info);
-    color: var(--color-info-content);
-  }
-
-  .navbar__row--success {
-    background-color: var(--color-success);
-    color: var(--color-success-foreground);
-  }
-
-  .navbar__row--warning {
-    background-color: var(--color-warning);
-    color: var(--color-warning-foreground);
-  }
-
-  .navbar__row--error {
-    background-color: var(--color-error);
-    color: var(--color-error-foreground);
-  }
-}

package/dist/components/noise-background/NoiseBackground.classes.d.ts

@@ -1,15 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "noise-background";
-    readonly flag: {
-        readonly backdropBlur: "noise-background--backdrop-blur";
-    };
-    readonly slot: {
-        readonly layer0: "noise-background__layer noise-background__layer--0";
-        readonly layer1: "noise-background__layer noise-background__layer--1";
-        readonly layer2: "noise-background__layer noise-background__layer--2";
-        readonly strip: "noise-background__strip";
-        readonly noiseWrap: "noise-background__noise-wrap";
-        readonly noiseImage: "noise-background__noise-image";
-        readonly content: "noise-background__content";
-    };
-};

package/dist/components/noise-background/NoiseBackground.classes.js

@@ -1,16 +0,0 @@
-const CLASSES = {
-    base: "noise-background",
-    flag: {
-        backdropBlur: "noise-background--backdrop-blur"
-    },
-    slot: {
-        layer0: "noise-background__layer noise-background__layer--0",
-        layer1: "noise-background__layer noise-background__layer--1",
-        layer2: "noise-background__layer noise-background__layer--2",
-        strip: "noise-background__strip",
-        noiseWrap: "noise-background__noise-wrap",
-        noiseImage: "noise-background__noise-image",
-        content: "noise-background__content"
-    }
-};
-export { CLASSES };

package/dist/components/noise-background/NoiseBackground.css

@@ -1,66 +0,0 @@
-@layer components {
-  .noise-background {
-    position: relative;
-    overflow: hidden;
-    background: var(--color-base-200);
-    backdrop-filter: blur(4px);
-    box-shadow:
-      0 1px 0 0 var(--color-base-300) inset,
-      0 1px 0 0 var(--color-base-100);
-  }
-
-  .noise-background--backdrop-blur::after {
-    content: "";
-    position: absolute;
-    inset: 0;
-    width: 100%;
-    height: 100%;
-    backdrop-filter: blur(16px);
-    pointer-events: none;
-  }
-
-  .noise-background__layer {
-    position: absolute;
-    inset: 0;
-  }
-
-  .noise-background__layer--0 {
-    opacity: 0.4;
-  }
-
-  .noise-background__layer--1 {
-    opacity: 0.3;
-  }
-
-  .noise-background__layer--2 {
-    opacity: 0.25;
-  }
-
-  .noise-background__strip {
-    position: absolute;
-    top: 0;
-    inset-inline: 0;
-    height: 0.25rem;
-    opacity: 0.8;
-    filter: blur(4px);
-  }
-
-  .noise-background__noise-wrap {
-    pointer-events: none;
-    position: absolute;
-    inset: 0;
-    overflow: hidden;
-  }
-
-  .noise-background__noise-image {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    mix-blend-mode: overlay;
-  }
-
-  .noise-background__content {
-    position: relative;
-    z-index: 10;
-  }
-}

package/dist/components/number-field/NumberField.classes.d.ts

@@ -1,27 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "number-field";
-        readonly variant: {
-            readonly primary: "number-field--primary";
-            readonly secondary: "number-field--secondary";
-        };
-        readonly flag: {
-            readonly fullWidth: "number-field--full-width";
-        };
-    };
-    readonly Group: {
-        readonly base: "number-field__group";
-        readonly flag: {
-            readonly fullWidth: "number-field__group--full-width";
-        };
-    };
-    readonly Input: {
-        readonly base: "number-field__input";
-    };
-    readonly IncrementButton: {
-        readonly base: "number-field__increment-button";
-    };
-    readonly DecrementButton: {
-        readonly base: "number-field__decrement-button";
-    };
-};

package/dist/components/number-field/NumberField.classes.js

@@ -1,28 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "number-field",
-        variant: {
-            primary: "number-field--primary",
-            secondary: "number-field--secondary"
-        },
-        flag: {
-            fullWidth: "number-field--full-width"
-        }
-    },
-    Group: {
-        base: "number-field__group",
-        flag: {
-            fullWidth: "number-field__group--full-width"
-        }
-    },
-    Input: {
-        base: "number-field__input"
-    },
-    IncrementButton: {
-        base: "number-field__increment-button"
-    },
-    DecrementButton: {
-        base: "number-field__decrement-button"
-    }
-};
-export { CLASSES };