boreal-ui 0.0.76 → 0.0.78

package/dist/next/Badge.css

@@ -0,0 +1,640 @@
+@charset "UTF-8";
+/**
+ * ---------------------------------------------------------------------
+ * theme.scss
+ * ---------------------------------------------------------------------
+ * Global design tokens and theme configuration for the Boreal UI system.
+ * This file defines SCSS variables, maps, and constants for:
+ * - Colors (brand, background, feedback, text)
+ * - Fonts (families, sizes, weights)
+ * - Spacing
+ * - Border radii
+ * - Shadows
+ * - Transitions
+ * - Z-index layers
+ * - Thematic color maps
+ * - UI states (success, error, warning)
+ * - Rounding and shadow presets
+ * 
+ * All variables support the `!default` flag to allow overrides via user-defined themes.
+ * ---------------------------------------------------------------------
+ *
+ * == Color Palette ==
+ * $primary-color           – Brand primary color
+ * $secondary-color         – Secondary accent color
+ * $tertiary-color          – Alternate accent color
+ * $quaternary-color        – Alternate accent color
+ * $background-color        – Main background color (dark)
+ * $background-color-surface – Surface layer background (cards, modals)
+ * $error-color, $success-color, $warning-color – Feedback states
+ * $link-color              – Link default color
+ * $link-hover-color        – Link hover state
+ * $text-color, $text-color-light, $text-color-primary, $text-color-secondary – Text coloring
+ *
+ * == Typography ==
+ * $font-family-primary / secondary – Primary typefaces
+ * $font-size-xxs to $font-size-xxl – Font size scale
+ * $font-weight-light to bolder     – Font weights
+ *
+ * == Spacing ==
+ * $spacing-xxs to $spacing-xl – Margin/padding utility scale
+ *
+ * == Border Radius ==
+ * $border-radius-xs to full  – Border rounding presets
+ *
+ * == Shadows ==
+ * $box-shadow-light to intense – Shadow elevation levels
+ * $inverted-shadows            – Shadows used on dark surfaces (e.g. modals)
+ *
+ * == Transitions ==
+ * $transition-fast / default / slow – Standard easing transitions
+ *
+ * == Z-Index Layers ==
+ * $z-index-drawer   – For slide-out panels
+ * $z-index-modal    – For modals and overlays
+ * $z-index-tooltip  – Highest layer for tooltips and floating labels
+ *
+ * == Theme Map ==
+ * $themes: map of theme names (e.g. "primary", "secondary") to their visual styles
+ *  - Each theme includes: bg, hover, text, border, text-hover
+ *
+ * == State Map ==
+ * $states: visual styles for UI feedback states (success, error, warning)
+ *
+ * == Rounding / Shadow Maps ==
+ * $rounding: key-value pairs for component rounding levels
+ * $shadow: key-value pairs for shadow levels
+ */
+/**
+ * -----------------------------------------------------
+ * _breakpoints.scss
+ * -----------------------------------------------------
+ * These constants define the standard device-width breakpoints
+ * used in responsive media queries throughout the theme.
+ *
+ * - $breakpoint-xs: 320px  (Extra small, portrait phones)
+ * - $breakpoint-sm: 480px  (Small devices, larger phones)
+ * - $breakpoint-md: 768px  (Medium devices, tablets)
+ * - $breakpoint-lg: 1024px (Large devices, desktops)
+ * - $breakpoint-xl: 1280px (Extra large desktops)
+ * - $breakpoint-xxl: 1536px (Widescreens, large monitors)
+ *
+ * $breakpoints map:
+ *  Use this map to loop over breakpoints or access named values.
+ */
+._badge_1v2rq_85 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  width: fit-content;
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-label);
+  font-weight: var(--font-weight-label);
+  line-height: var(--line-height-label);
+  letter-spacing: var(--letter-spacing-label);
+  padding: var(--spacing-xs) var(--spacing-md);
+  border: none;
+  border-radius: var(--border-radius-sm);
+  white-space: nowrap;
+  transition: all var(--transition-default);
+  cursor: default;
+}
+._badge_1v2rq_85._clickable_1v2rq_102:hover {
+  transform: scale(1.05);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
+  cursor: pointer;
+}
+@media (width <= 479.98px) {
+  ._badge_1v2rq_85._clickable_1v2rq_102:hover {
+    transform: scale(1.03);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
+  }
+}
+._badge_1v2rq_85._clickable_1v2rq_102:focus {
+  outline: 2px solid var(--focus-outline-color);
+  outline-offset: 2px;
+}
+@media (width <= 479.98px) {
+  ._badge_1v2rq_85 {
+    font-size: var(--font-size-caption);
+    padding: var(--spacing-xs) var(--spacing-sm);
+  }
+}
+@media (min-width: 1024px) {
+  ._badge_1v2rq_85 {
+    font-size: var(--font-size-body-sm);
+    padding: var(--spacing-xs) calc(var(--spacing-md) - 2px);
+  }
+}
+
+._icon_1v2rq_130 {
+  font-size: 1.2em;
+  line-height: 1;
+  margin-top: -0.1em;
+}
+@media (width <= 479.98px) {
+  ._icon_1v2rq_130 {
+    font-size: 1em;
+  }
+}
+@media (min-width: 1024px) {
+  ._icon_1v2rq_130 {
+    font-size: 1.3em;
+  }
+}
+
+._clear_1v2rq_146 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+._clear_1v2rq_146._clickable_1v2rq_102:hover {
+  transform: translateY(-2px);
+  box-shadow: var(--box-shadow-heavy);
+}
+@media (width <= 479.98px) {
+  ._clear_1v2rq_146._clickable_1v2rq_102:hover {
+    transform: translateY(-1px);
+    box-shadow: var(--box-shadow-medium);
+  }
+}
+._clear_1v2rq_146._clickable_1v2rq_102:focus {
+  outline: 2px solid var(--text-color-primary);
+  outline-offset: 2px;
+}
+._clear_outline_1v2rq_164 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  border: 2px solid var(--text-color-primary);
+}
+@media (width <= 479.98px) {
+  ._clear_outline_1v2rq_164 {
+    border-width: 1.5px;
+  }
+}
+._clear_outline_1v2rq_164._clickable_1v2rq_102:hover {
+  transform: translateY(-2px);
+  box-shadow: var(--box-shadow-heavy);
+}
+@media (width <= 479.98px) {
+  ._clear_outline_1v2rq_164._clickable_1v2rq_102:hover {
+    transform: translateY(-1px);
+    box-shadow: var(--box-shadow-medium);
+  }
+}
+._clear_outline_1v2rq_164._clickable_1v2rq_102:focus {
+  outline: 2px solid var(--text-color-primary);
+  outline-offset: 2px;
+}
+
+._shadowNone_1v2rq_189 {
+  box-shadow: var(--box-shadow-none);
+}
+
+._shadowLight_1v2rq_193 {
+  box-shadow: var(--box-shadow-light);
+}
+
+._shadowMedium_1v2rq_197 {
+  box-shadow: var(--box-shadow-medium);
+}
+
+._shadowStrong_1v2rq_201 {
+  box-shadow: var(--box-shadow-heavy);
+}
+
+._shadowIntense_1v2rq_205 {
+  box-shadow: var(--box-shadow-intense);
+}
+
+._roundNone_1v2rq_209 {
+  border-radius: var(--border-radius-none);
+}
+
+._roundSmall_1v2rq_213 {
+  border-radius: var(--border-radius-sm);
+}
+
+._roundMedium_1v2rq_217 {
+  border-radius: var(--border-radius-md);
+}
+
+._roundLarge_1v2rq_221 {
+  border-radius: var(--border-radius-lg);
+}
+
+._roundFull_1v2rq_225 {
+  border-radius: var(--border-radius-full);
+}
+
+._primary_1v2rq_229 {
+  background-color: var(--primary-color);
+  color: var(--text-color-primary);
+}
+._primary_1v2rq_229._clickable_1v2rq_102:hover {
+  background-color: var(--primary-color-hover);
+  transform: translateY(-2px);
+  box-shadow: var(--box-shadow-heavy);
+}
+@media (width <= 479.98px) {
+  ._primary_1v2rq_229._clickable_1v2rq_102:hover {
+    transform: translateY(-1px);
+    box-shadow: var(--box-shadow-medium);
+  }
+}
+._primary_1v2rq_229._clickable_1v2rq_102:focus {
+  outline: 2px solid var(--primary-color);
+  outline-offset: 2px;
+}
+._primary_1v2rq_229 ._loader_1v2rq_248 {
+  border-top-color: var(--text-color-primary);
+}
+
+._primary_1v2rq_229._outline_1v2rq_252 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  border: 2px solid var(--primary-color);
+  box-shadow: none;
+}
+@media (width <= 479.98px) {
+  ._primary_1v2rq_229._outline_1v2rq_252 {
+    border-width: 1.5px;
+  }
+}
+._primary_1v2rq_229._outline_1v2rq_252._clickable_1v2rq_102:hover {
+  border-color: var(--primary-color-hover);
+  color: var(--text-color-primary);
+}
+
+._secondary_1v2rq_268 {
+  background-color: var(--secondary-color);
+  color: var(--text-color-secondary);
+}
+._secondary_1v2rq_268._clickable_1v2rq_102:hover {
+  background-color: var(--secondary-color-hover);
+  transform: translateY(-2px);
+  box-shadow: var(--box-shadow-heavy);
+}
+@media (width <= 479.98px) {
+  ._secondary_1v2rq_268._clickable_1v2rq_102:hover {
+    transform: translateY(-1px);
+    box-shadow: var(--box-shadow-medium);
+  }
+}
+._secondary_1v2rq_268._clickable_1v2rq_102:focus {
+  outline: 2px solid var(--secondary-color);
+  outline-offset: 2px;
+}
+._secondary_1v2rq_268 ._loader_1v2rq_248 {
+  border-top-color: var(--text-color-secondary);
+}
+
+._secondary_1v2rq_268._outline_1v2rq_252 {
+  background-color: transparent;
+  color: var(--text-color-secondary);
+  border: 2px solid var(--secondary-color);
+  box-shadow: none;
+}
+@media (width <= 479.98px) {
+  ._secondary_1v2rq_268._outline_1v2rq_252 {
+    border-width: 1.5px;
+  }
+}
+._secondary_1v2rq_268._outline_1v2rq_252._clickable_1v2rq_102:hover {
+  border-color: var(--secondary-color-hover);
+  color: var(--text-color-secondary);
+}
+
+._tertiary_1v2rq_307 {
+  background-color: var(--tertiary-color);
+  color: var(--text-color-primary);
+}
+._tertiary_1v2rq_307._clickable_1v2rq_102:hover {
+  background-color: var(--tertiary-color-hover);
+  transform: translateY(-2px);
+  box-shadow: var(--box-shadow-heavy);
+}
+@media (width <= 479.98px) {
+  ._tertiary_1v2rq_307._clickable_1v2rq_102:hover {
+    transform: translateY(-1px);
+    box-shadow: var(--box-shadow-medium);
+  }
+}
+._tertiary_1v2rq_307._clickable_1v2rq_102:focus {
+  outline: 2px solid var(--tertiary-color);
+  outline-offset: 2px;
+}
+._tertiary_1v2rq_307 ._loader_1v2rq_248 {
+  border-top-color: var(--text-color-primary);
+}
+
+._tertiary_1v2rq_307._outline_1v2rq_252 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  border: 2px solid var(--tertiary-color);
+  box-shadow: none;
+}
+@media (width <= 479.98px) {
+  ._tertiary_1v2rq_307._outline_1v2rq_252 {
+    border-width: 1.5px;
+  }
+}
+._tertiary_1v2rq_307._outline_1v2rq_252._clickable_1v2rq_102:hover {
+  border-color: var(--tertiary-color-hover);
+  color: var(--text-color-primary);
+}
+
+._quaternary_1v2rq_346 {
+  background-color: var(--quaternary-color);
+  color: var(--text-color-primary);
+}
+._quaternary_1v2rq_346._clickable_1v2rq_102:hover {
+  background-color: var(--quaternary-color-hover);
+  transform: translateY(-2px);
+  box-shadow: var(--box-shadow-heavy);
+}
+@media (width <= 479.98px) {
+  ._quaternary_1v2rq_346._clickable_1v2rq_102:hover {
+    transform: translateY(-1px);
+    box-shadow: var(--box-shadow-medium);
+  }
+}
+._quaternary_1v2rq_346._clickable_1v2rq_102:focus {
+  outline: 2px solid var(--quaternary-color);
+  outline-offset: 2px;
+}
+._quaternary_1v2rq_346 ._loader_1v2rq_248 {
+  border-top-color: var(--text-color-primary);
+}
+
+._quaternary_1v2rq_346._outline_1v2rq_252 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  border: 2px solid var(--quaternary-color);
+  box-shadow: none;
+}
+@media (width <= 479.98px) {
+  ._quaternary_1v2rq_346._outline_1v2rq_252 {
+    border-width: 1.5px;
+  }
+}
+._quaternary_1v2rq_346._outline_1v2rq_252._clickable_1v2rq_102:hover {
+  border-color: var(--quaternary-color-hover);
+}
+
+._clear_1v2rq_146 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+._clear_1v2rq_146._clickable_1v2rq_102:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+  transform: translateY(-2px);
+  box-shadow: var(--box-shadow-heavy);
+}
+@media (width <= 479.98px) {
+  ._clear_1v2rq_146._clickable_1v2rq_102:hover {
+    transform: translateY(-1px);
+    box-shadow: var(--box-shadow-medium);
+  }
+}
+._clear_1v2rq_146._clickable_1v2rq_102:focus {
+  outline: 2px solid var(--text-color-primary);
+  outline-offset: 2px;
+}
+._clear_1v2rq_146 ._loader_1v2rq_248 {
+  border-top-color: var(--text-color-primary);
+}
+
+._clear_1v2rq_146._outline_1v2rq_252 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  border: 2px solid var(--text-color-primary);
+  box-shadow: none;
+}
+@media (width <= 479.98px) {
+  ._clear_1v2rq_146._outline_1v2rq_252 {
+    border-width: 1.5px;
+  }
+}
+._clear_1v2rq_146._outline_1v2rq_252._clickable_1v2rq_102:hover {
+  border-color: rgba(0, 0, 0, 0.2);
+  color: var(--disabled-color);
+}
+
+._success_1v2rq_423 {
+  background-color: var(--success-color);
+  color: var(--text-color-primary);
+}
+._success_1v2rq_423._clickable_1v2rq_102:hover {
+  background-color: var(--success-color-hover);
+  transform: translateY(-2px);
+  box-shadow: var(--box-shadow-heavy);
+}
+@media (width <= 479.98px) {
+  ._success_1v2rq_423._clickable_1v2rq_102:hover {
+    transform: translateY(-1px);
+    box-shadow: var(--box-shadow-medium);
+  }
+}
+._success_1v2rq_423._clickable_1v2rq_102:focus {
+  outline: 2px solid var(--success-color);
+  outline-offset: 2px;
+}
+._success_1v2rq_423 ._loader_1v2rq_248 {
+  border-top-color: var(--text-color-primary);
+}
+
+._success_1v2rq_423._outline_1v2rq_252 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  border: 2px solid var(--success-color);
+  box-shadow: none;
+}
+@media (width <= 479.98px) {
+  ._success_1v2rq_423._outline_1v2rq_252 {
+    border-width: 1.5px;
+  }
+}
+._success_1v2rq_423._outline_1v2rq_252._clickable_1v2rq_102:hover {
+  border-color: var(--success-color-hover);
+  color: var(--text-color-primary);
+}
+
+._error_1v2rq_462 {
+  background-color: var(--error-color);
+  color: var(--text-color-primary);
+}
+._error_1v2rq_462._clickable_1v2rq_102:hover {
+  background-color: var(--error-color-hover);
+  transform: translateY(-2px);
+  box-shadow: var(--box-shadow-heavy);
+}
+@media (width <= 479.98px) {
+  ._error_1v2rq_462._clickable_1v2rq_102:hover {
+    transform: translateY(-1px);
+    box-shadow: var(--box-shadow-medium);
+  }
+}
+._error_1v2rq_462._clickable_1v2rq_102:focus {
+  outline: 2px solid var(--error-color);
+  outline-offset: 2px;
+}
+._error_1v2rq_462 ._loader_1v2rq_248 {
+  border-top-color: var(--text-color-primary);
+}
+
+._error_1v2rq_462._outline_1v2rq_252 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  border: 2px solid var(--error-color);
+  box-shadow: none;
+}
+@media (width <= 479.98px) {
+  ._error_1v2rq_462._outline_1v2rq_252 {
+    border-width: 1.5px;
+  }
+}
+._error_1v2rq_462._outline_1v2rq_252._clickable_1v2rq_102:hover {
+  border-color: var(--error-color-hover);
+  color: var(--text-color-primary);
+}
+
+._warning_1v2rq_501 {
+  background-color: var(--warning-color);
+  color: var(--text-color-primary);
+}
+._warning_1v2rq_501._clickable_1v2rq_102:hover {
+  background-color: var(--warning-color-hover);
+  transform: translateY(-2px);
+  box-shadow: var(--box-shadow-heavy);
+}
+@media (width <= 479.98px) {
+  ._warning_1v2rq_501._clickable_1v2rq_102:hover {
+    transform: translateY(-1px);
+    box-shadow: var(--box-shadow-medium);
+  }
+}
+._warning_1v2rq_501._clickable_1v2rq_102:focus {
+  outline: 2px solid var(--warning-color);
+  outline-offset: 2px;
+}
+._warning_1v2rq_501 ._loader_1v2rq_248 {
+  border-top-color: var(--text-color-primary);
+}
+
+._warning_1v2rq_501._outline_1v2rq_252 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  border: 2px solid var(--warning-color);
+  box-shadow: none;
+}
+@media (width <= 479.98px) {
+  ._warning_1v2rq_501._outline_1v2rq_252 {
+    border-width: 1.5px;
+  }
+}
+._warning_1v2rq_501._outline_1v2rq_252._clickable_1v2rq_102:hover {
+  border-color: var(--warning-color-hover);
+  color: var(--text-color-primary);
+}
+
+._disabled_1v2rq_540 {
+  background-color: var(--disabled-color);
+  cursor: not-allowed;
+  pointer-events: none;
+  opacity: 0.6;
+}
+
+._xs_1v2rq_547 {
+  font-size: var(--font-size-xxs);
+  padding: 2px var(--spacing-sm);
+}
+@media (min-width: 1024px) {
+  ._xs_1v2rq_547 {
+    font-size: var(--font-size-xs);
+    padding: 3px 10px;
+  }
+}
+
+._small_1v2rq_558 {
+  font-size: var(--font-size-caption);
+  padding: var(--spacing-xs) var(--spacing-sm);
+}
+@media (min-width: 1024px) {
+  ._small_1v2rq_558 {
+    font-size: var(--font-size-label);
+    padding: var(--spacing-xs) 10px;
+  }
+}
+
+._medium_1v2rq_569 {
+  font-size: var(--font-size-label);
+  padding: var(--spacing-xs) 10px;
+}
+@media (width <= 479.98px) {
+  ._medium_1v2rq_569 {
+    font-size: var(--font-size-caption);
+    padding: 3px var(--spacing-sm);
+  }
+}
+@media (min-width: 1024px) {
+  ._medium_1v2rq_569 {
+    font-size: var(--font-size-body-sm);
+    padding: 5px 12px;
+  }
+}
+
+._large_1v2rq_586 {
+  font-size: var(--font-size-body-sm);
+  padding: var(--spacing-xs) 12px;
+}
+@media (width <= 479.98px) {
+  ._large_1v2rq_586 {
+    font-size: var(--font-size-label);
+    padding: var(--spacing-xs) 10px;
+  }
+}
+@media (min-width: 1024px) {
+  ._large_1v2rq_586 {
+    font-size: var(--font-size-body);
+    padding: 6px 14px;
+  }
+}
+
+._xl_1v2rq_603 {
+  font-size: var(--font-size-body);
+  padding: var(--spacing-xs) 14px;
+}
+@media (width <= 479.98px) {
+  ._xl_1v2rq_603 {
+    font-size: var(--font-size-body-sm);
+    padding: var(--spacing-xs) 12px;
+  }
+}
+@media (min-width: 1024px) {
+  ._xl_1v2rq_603 {
+    font-size: var(--font-size-h6);
+    padding: 6px 16px;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._badge_1v2rq_85 {
+    transition: none;
+  }
+  ._badge_1v2rq_85._clickable_1v2rq_102:hover {
+    transform: none;
+    box-shadow: none;
+  }
+}
+@media (hover: none) {
+  ._badge_1v2rq_85._clickable_1v2rq_102:hover {
+    transform: none;
+    box-shadow: none;
+  }
+}
+@media (forced-colors: active) {
+  ._badge_1v2rq_85 {
+    border: 1px solid ButtonText;
+    outline-color: Highlight;
+  }
+}

package/dist/next/Badge.js

@@ -1,4 +1,4 @@
-import { B } from "./Badge-uyqxj7ag.js";
+import { B } from "./Badge-BqVwp5Qj.js";
 export {
   B as default
 };

package/dist/next/{Breadcrumbs-CuvOmgFe.cjs → Breadcrumbs-33eZmvpJ.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./globals.css');require('./Breadcrumbs.css');const require$$2 = require("react/jsx-runtime");
 const link$1 = require("./link-CenftYXJ.cjs");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
@@ -7,7 +7,7 @@ const ArrowRightIcon = require("./ArrowRightIcon-BVb75OpX.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
 ;/* empty css                   */
-const Button = require("./Button-BZmph-Qr.cjs");
+const Button = require("./Button-CmH6HYjc.cjs");
 const breadcrumbs = "_breadcrumbs_1kofp_85";
 const ellipsis = "_ellipsis_1kofp_114";
 const roundNone = "_roundNone_1kofp_118";
@@ -252,4 +252,4 @@ const Breadcrumbs = (props) => {
 };
 Breadcrumbs.displayName = "Breadcrumbs";
 exports.Breadcrumbs = Breadcrumbs;
-//# sourceMappingURL=Breadcrumbs-CuvOmgFe.cjs.map
+//# sourceMappingURL=Breadcrumbs-33eZmvpJ.cjs.map