boreal-ui 0.0.76 → 0.0.78

package/dist/next/Breadcrumbs.css

@@ -0,0 +1,579 @@
+@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.
+ */
+._breadcrumbs_1kofp_85 {
+  display: flex;
+  align-items: center;
+  width: fit-content;
+  padding: var(--spacing-xs) var(--spacing-sm);
+  gap: var(--spacing-xs);
+  list-style: none;
+  overflow-x: auto;
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-body-sm);
+  font-weight: var(--font-weight-body);
+  line-height: var(--line-height-label);
+  letter-spacing: var(--letter-spacing-label);
+}
+@media (width <= 479.98px) {
+  ._breadcrumbs_1kofp_85 {
+    font-size: var(--font-size-label);
+    gap: var(--spacing-xxs);
+    padding: var(--spacing-xs);
+  }
+}
+@media (min-width: 1024px) {
+  ._breadcrumbs_1kofp_85 {
+    font-size: var(--font-size-body);
+    gap: var(--spacing-sm);
+    padding: var(--spacing-sm) var(--spacing-md);
+  }
+}
+
+._ellipsis_1kofp_114 {
+  padding: 0;
+}
+
+._roundNone_1kofp_118 {
+  border-radius: var(--border-radius-none);
+}
+
+._roundSmall_1kofp_122 {
+  border-radius: var(--border-radius-sm);
+}
+
+._roundMedium_1kofp_126 {
+  border-radius: var(--border-radius-md);
+}
+
+._roundLarge_1kofp_130 {
+  border-radius: var(--border-radius-lg);
+}
+
+._roundFull_1kofp_134 {
+  border-radius: var(--border-radius-full);
+}
+
+._shadowNone_1kofp_138 {
+  box-shadow: var(--box-shadow-none);
+}
+
+._shadowLight_1kofp_142 {
+  box-shadow: var(--box-shadow-light);
+}
+
+._shadowMedium_1kofp_146 {
+  box-shadow: var(--box-shadow-medium);
+}
+
+._shadowStrong_1kofp_150 {
+  box-shadow: var(--box-shadow-heavy);
+}
+
+._shadowIntense_1kofp_154 {
+  box-shadow: var(--box-shadow-intense);
+}
+
+._primary_1kofp_158 {
+  color: var(--text-color-primary);
+  background-color: var(--primary-color);
+}
+._primary_1kofp_158:focus {
+  outline: 2px solid var(--primary-color);
+  outline-offset: 2px;
+}
+
+._primary_1kofp_158._outline_1kofp_167 {
+  color: var(--text-color-primary);
+  background-color: transparent;
+  border: 2px solid var(--primary-color);
+}
+@media (width <= 479.98px) {
+  ._primary_1kofp_158._outline_1kofp_167 {
+    border-width: 1.5px;
+  }
+}
+._primary_1kofp_158._outline_1kofp_167:hover {
+  color: var(--text-color-primary);
+  background-color: var(--primary-color-hover);
+}
+._primary_1kofp_158._outline_1kofp_167:focus {
+  outline: 2px solid var(--primary-color-hover);
+  outline-offset: 2px;
+}
+
+._secondary_1kofp_186 {
+  color: var(--text-color-secondary);
+  background-color: var(--secondary-color);
+}
+._secondary_1kofp_186:focus {
+  outline: 2px solid var(--secondary-color);
+  outline-offset: 2px;
+}
+
+._secondary_1kofp_186._outline_1kofp_167 {
+  color: var(--text-color-secondary);
+  background-color: transparent;
+  border: 2px solid var(--secondary-color);
+}
+@media (width <= 479.98px) {
+  ._secondary_1kofp_186._outline_1kofp_167 {
+    border-width: 1.5px;
+  }
+}
+._secondary_1kofp_186._outline_1kofp_167:hover {
+  color: var(--text-color-secondary);
+  background-color: var(--secondary-color-hover);
+}
+._secondary_1kofp_186._outline_1kofp_167:focus {
+  outline: 2px solid var(--secondary-color-hover);
+  outline-offset: 2px;
+}
+
+._tertiary_1kofp_214 {
+  color: var(--text-color-primary);
+  background-color: var(--tertiary-color);
+}
+._tertiary_1kofp_214:focus {
+  outline: 2px solid var(--tertiary-color);
+  outline-offset: 2px;
+}
+
+._tertiary_1kofp_214._outline_1kofp_167 {
+  color: var(--text-color-primary);
+  background-color: transparent;
+  border: 2px solid var(--tertiary-color);
+}
+@media (width <= 479.98px) {
+  ._tertiary_1kofp_214._outline_1kofp_167 {
+    border-width: 1.5px;
+  }
+}
+._tertiary_1kofp_214._outline_1kofp_167:hover {
+  color: var(--text-color-primary);
+  background-color: var(--tertiary-color-hover);
+}
+._tertiary_1kofp_214._outline_1kofp_167:focus {
+  outline: 2px solid var(--tertiary-color-hover);
+  outline-offset: 2px;
+}
+
+._quaternary_1kofp_242 {
+  color: var(--text-color-primary);
+  background-color: var(--quaternary-color);
+}
+._quaternary_1kofp_242:focus {
+  outline: 2px solid var(--quaternary-color);
+  outline-offset: 2px;
+}
+
+._quaternary_1kofp_242._outline_1kofp_167 {
+  color: var(--text-color-primary);
+  background-color: transparent;
+  border: 2px solid var(--quaternary-color);
+}
+@media (width <= 479.98px) {
+  ._quaternary_1kofp_242._outline_1kofp_167 {
+    border-width: 1.5px;
+  }
+}
+._quaternary_1kofp_242._outline_1kofp_167:hover {
+  background-color: var(--quaternary-color-hover);
+}
+._quaternary_1kofp_242._outline_1kofp_167:focus {
+  outline: 2px solid var(--quaternary-color-hover);
+  outline-offset: 2px;
+}
+
+._clear_1kofp_269 {
+  color: var(--text-color-primary);
+  background-color: transparent;
+}
+._clear_1kofp_269:focus {
+  outline: 2px solid var(--text-color-primary);
+  outline-offset: 2px;
+}
+
+._clear_1kofp_269._outline_1kofp_167 {
+  color: var(--text-color-primary);
+  background-color: transparent;
+  border: 2px solid var(--text-color-primary);
+}
+@media (width <= 479.98px) {
+  ._clear_1kofp_269._outline_1kofp_167 {
+    border-width: 1.5px;
+  }
+}
+._clear_1kofp_269._outline_1kofp_167:hover {
+  color: var(--disabled-color);
+  background-color: rgba(0, 0, 0, 0.2);
+}
+._clear_1kofp_269._outline_1kofp_167:focus {
+  outline: 2px solid rgba(0, 0, 0, 0.2);
+  outline-offset: 2px;
+}
+
+._clear_1kofp_269 {
+  box-shadow: none;
+}
+
+._success_1kofp_301 {
+  color: var(--text-color-primary);
+  background-color: var(--success-color);
+}
+._success_1kofp_301:focus {
+  outline: 2px solid var(--success-color);
+  outline-offset: 2px;
+}
+
+._success_1kofp_301._outline_1kofp_167 {
+  color: var(--text-color-primary);
+  background-color: transparent;
+  border: 2px solid var(--success-color);
+}
+@media (width <= 479.98px) {
+  ._success_1kofp_301._outline_1kofp_167 {
+    border-width: 1.5px;
+  }
+}
+._success_1kofp_301._outline_1kofp_167:hover {
+  color: var(--text-color-primary);
+  background-color: var(--success-color-hover);
+}
+._success_1kofp_301._outline_1kofp_167:focus {
+  outline: 2px solid var(--success-color-hover);
+  outline-offset: 2px;
+}
+
+._error_1kofp_329 {
+  color: var(--text-color-primary);
+  background-color: var(--error-color);
+}
+._error_1kofp_329:focus {
+  outline: 2px solid var(--error-color);
+  outline-offset: 2px;
+}
+
+._error_1kofp_329._outline_1kofp_167 {
+  color: var(--text-color-primary);
+  background-color: transparent;
+  border: 2px solid var(--error-color);
+}
+@media (width <= 479.98px) {
+  ._error_1kofp_329._outline_1kofp_167 {
+    border-width: 1.5px;
+  }
+}
+._error_1kofp_329._outline_1kofp_167:hover {
+  color: var(--text-color-primary);
+  background-color: var(--error-color-hover);
+}
+._error_1kofp_329._outline_1kofp_167:focus {
+  outline: 2px solid var(--error-color-hover);
+  outline-offset: 2px;
+}
+
+._warning_1kofp_357 {
+  color: var(--text-color-primary);
+  background-color: var(--warning-color);
+}
+._warning_1kofp_357:focus {
+  outline: 2px solid var(--warning-color);
+  outline-offset: 2px;
+}
+
+._warning_1kofp_357._outline_1kofp_167 {
+  color: var(--text-color-primary);
+  background-color: transparent;
+  border: 2px solid var(--warning-color);
+}
+@media (width <= 479.98px) {
+  ._warning_1kofp_357._outline_1kofp_167 {
+    border-width: 1.5px;
+  }
+}
+._warning_1kofp_357._outline_1kofp_167:hover {
+  color: var(--text-color-primary);
+  background-color: var(--warning-color-hover);
+}
+._warning_1kofp_357._outline_1kofp_167:focus {
+  outline: 2px solid var(--warning-color-hover);
+  outline-offset: 2px;
+}
+
+._xs_1kofp_385 {
+  font-size: var(--font-size-caption);
+}
+@media (width <= 479.98px) {
+  ._xs_1kofp_385 {
+    font-size: var(--font-size-xxs);
+  }
+}
+@media (min-width: 1024px) {
+  ._xs_1kofp_385 {
+    font-size: var(--font-size-label);
+  }
+}
+
+._small_1kofp_399 {
+  font-size: var(--font-size-label);
+}
+@media (width <= 479.98px) {
+  ._small_1kofp_399 {
+    font-size: var(--font-size-caption);
+  }
+}
+@media (min-width: 1024px) {
+  ._small_1kofp_399 {
+    font-size: var(--font-size-body-sm);
+  }
+}
+
+._medium_1kofp_413 {
+  font-size: var(--font-size-body-sm);
+}
+@media (width <= 479.98px) {
+  ._medium_1kofp_413 {
+    font-size: var(--font-size-label);
+  }
+}
+@media (min-width: 1024px) {
+  ._medium_1kofp_413 {
+    font-size: var(--font-size-body);
+  }
+}
+
+._large_1kofp_427 {
+  font-size: var(--font-size-body);
+}
+@media (width <= 479.98px) {
+  ._large_1kofp_427 {
+    font-size: var(--font-size-body-sm);
+  }
+}
+@media (min-width: 1024px) {
+  ._large_1kofp_427 {
+    font-size: var(--font-size-h6);
+  }
+}
+
+._xl_1kofp_441 {
+  font-size: var(--font-size-h6);
+}
+@media (width <= 479.98px) {
+  ._xl_1kofp_441 {
+    font-size: var(--font-size-body);
+  }
+}
+@media (min-width: 1024px) {
+  ._xl_1kofp_441 {
+    font-size: var(--font-size-h5);
+  }
+}
+
+._list_1kofp_455 {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-xs);
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  flex-wrap: nowrap;
+}
+@media (width <= 479.98px) {
+  ._list_1kofp_455 {
+    gap: var(--spacing-xxs);
+  }
+}
+@media (min-width: 1024px) {
+  ._list_1kofp_455 {
+    gap: var(--spacing-sm);
+  }
+}
+
+._item_1kofp_476 {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  color: inherit;
+  transition: color var(--transition-default), opacity var(--transition-default), transform var(--transition-default), box-shadow var(--transition-default);
+}
+
+._item_animate_1kofp_484 {
+  animation: _fade-in_1kofp_1 0.3s ease-in-out;
+}
+
+._item_active_1kofp_488 {
+  font-weight: var(--font-weight-semibold);
+  color: var(--disabled-color);
+}
+
+._disabled_1kofp_493 {
+  background-color: var(--disabled-color);
+  cursor: not-allowed;
+  pointer-events: none;
+  opacity: 0.6;
+}
+
+._link_1kofp_500 {
+  text-decoration: none;
+  color: inherit;
+  font: inherit;
+}
+
+._link_label_1kofp_506 {
+  display: inline-block;
+  line-height: inherit;
+  letter-spacing: inherit;
+}
+._link_1kofp_500:hover ._link_label_1kofp_506 {
+  text-decoration: none;
+  opacity: 0.8;
+}
+
+._current_1kofp_516 {
+  font-weight: var(--font-weight-bold);
+  color: var(--disabled-color);
+}
+
+._separator_1kofp_521 {
+  display: flex;
+  align-items: center;
+  padding: 0 var(--spacing-xs);
+  color: var(--text-color-primary);
+  margin-top: -1px;
+  line-height: 1;
+}
+._separator_1kofp_521 svg {
+  width: 1.2em;
+  height: 1.2em;
+}
+@media (width <= 479.98px) {
+  ._separator_1kofp_521 svg {
+    width: 1em;
+    height: 1em;
+  }
+}
+@media (min-width: 1024px) {
+  ._separator_1kofp_521 svg {
+    width: 1.3em;
+    height: 1.3em;
+  }
+}
+@media (width <= 479.98px) {
+  ._separator_1kofp_521 {
+    padding: 0 var(--spacing-xxs);
+  }
+}
+@media (min-width: 1024px) {
+  ._separator_1kofp_521 {
+    padding: 0 var(--spacing-sm);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._breadcrumbs_1kofp_85,
+  ._item_1kofp_476 {
+    transition: none;
+  }
+  ._breadcrumbs_1kofp_85:hover,
+  ._item_1kofp_476:hover {
+    transform: none;
+    box-shadow: none;
+  }
+}
+@media (hover: none) {
+  ._breadcrumbs_1kofp_85:hover,
+  ._item_1kofp_476:hover {
+    transform: none;
+    box-shadow: none;
+  }
+}
+@media (forced-colors: active) {
+  ._breadcrumbs_1kofp_85 {
+    border: 1px solid ButtonText;
+    outline-color: Highlight;
+  }
+}

package/dist/next/Breadcrumbs.js

@@ -1,4 +1,4 @@
-import { B } from "./Breadcrumbs-D0AmJB4U.js";
+import { B } from "./Breadcrumbs-eetAtAHU.js";
 export {
   B as default
 };

package/dist/next/{Button-BZmph-Qr.cjs → Button-CmH6HYjc.cjs}

@@ -1,54 +1,44 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Button.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const link = require("./link-CenftYXJ.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
-const noScroll = "_noScroll_184pp_109";
-const errorMessage = "_errorMessage_184pp_110";
-const loadingContainer = "_loadingContainer_184pp_111";
-const hideScrollbar = "_hideScrollbar_184pp_103";
-const sr_only = "_sr_only_184pp_112";
-const button = "_button_184pp_638";
-const loader = "_loader_184pp_641";
-const fullWidth = "_fullWidth_184pp_703";
-const autoFull = "_autoFull_184pp_715";
-const roundNone = "_roundNone_184pp_721";
-const roundSmall = "_roundSmall_184pp_725";
-const roundMedium = "_roundMedium_184pp_729";
-const roundLarge = "_roundLarge_184pp_733";
-const roundFull = "_roundFull_184pp_737";
-const shadowNone = "_shadowNone_184pp_741";
-const shadowLight = "_shadowLight_184pp_745";
-const shadowMedium = "_shadowMedium_184pp_749";
-const shadowStrong = "_shadowStrong_184pp_753";
-const shadowIntense = "_shadowIntense_184pp_757";
-const spin = "_spin_184pp_1";
-const buttonIcon = "_buttonIcon_184pp_770";
-const buttonLabel = "_buttonLabel_184pp_787";
-const clear = "_clear_184pp_793";
-const outline = "_outline_184pp_799";
-const primary = "_primary_184pp_815";
-const secondary = "_secondary_184pp_836";
-const tertiary = "_tertiary_184pp_857";
-const quaternary = "_quaternary_184pp_878";
-const success = "_success_184pp_920";
-const error = "_error_184pp_110";
-const warning = "_warning_184pp_962";
-const disabled = "_disabled_184pp_983";
-const xs = "_xs_184pp_996";
-const small = "_small_184pp_1028";
-const medium = "_medium_184pp_1060";
-const large = "_large_184pp_1092";
-const xl = "_xl_184pp_1124";
-const pulse = "_pulse_184pp_1";
+const button = "_button_ig2uq_205";
+const loader = "_loader_ig2uq_208";
+const fullWidth = "_fullWidth_ig2uq_270";
+const autoFull = "_autoFull_ig2uq_282";
+const roundNone = "_roundNone_ig2uq_288";
+const roundSmall = "_roundSmall_ig2uq_292";
+const roundMedium = "_roundMedium_ig2uq_296";
+const roundLarge = "_roundLarge_ig2uq_300";
+const roundFull = "_roundFull_ig2uq_304";
+const shadowNone = "_shadowNone_ig2uq_308";
+const shadowLight = "_shadowLight_ig2uq_312";
+const shadowMedium = "_shadowMedium_ig2uq_316";
+const shadowStrong = "_shadowStrong_ig2uq_320";
+const shadowIntense = "_shadowIntense_ig2uq_324";
+const spin = "_spin_ig2uq_1";
+const buttonIcon = "_buttonIcon_ig2uq_337";
+const buttonLabel = "_buttonLabel_ig2uq_354";
+const clear = "_clear_ig2uq_360";
+const outline = "_outline_ig2uq_366";
+const primary = "_primary_ig2uq_382";
+const secondary = "_secondary_ig2uq_403";
+const tertiary = "_tertiary_ig2uq_424";
+const quaternary = "_quaternary_ig2uq_445";
+const success = "_success_ig2uq_487";
+const error = "_error_ig2uq_508";
+const warning = "_warning_ig2uq_529";
+const disabled = "_disabled_ig2uq_550";
+const xs = "_xs_ig2uq_563";
+const small = "_small_ig2uq_595";
+const medium = "_medium_ig2uq_627";
+const large = "_large_ig2uq_659";
+const xl = "_xl_ig2uq_691";
+const pulse = "_pulse_ig2uq_1";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   button,
   loader,
   fullWidth,
@@ -81,14 +71,14 @@ const styles = {
   medium,
   large,
   xl,
-  "fade-in": "_fade-in_184pp_1",
-  "slide-up": "_slide-up_184pp_1",
-  "spin-3d": "_spin-3d_184pp_1",
+  "fade-in": "_fade-in_ig2uq_1",
+  "slide-up": "_slide-up_ig2uq_1",
+  "spin-3d": "_spin-3d_ig2uq_1",
   pulse,
-  "fade-in-up": "_fade-in-up_184pp_1",
-  "progress-grow": "_progress-grow_184pp_1",
-  "indeterminate-move": "_indeterminate-move_184pp_1",
-  "skeleton-loading": "_skeleton-loading_184pp_1"
+  "fade-in-up": "_fade-in-up_ig2uq_1",
+  "progress-grow": "_progress-grow_ig2uq_1",
+  "indeterminate-move": "_indeterminate-move_ig2uq_1",
+  "skeleton-loading": "_skeleton-loading_ig2uq_1"
 };
 const ButtonBase = React.forwardRef(
   ({
@@ -266,4 +256,4 @@ ButtonBase.displayName = "ButtonBase";
 const Button = React.forwardRef((props, ref) => /* @__PURE__ */ require$$2.jsx(ButtonBase, { ...props, classMap: styles, LinkComponent: link.Link, ref }));
 Button.displayName = "Button";
 exports.Button = Button;
-//# sourceMappingURL=Button-BZmph-Qr.cjs.map
+//# sourceMappingURL=Button-CmH6HYjc.cjs.map