@pathscale/ui 1.2.10 → 1.2.11

package/dist/components/badge/Badge.css

@@ -1,164 +1,164 @@
-@layer components {
-  .badge {
-    display: inline-flex;
-    flex-shrink: 0;
-    align-items: center;
-    justify-content: center;
-    gap: 0.125rem;
-    font-weight: 500;
-
-    min-height: 1.75rem;
-    min-width: 1.75rem;
-    border-radius: 1.5rem;
-    font-size: 0.75rem;
-    line-height: 1.34;
-
-    --badge-bg: var(--color-default);
-    --badge-fg: var(--color-default-foreground);
-    --badge-border: var(--color-background);
-
-    background-color: var(--badge-bg);
-    color: var(--badge-fg);
-    border: 1px solid var(--badge-border);
-  }
-
-  .badge__label {
-    padding-inline: 0.125rem;
-  }
-
-  .badge-anchor {
-    position: relative;
-    display: inline-flex;
-    flex-shrink: 0;
-  }
-
-  .badge--lg {
-    min-height: 2rem;
-    min-width: 2rem;
-    border-radius: 1rem;
-    font-size: 0.875rem;
-    line-height: 1.43;
-  }
-
-  .badge--md {
-    /* Default size */
-  }
-
-  .badge--sm {
-    min-height: 1rem;
-    min-width: 1rem;
-    border-radius: 0.75rem;
-    font-size: 10px;
-    line-height: 1.34;
-  }
-
-  .badge--accent {
-    --badge-fg: var(--color-accent);
-  }
-
-  .badge--default {
-    --badge-fg: var(--color-default-foreground);
-  }
-
-  .badge--success {
-    --badge-fg: var(--color-success);
-  }
-
-  .badge--warning {
-    --badge-fg: var(--color-warning);
-  }
-
-  .badge--danger {
-    --badge-fg: var(--color-danger);
-  }
-
-  .badge--primary {
-    /* Compound variants handle tokens */
-  }
-
-  .badge--secondary {
-    /* Base behavior */
-  }
-
-  .badge--soft {
-    /* Compound variants handle tokens */
-  }
-
-  .badge--top-right {
-    position: absolute;
-    top: 0;
-    right: 0;
-    transform: translate(25%, -25%);
-  }
-
-  .badge--top-left {
-    position: absolute;
-    top: 0;
-    left: 0;
-    transform: translate(-25%, -25%);
-  }
-
-  .badge--bottom-right {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    transform: translate(25%, 25%);
-  }
-
-  .badge--bottom-left {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    transform: translate(-25%, 25%);
-  }
-
-  .badge--primary.badge--accent {
-    --badge-bg: var(--color-accent);
-    --badge-fg: var(--color-accent-foreground);
-  }
-
-  .badge--primary.badge--default {
-    --badge-bg: var(--color-default);
-    --badge-fg: var(--color-default-foreground);
-  }
-
-  .badge--primary.badge--success {
-    --badge-bg: var(--color-success);
-    --badge-fg: var(--color-success-foreground);
-  }
-
-  .badge--primary.badge--warning {
-    --badge-bg: var(--color-warning);
-    --badge-fg: var(--color-warning-foreground);
-  }
-
-  .badge--primary.badge--danger {
-    --badge-bg: var(--color-danger);
-    --badge-fg: var(--color-danger-foreground);
-  }
-
-  .badge--soft.badge--accent {
-    --badge-bg: var(--color-accent-soft);
-    --badge-fg: var(--color-accent-soft-foreground);
-  }
-
-  .badge--soft.badge--default {
-    --badge-bg: var(--color-default);
-    --badge-fg: var(--color-default-foreground);
-  }
-
-  .badge--soft.badge--success {
-    --badge-bg: var(--color-success-soft);
-    --badge-fg: var(--color-success-soft-foreground);
-  }
-
-  .badge--soft.badge--warning {
-    --badge-bg: var(--color-warning-soft);
-    --badge-fg: var(--color-warning-soft-foreground);
-  }
-
-  .badge--soft.badge--danger {
-    --badge-bg: var(--color-danger-soft);
-    --badge-fg: var(--color-danger-soft-foreground);
-  }
-}
+@layer components {
+  .badge {
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    gap: 0.125rem;
+    font-weight: 500;
+
+    min-height: 1.75rem;
+    min-width: 1.75rem;
+    border-radius: 1.5rem;
+    font-size: 0.75rem;
+    line-height: 1.34;
+
+    --badge-bg: var(--color-default);
+    --badge-fg: var(--color-default-foreground);
+    --badge-border: var(--color-background);
+
+    background-color: var(--badge-bg);
+    color: var(--badge-fg);
+    border: 1px solid var(--badge-border);
+  }
+
+  .badge__label {
+    padding-inline: 0.125rem;
+  }
+
+  .badge-anchor {
+    position: relative;
+    display: inline-flex;
+    flex-shrink: 0;
+  }
+
+  .badge--lg {
+    min-height: 2rem;
+    min-width: 2rem;
+    border-radius: 1rem;
+    font-size: 0.875rem;
+    line-height: 1.43;
+  }
+
+  .badge--md {
+    /* Default size */
+  }
+
+  .badge--sm {
+    min-height: 1rem;
+    min-width: 1rem;
+    border-radius: 0.75rem;
+    font-size: 10px;
+    line-height: 1.34;
+  }
+
+  .badge--accent {
+    --badge-fg: var(--color-accent);
+  }
+
+  .badge--default {
+    --badge-fg: var(--color-default-foreground);
+  }
+
+  .badge--success {
+    --badge-fg: var(--color-success);
+  }
+
+  .badge--warning {
+    --badge-fg: var(--color-warning);
+  }
+
+  .badge--danger {
+    --badge-fg: var(--color-danger);
+  }
+
+  .badge--primary {
+    /* Compound variants handle tokens */
+  }
+
+  .badge--secondary {
+    /* Base behavior */
+  }
+
+  .badge--soft {
+    /* Compound variants handle tokens */
+  }
+
+  .badge--top-right {
+    position: absolute;
+    top: 0;
+    right: 0;
+    transform: translate(25%, -25%);
+  }
+
+  .badge--top-left {
+    position: absolute;
+    top: 0;
+    left: 0;
+    transform: translate(-25%, -25%);
+  }
+
+  .badge--bottom-right {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    transform: translate(25%, 25%);
+  }
+
+  .badge--bottom-left {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    transform: translate(-25%, 25%);
+  }
+
+  .badge--primary.badge--accent {
+    --badge-bg: var(--color-accent);
+    --badge-fg: var(--color-accent-foreground);
+  }
+
+  .badge--primary.badge--default {
+    --badge-bg: var(--color-default);
+    --badge-fg: var(--color-default-foreground);
+  }
+
+  .badge--primary.badge--success {
+    --badge-bg: var(--color-success);
+    --badge-fg: var(--color-success-foreground);
+  }
+
+  .badge--primary.badge--warning {
+    --badge-bg: var(--color-warning);
+    --badge-fg: var(--color-warning-foreground);
+  }
+
+  .badge--primary.badge--danger {
+    --badge-bg: var(--color-danger);
+    --badge-fg: var(--color-danger-foreground);
+  }
+
+  .badge--soft.badge--accent {
+    --badge-bg: var(--color-accent-soft);
+    --badge-fg: var(--color-accent-soft-foreground);
+  }
+
+  .badge--soft.badge--default {
+    --badge-bg: var(--color-default);
+    --badge-fg: var(--color-default-foreground);
+  }
+
+  .badge--soft.badge--success {
+    --badge-bg: var(--color-success-soft);
+    --badge-fg: var(--color-success-soft-foreground);
+  }
+
+  .badge--soft.badge--warning {
+    --badge-bg: var(--color-warning-soft);
+    --badge-fg: var(--color-warning-soft-foreground);
+  }
+
+  .badge--soft.badge--danger {
+    --badge-bg: var(--color-danger-soft);
+    --badge-fg: var(--color-danger-soft-foreground);
+  }
+}

package/dist/components/breadcrumbs/Breadcrumbs.css

@@ -1,63 +1,63 @@
-@layer components {
-  /* -------------------------------------------------------------------------------------------------
-   * Root
-   * -----------------------------------------------------------------------------------------------*/
-  .breadcrumbs {
-    display: flex;
-    align-items: center;
-  }
-
-  /* -------------------------------------------------------------------------------------------------
-   * Item
-   * -----------------------------------------------------------------------------------------------*/
-  .breadcrumbs__item {
-    display: flex;
-    flex-shrink: 0;
-    align-items: center;
-    justify-content: center;
-    gap: 0.25rem;
-    padding: 0 0.125rem;
-  }
-
-  /* -------------------------------------------------------------------------------------------------
-   * Link
-   * -----------------------------------------------------------------------------------------------*/
-  .breadcrumbs__link {
-    position: relative;
-    padding: 0 0.125rem;
-    font-size: 0.875rem;
-    font-weight: 500;
-    line-height: 1.25rem;
-    color: color-mix(in oklab, var(--color-base-content) 62%, transparent);
-    text-decoration: none;
-  }
-
-  a.breadcrumbs__link:hover {
-    text-decoration: underline;
-  }
-
-  .breadcrumbs__link[data-current="true"] {
-    color: var(--color-base-content);
-  }
-
-  a.breadcrumbs__link:focus-visible {
-    outline: 2px solid var(--color-accent);
-    outline-offset: 2px;
-    border-radius: var(--radius-field, 0.25rem);
-  }
-
-  /* -------------------------------------------------------------------------------------------------
-   * Separator
-   * -----------------------------------------------------------------------------------------------*/
-  .breadcrumbs__separator {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
-    margin: 0 0.125rem;
-  }
-
-  [dir="rtl"] .breadcrumbs__separator {
-    transform: rotate(180deg);
-  }
-}
+@layer components {
+  /* -------------------------------------------------------------------------------------------------
+   * Root
+   * -----------------------------------------------------------------------------------------------*/
+  .breadcrumbs {
+    display: flex;
+    align-items: center;
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Item
+   * -----------------------------------------------------------------------------------------------*/
+  .breadcrumbs__item {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    gap: 0.25rem;
+    padding: 0 0.125rem;
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Link
+   * -----------------------------------------------------------------------------------------------*/
+  .breadcrumbs__link {
+    position: relative;
+    padding: 0 0.125rem;
+    font-size: 0.875rem;
+    font-weight: 500;
+    line-height: 1.25rem;
+    color: color-mix(in oklab, var(--color-base-content) 62%, transparent);
+    text-decoration: none;
+  }
+
+  a.breadcrumbs__link:hover {
+    text-decoration: underline;
+  }
+
+  .breadcrumbs__link[data-current="true"] {
+    color: var(--color-base-content);
+  }
+
+  a.breadcrumbs__link:focus-visible {
+    outline: 2px solid var(--color-accent);
+    outline-offset: 2px;
+    border-radius: var(--radius-field, 0.25rem);
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Separator
+   * -----------------------------------------------------------------------------------------------*/
+  .breadcrumbs__separator {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
+    margin: 0 0.125rem;
+  }
+
+  [dir="rtl"] .breadcrumbs__separator {
+    transform: rotate(180deg);
+  }
+}