boreal-ui 0.0.76 → 0.0.78

package/dist/next/CircularProgress.css

@@ -0,0 +1,528 @@
+@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.
+ */
+/**
+ * -----------------------------------------------------
+ * _animations.scss
+ * -----------------------------------------------------
+ * This file contains reusable keyframe animations
+ * used across the component library for transitions,
+ * loaders, and visual enhancements.
+ *
+ * List of Animations:
+ *
+ * 1. fade-in
+ *    - Smoothly fades in an element by transitioning opacity from 0 to 1.
+ *
+ * 2. slide-up
+ *    - Slides an element upward into view from below while fading in.
+ *
+ * 3. spin-3d
+ *    - Rotates an element in 3D space along both X and Y axes (360°).
+ *
+ * 4. spin
+ *    - Continuously rotates an element clockwise in 2D space.
+ *
+ * 5. pulse
+ *    - Gently scales an element up and down to create a pulsing effect.
+ *
+ * 6. fade-in-up
+ *    - Combines a fade-in with a slight upward motion (used for tooltips, popups).
+ *
+ * 7. progress-grow
+ *    - Expands the width of a progress bar from 0% to 100%.
+ *
+ * 8. indeterminate-move
+ *    - Moves an element from left to right in a loop, used in indeterminate loaders.
+ *
+ * 9. skeleton-loading
+ *    - Creates a sweeping shimmer effect for skeleton loaders.
+ */
+@keyframes _fade-in_vyn3b_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes _slide-up_vyn3b_1 {
+  from {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes _spin-3d_vyn3b_1 {
+  0% {
+    transform: rotateX(0deg) rotateY(0deg);
+  }
+  100% {
+    transform: rotateX(360deg) rotateY(360deg);
+  }
+}
+@keyframes _spin_vyn3b_1 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes _pulse_vyn3b_1 {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes _fade-in-up_vyn3b_1 {
+  from {
+    opacity: 0;
+    transform: translateY(-5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes _progress-grow_vyn3b_1 {
+  from {
+    width: 0;
+  }
+  to {
+    width: 100%;
+  }
+}
+@keyframes _indeterminate-move_vyn3b_1 {
+  0% {
+    transform: translateX(-100%);
+  }
+  50% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+@keyframes _skeleton-loading_vyn3b_1 {
+  0% {
+    left: -100%;
+  }
+  100% {
+    left: 100%;
+  }
+}
+._circular_progress_vyn3b_204 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+._circular_progress_vyn3b_204 ._circle_border_vyn3b_209 {
+  width: 100%;
+  height: 100%;
+  border-radius: var(--border-radius-round);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transition: background 0.5s ease-in-out;
+}
+._circular_progress_vyn3b_204 ._circle_border_vyn3b_209:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 3px;
+}
+._circular_progress_vyn3b_204 ._inner_circle_vyn3b_222 {
+  width: 80%;
+  height: 80%;
+  border-radius: var(--border-radius-round);
+  background: var(--background-color);
+  padding: var(--spacing-xxs);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+@media (width <= 479.98px) {
+  ._circular_progress_vyn3b_204 ._inner_circle_vyn3b_222 {
+    width: 82%;
+    height: 82%;
+  }
+}
+@media (min-width: 1024px) {
+  ._circular_progress_vyn3b_204 ._inner_circle_vyn3b_222 {
+    width: 78%;
+    height: 78%;
+  }
+}
+._circular_progress_vyn3b_204._primary_vyn3b_244 ._inner_circle_vyn3b_222 {
+  background-color: var(--primary-color);
+}
+._circular_progress_vyn3b_204._secondary_vyn3b_247 ._inner_circle_vyn3b_222 {
+  background-color: var(--secondary-color);
+}
+._circular_progress_vyn3b_204._tertiary_vyn3b_250 ._inner_circle_vyn3b_222 {
+  background-color: var(--tertiary-color);
+}
+._circular_progress_vyn3b_204._quaternary_vyn3b_253 ._inner_circle_vyn3b_222 {
+  background-color: var(--quaternary-color);
+}
+._circular_progress_vyn3b_204._clear_vyn3b_256 ._inner_circle_vyn3b_222 {
+  background-color: transparent;
+}
+._circular_progress_vyn3b_204._success_vyn3b_259 ._inner_circle_vyn3b_222 {
+  background-color: var(--success-color);
+}
+._circular_progress_vyn3b_204._error_vyn3b_262 ._inner_circle_vyn3b_222 {
+  background-color: var(--error-color);
+}
+._circular_progress_vyn3b_204._warning_vyn3b_265 ._inner_circle_vyn3b_222 {
+  background-color: var(--warning-color);
+}
+
+._shadowNone_vyn3b_269 ._circle_border_vyn3b_209 {
+  box-shadow: var(--box-shadow-none);
+}
+
+._shadowLight_vyn3b_273 ._circle_border_vyn3b_209 {
+  box-shadow: var(--box-shadow-light);
+}
+
+._shadowMedium_vyn3b_277 ._circle_border_vyn3b_209 {
+  box-shadow: var(--box-shadow-medium);
+}
+
+._shadowStrong_vyn3b_281 ._circle_border_vyn3b_209 {
+  box-shadow: var(--box-shadow-heavy);
+}
+
+._shadowIntense_vyn3b_285 ._circle_border_vyn3b_209 {
+  box-shadow: var(--box-shadow-intense);
+}
+
+._xs_vyn3b_289 {
+  width: 50px;
+  height: 50px;
+}
+@media (width <= 479.98px) {
+  ._xs_vyn3b_289 {
+    width: calc(50px * 0.9);
+    height: calc(50px * 0.9);
+  }
+}
+@media (min-width: 1024px) {
+  ._xs_vyn3b_289 {
+    width: calc(50px * 1.1);
+    height: calc(50px * 1.1);
+  }
+}
+._xs_vyn3b_289 ._value_text_vyn3b_305 {
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-caption);
+  font-weight: var(--font-weight-label);
+  line-height: var(--line-height-label);
+  letter-spacing: var(--letter-spacing-label);
+  color: var(--text-color-primary);
+}
+@media (min-width: 1024px) {
+  ._xs_vyn3b_289 ._value_text_vyn3b_305 {
+    font-size: calc(var(--font-size-caption) * 1.05);
+  }
+}
+._xs_vyn3b_289 ._inner_circle_vyn3b_222 {
+  padding: var(--spacing-xxs);
+}
+@media (width <= 479.98px) {
+  ._xs_vyn3b_289 ._inner_circle_vyn3b_222 {
+    padding: calc(var(--spacing-xxs) * 0.75);
+  }
+}
+@media (min-width: 1024px) {
+  ._xs_vyn3b_289 ._inner_circle_vyn3b_222 {
+    padding: calc(var(--spacing-xxs) * 1.25);
+  }
+}
+
+._small_vyn3b_332 {
+  width: 60px;
+  height: 60px;
+}
+@media (width <= 479.98px) {
+  ._small_vyn3b_332 {
+    width: calc(60px * 0.9);
+    height: calc(60px * 0.9);
+  }
+}
+@media (min-width: 1024px) {
+  ._small_vyn3b_332 {
+    width: calc(60px * 1.1);
+    height: calc(60px * 1.1);
+  }
+}
+._small_vyn3b_332 ._value_text_vyn3b_305 {
+  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);
+  color: var(--text-color-primary);
+}
+@media (min-width: 1024px) {
+  ._small_vyn3b_332 ._value_text_vyn3b_305 {
+    font-size: calc(var(--font-size-label) * 1.05);
+  }
+}
+._small_vyn3b_332 ._inner_circle_vyn3b_222 {
+  padding: var(--spacing-xxs);
+}
+@media (width <= 479.98px) {
+  ._small_vyn3b_332 ._inner_circle_vyn3b_222 {
+    padding: calc(var(--spacing-xxs) * 0.75);
+  }
+}
+@media (min-width: 1024px) {
+  ._small_vyn3b_332 ._inner_circle_vyn3b_222 {
+    padding: calc(var(--spacing-xxs) * 1.25);
+  }
+}
+
+._medium_vyn3b_375 {
+  width: 100px;
+  height: 100px;
+}
+@media (width <= 479.98px) {
+  ._medium_vyn3b_375 {
+    width: calc(100px * 0.9);
+    height: calc(100px * 0.9);
+  }
+}
+@media (min-width: 1024px) {
+  ._medium_vyn3b_375 {
+    width: calc(100px * 1.1);
+    height: calc(100px * 1.1);
+  }
+}
+._medium_vyn3b_375 ._value_text_vyn3b_305 {
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-body-sm);
+  font-weight: var(--font-weight-label);
+  line-height: var(--line-height-label);
+  letter-spacing: var(--letter-spacing-label);
+  color: var(--text-color-primary);
+}
+@media (min-width: 1024px) {
+  ._medium_vyn3b_375 ._value_text_vyn3b_305 {
+    font-size: calc(var(--font-size-body-sm) * 1.05);
+  }
+}
+._medium_vyn3b_375 ._inner_circle_vyn3b_222 {
+  padding: var(--spacing-xxs);
+}
+@media (width <= 479.98px) {
+  ._medium_vyn3b_375 ._inner_circle_vyn3b_222 {
+    padding: calc(var(--spacing-xxs) * 0.75);
+  }
+}
+@media (min-width: 1024px) {
+  ._medium_vyn3b_375 ._inner_circle_vyn3b_222 {
+    padding: calc(var(--spacing-xxs) * 1.25);
+  }
+}
+
+._large_vyn3b_418 {
+  width: 140px;
+  height: 140px;
+}
+@media (width <= 479.98px) {
+  ._large_vyn3b_418 {
+    width: calc(140px * 0.9);
+    height: calc(140px * 0.9);
+  }
+}
+@media (min-width: 1024px) {
+  ._large_vyn3b_418 {
+    width: calc(140px * 1.1);
+    height: calc(140px * 1.1);
+  }
+}
+._large_vyn3b_418 ._value_text_vyn3b_305 {
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-body);
+  font-weight: var(--font-weight-label);
+  line-height: var(--line-height-label);
+  letter-spacing: var(--letter-spacing-label);
+  color: var(--text-color-primary);
+}
+@media (min-width: 1024px) {
+  ._large_vyn3b_418 ._value_text_vyn3b_305 {
+    font-size: calc(var(--font-size-body) * 1.05);
+  }
+}
+._large_vyn3b_418 ._inner_circle_vyn3b_222 {
+  padding: var(--spacing-xxs);
+}
+@media (width <= 479.98px) {
+  ._large_vyn3b_418 ._inner_circle_vyn3b_222 {
+    padding: calc(var(--spacing-xxs) * 0.75);
+  }
+}
+@media (min-width: 1024px) {
+  ._large_vyn3b_418 ._inner_circle_vyn3b_222 {
+    padding: calc(var(--spacing-xxs) * 1.25);
+  }
+}
+
+._xl_vyn3b_461 {
+  width: 200px;
+  height: 200px;
+}
+@media (width <= 479.98px) {
+  ._xl_vyn3b_461 {
+    width: calc(200px * 0.9);
+    height: calc(200px * 0.9);
+  }
+}
+@media (min-width: 1024px) {
+  ._xl_vyn3b_461 {
+    width: calc(200px * 1.1);
+    height: calc(200px * 1.1);
+  }
+}
+._xl_vyn3b_461 ._value_text_vyn3b_305 {
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-h6);
+  font-weight: var(--font-weight-label);
+  line-height: var(--line-height-label);
+  letter-spacing: var(--letter-spacing-label);
+  color: var(--text-color-primary);
+}
+@media (min-width: 1024px) {
+  ._xl_vyn3b_461 ._value_text_vyn3b_305 {
+    font-size: calc(var(--font-size-h6) * 1.05);
+  }
+}
+._xl_vyn3b_461 ._inner_circle_vyn3b_222 {
+  padding: var(--spacing-xxs);
+}
+@media (width <= 479.98px) {
+  ._xl_vyn3b_461 ._inner_circle_vyn3b_222 {
+    padding: calc(var(--spacing-xxs) * 0.75);
+  }
+}
+@media (min-width: 1024px) {
+  ._xl_vyn3b_461 ._inner_circle_vyn3b_222 {
+    padding: calc(var(--spacing-xxs) * 1.25);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._circular_progress_vyn3b_204,
+  ._circular_progress_vyn3b_204 * {
+    transition: none !important;
+    animation: none !important;
+  }
+}
+@media (hover: none) {
+  ._circular_progress_vyn3b_204 ._circle_border_vyn3b_209:hover {
+    box-shadow: none;
+    transform: none;
+  }
+}
+@media (forced-colors: active) {
+  ._circular_progress_vyn3b_204 ._circle_border_vyn3b_209,
+  ._circular_progress_vyn3b_204 ._inner_circle_vyn3b_222 {
+    background: Canvas;
+    color: CanvasText;
+    outline-color: Highlight;
+    box-shadow: none !important;
+  }
+  ._circular_progress_vyn3b_204 ._circle_border_vyn3b_209 {
+    border: 1px solid ButtonText;
+  }
+}

package/dist/next/CircularProgress.js

@@ -1,4 +1,4 @@
-import { C } from "./CircularProgress-Dn1VXFsq.js";
+import { C } from "./CircularProgress-Bfanw-2S.js";
 export {
   C as default
 };

package/dist/next/{ColorPicker-CCzSZDjx.js → ColorPicker-BJfyM0Ay.js}

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { c as getDefaultSize, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-const ColorPickerBase = ({
+import './ColorPicker.css';const ColorPickerBase = ({
   label = "Choose a color",
   colors,
   selected: selected2,
@@ -156,42 +156,30 @@ const ColorPickerBase = ({
   );
 };
 ColorPickerBase.displayName = "ColorPickerBase";
-const noScroll = "_noScroll_1bxnh_109";
-const errorMessage = "_errorMessage_1bxnh_110";
-const loadingContainer = "_loadingContainer_1bxnh_111";
-const hideScrollbar = "_hideScrollbar_1bxnh_103";
-const sr_only = "_sr_only_1bxnh_112";
-const color_picker = "_color_picker_1bxnh_637";
-const legend = "_legend_1bxnh_667";
-const grid = "_grid_1bxnh_686";
-const selected = "_selected_1bxnh_702";
-const swatch = "_swatch_1bxnh_708";
-const round = "_round_1bxnh_725";
-const square = "_square_1bxnh_728";
-const pill = "_pill_1bxnh_731";
-const xs = "_xs_1bxnh_735";
-const small = "_small_1bxnh_751";
-const medium = "_medium_1bxnh_767";
-const large = "_large_1bxnh_783";
-const xl = "_xl_1bxnh_799";
-const radio_input = "_radio_input_1bxnh_816";
-const preview = "_preview_1bxnh_820";
-const custom_input = "_custom_input_1bxnh_828";
-const circle = "_circle_1bxnh_843";
-const rounded = "_rounded_1bxnh_851";
-const shadowNone = "_shadowNone_1bxnh_855";
-const shadowLight = "_shadowLight_1bxnh_859";
-const shadowMedium = "_shadowMedium_1bxnh_863";
-const shadowStrong = "_shadowStrong_1bxnh_867";
-const shadowIntense = "_shadowIntense_1bxnh_871";
-const spin = "_spin_1bxnh_1";
-const pulse = "_pulse_1bxnh_1";
+const color_picker = "_color_picker_fynon_85";
+const legend = "_legend_fynon_115";
+const grid = "_grid_fynon_134";
+const selected = "_selected_fynon_150";
+const swatch = "_swatch_fynon_156";
+const round = "_round_fynon_173";
+const square = "_square_fynon_176";
+const pill = "_pill_fynon_179";
+const xs = "_xs_fynon_183";
+const small = "_small_fynon_199";
+const medium = "_medium_fynon_215";
+const large = "_large_fynon_231";
+const xl = "_xl_fynon_247";
+const radio_input = "_radio_input_fynon_264";
+const preview = "_preview_fynon_268";
+const custom_input = "_custom_input_fynon_276";
+const circle = "_circle_fynon_291";
+const rounded = "_rounded_fynon_299";
+const shadowNone = "_shadowNone_fynon_303";
+const shadowLight = "_shadowLight_fynon_307";
+const shadowMedium = "_shadowMedium_fynon_311";
+const shadowStrong = "_shadowStrong_fynon_315";
+const shadowIntense = "_shadowIntense_fynon_319";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   color_picker,
   legend,
   grid,
@@ -214,20 +202,11 @@ const styles = {
   shadowLight,
   shadowMedium,
   shadowStrong,
-  shadowIntense,
-  "fade-in": "_fade-in_1bxnh_1",
-  "slide-up": "_slide-up_1bxnh_1",
-  "spin-3d": "_spin-3d_1bxnh_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_1bxnh_1",
-  "progress-grow": "_progress-grow_1bxnh_1",
-  "indeterminate-move": "_indeterminate-move_1bxnh_1",
-  "skeleton-loading": "_skeleton-loading_1bxnh_1"
+  shadowIntense
 };
 const ColorPicker = (props) => /* @__PURE__ */ jsx(ColorPickerBase, { ...props, classMap: styles });
 ColorPicker.displayName = "ColorPicker";
 export {
   ColorPicker as C
 };
-//# sourceMappingURL=ColorPicker-CCzSZDjx.js.map
+//# sourceMappingURL=ColorPicker-BJfyM0Ay.js.map

package/dist/next/{ColorPicker-CCzSZDjx.js.map → ColorPicker-BJfyM0Ay.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker-CCzSZDjx.js","sources":["../../src/components/ColorPicker/ColorPickerBase.tsx","../../src/components/ColorPicker/next/ColorPicker.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { ColorPickerBaseProps } from \"./ColorPicker.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ColorPickerBase: React.FC<ColorPickerBaseProps> = ({\r\n  label = \"Choose a color\",\r\n  colors,\r\n  selected,\r\n  onChange,\r\n  name = \"color-picker\",\r\n  disabled = false,\r\n  size = getDefaultSize(),\r\n  shadow = getDefaultShadow(),\r\n  shape = \"round\",\r\n  allowCustom = false,\r\n  required = false,\r\n  invalid = false,\r\n  helperText,\r\n  errorText,\r\n  customInputAriaLabel = \"Custom color picker\",\r\n  hideLabel = false,\r\n  className = \"\",\r\n  classMap,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"data-testid\": testId = \"color-picker\",\r\n}) => {\r\n  const legendId = `${testId}-legend`;\r\n  const helperTextId = helperText ? `${testId}-helper-text` : undefined;\r\n  const errorTextId = errorText ? `${testId}-error-text` : undefined;\r\n\r\n  const describedBy =\r\n    [ariaDescribedBy, helperTextId, invalid ? errorTextId : undefined]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const computedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel ? legendId : undefined);\r\n\r\n  const labelClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.swatch,\r\n        classMap[size],\r\n        classMap[shape],\r\n        disabled && classMap.disabled,\r\n      ),\r\n    [classMap, size, shape, disabled],\r\n  );\r\n\r\n  return (\r\n    <fieldset\r\n      className={combineClassNames(\r\n        classMap.color_picker,\r\n        invalid && classMap.invalid,\r\n        disabled && classMap.disabled,\r\n        className,\r\n      )}\r\n      disabled={disabled}\r\n      data-testid={testId}\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={computedAriaLabelledBy}\r\n      aria-describedby={describedBy}\r\n      aria-invalid={invalid || undefined}\r\n    >\r\n      <legend\r\n        id={legendId}\r\n        className={combineClassNames(classMap.legend, hideLabel && \"sr_only\")}\r\n      >\r\n        {label}\r\n      </legend>\r\n\r\n      <div className={classMap.color_picker_grid} role=\"radiogroup\">\r\n        {colors.map((color, i) => {\r\n          const id = `${testId}-color-${i}`;\r\n          const optionLabelId = `${id}-label`;\r\n          const isSelected = selected === color.value;\r\n          const optionDisabled = disabled || color.disabled;\r\n\r\n          return (\r\n            <label\r\n              key={`${color.value}-${i}`}\r\n              className={combineClassNames(\r\n                labelClass,\r\n                optionDisabled && classMap.disabled,\r\n              )}\r\n              htmlFor={id}\r\n              title={color.label}\r\n              data-testid={`${testId}-option-${color.value}`}\r\n            >\r\n              <input\r\n                type=\"radio\"\r\n                name={name}\r\n                id={id}\r\n                value={color.value}\r\n                checked={isSelected}\r\n                onChange={() => onChange(color.value)}\r\n                className={classMap.radio_input}\r\n                disabled={optionDisabled}\r\n                aria-describedby={describedBy}\r\n                aria-invalid={invalid || undefined}\r\n                aria-required={required || undefined}\r\n                aria-labelledby={optionLabelId}\r\n              />\r\n\r\n              <span id={optionLabelId} className={\"sr_only\"}>\r\n                {color.label}\r\n              </span>\r\n\r\n              <span\r\n                className={combineClassNames(\r\n                  classMap.preview,\r\n                  classMap[shape],\r\n                  isSelected && classMap.selected,\r\n                  optionDisabled && classMap.disabled,\r\n                  shadow && classMap[`shadow${capitalize(shadow)}`],\r\n                )}\r\n                style={{ backgroundColor: color.value }}\r\n                aria-hidden=\"true\"\r\n              />\r\n            </label>\r\n          );\r\n        })}\r\n      </div>\r\n\r\n      {helperText && (\r\n        <div\r\n          id={helperTextId}\r\n          className={classMap.helper_text}\r\n          data-testid={`${testId}-helper-text`}\r\n        >\r\n          {helperText}\r\n        </div>\r\n      )}\r\n\r\n      {invalid && errorText && (\r\n        <div\r\n          id={errorTextId}\r\n          className={classMap.error_text}\r\n          data-testid={`${testId}-error-text`}\r\n          aria-live=\"polite\"\r\n        >\r\n          {errorText}\r\n        </div>\r\n      )}\r\n\r\n      {allowCustom && (\r\n        <input\r\n          type=\"color\"\r\n          className={classMap.custom_input}\r\n          value={selected}\r\n          onChange={(e) => onChange(e.target.value)}\r\n          aria-label={customInputAriaLabel}\r\n          aria-describedby={describedBy}\r\n          aria-invalid={invalid || undefined}\r\n          data-testid={`${testId}-custom-input`}\r\n          disabled={disabled}\r\n        />\r\n      )}\r\n    </fieldset>\r\n  );\r\n};\r\n\r\nColorPickerBase.displayName = \"ColorPickerBase\";\r\nexport default ColorPickerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ColorPickerBase from \"../ColorPickerBase\";\r\nimport styles from \"./ColorPicker.module.scss\";\r\nimport { ColorPickerProps } from \"../ColorPicker.types\";\r\n\r\nconst ColorPicker: React.FC<ColorPickerProps> = (props) => (\r\n  <ColorPickerBase {...props} classMap={styles} />\r\n);\r\nColorPicker.displayName = \"ColorPicker\";\r\nexport default ColorPicker;\r\n"],"names":["selected"],"mappings":"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"}
+{"version":3,"file":"ColorPicker-BJfyM0Ay.js","sources":["../../src/components/ColorPicker/ColorPickerBase.tsx","../../src/components/ColorPicker/next/ColorPicker.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { ColorPickerBaseProps } from \"./ColorPicker.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ColorPickerBase: React.FC<ColorPickerBaseProps> = ({\r\n  label = \"Choose a color\",\r\n  colors,\r\n  selected,\r\n  onChange,\r\n  name = \"color-picker\",\r\n  disabled = false,\r\n  size = getDefaultSize(),\r\n  shadow = getDefaultShadow(),\r\n  shape = \"round\",\r\n  allowCustom = false,\r\n  required = false,\r\n  invalid = false,\r\n  helperText,\r\n  errorText,\r\n  customInputAriaLabel = \"Custom color picker\",\r\n  hideLabel = false,\r\n  className = \"\",\r\n  classMap,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"data-testid\": testId = \"color-picker\",\r\n}) => {\r\n  const legendId = `${testId}-legend`;\r\n  const helperTextId = helperText ? `${testId}-helper-text` : undefined;\r\n  const errorTextId = errorText ? `${testId}-error-text` : undefined;\r\n\r\n  const describedBy =\r\n    [ariaDescribedBy, helperTextId, invalid ? errorTextId : undefined]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const computedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel ? legendId : undefined);\r\n\r\n  const labelClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.swatch,\r\n        classMap[size],\r\n        classMap[shape],\r\n        disabled && classMap.disabled,\r\n      ),\r\n    [classMap, size, shape, disabled],\r\n  );\r\n\r\n  return (\r\n    <fieldset\r\n      className={combineClassNames(\r\n        classMap.color_picker,\r\n        invalid && classMap.invalid,\r\n        disabled && classMap.disabled,\r\n        className,\r\n      )}\r\n      disabled={disabled}\r\n      data-testid={testId}\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={computedAriaLabelledBy}\r\n      aria-describedby={describedBy}\r\n      aria-invalid={invalid || undefined}\r\n    >\r\n      <legend\r\n        id={legendId}\r\n        className={combineClassNames(classMap.legend, hideLabel && \"sr_only\")}\r\n      >\r\n        {label}\r\n      </legend>\r\n\r\n      <div className={classMap.color_picker_grid} role=\"radiogroup\">\r\n        {colors.map((color, i) => {\r\n          const id = `${testId}-color-${i}`;\r\n          const optionLabelId = `${id}-label`;\r\n          const isSelected = selected === color.value;\r\n          const optionDisabled = disabled || color.disabled;\r\n\r\n          return (\r\n            <label\r\n              key={`${color.value}-${i}`}\r\n              className={combineClassNames(\r\n                labelClass,\r\n                optionDisabled && classMap.disabled,\r\n              )}\r\n              htmlFor={id}\r\n              title={color.label}\r\n              data-testid={`${testId}-option-${color.value}`}\r\n            >\r\n              <input\r\n                type=\"radio\"\r\n                name={name}\r\n                id={id}\r\n                value={color.value}\r\n                checked={isSelected}\r\n                onChange={() => onChange(color.value)}\r\n                className={classMap.radio_input}\r\n                disabled={optionDisabled}\r\n                aria-describedby={describedBy}\r\n                aria-invalid={invalid || undefined}\r\n                aria-required={required || undefined}\r\n                aria-labelledby={optionLabelId}\r\n              />\r\n\r\n              <span id={optionLabelId} className={\"sr_only\"}>\r\n                {color.label}\r\n              </span>\r\n\r\n              <span\r\n                className={combineClassNames(\r\n                  classMap.preview,\r\n                  classMap[shape],\r\n                  isSelected && classMap.selected,\r\n                  optionDisabled && classMap.disabled,\r\n                  shadow && classMap[`shadow${capitalize(shadow)}`],\r\n                )}\r\n                style={{ backgroundColor: color.value }}\r\n                aria-hidden=\"true\"\r\n              />\r\n            </label>\r\n          );\r\n        })}\r\n      </div>\r\n\r\n      {helperText && (\r\n        <div\r\n          id={helperTextId}\r\n          className={classMap.helper_text}\r\n          data-testid={`${testId}-helper-text`}\r\n        >\r\n          {helperText}\r\n        </div>\r\n      )}\r\n\r\n      {invalid && errorText && (\r\n        <div\r\n          id={errorTextId}\r\n          className={classMap.error_text}\r\n          data-testid={`${testId}-error-text`}\r\n          aria-live=\"polite\"\r\n        >\r\n          {errorText}\r\n        </div>\r\n      )}\r\n\r\n      {allowCustom && (\r\n        <input\r\n          type=\"color\"\r\n          className={classMap.custom_input}\r\n          value={selected}\r\n          onChange={(e) => onChange(e.target.value)}\r\n          aria-label={customInputAriaLabel}\r\n          aria-describedby={describedBy}\r\n          aria-invalid={invalid || undefined}\r\n          data-testid={`${testId}-custom-input`}\r\n          disabled={disabled}\r\n        />\r\n      )}\r\n    </fieldset>\r\n  );\r\n};\r\n\r\nColorPickerBase.displayName = \"ColorPickerBase\";\r\nexport default ColorPickerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ColorPickerBase from \"../ColorPickerBase\";\r\nimport styles from \"./ColorPicker.module.scss\";\r\nimport { ColorPickerProps } from \"../ColorPicker.types\";\r\n\r\nconst ColorPicker: React.FC<ColorPickerProps> = (props) => (\r\n  <ColorPickerBase {...props} classMap={styles} />\r\n);\r\nColorPicker.displayName = \"ColorPicker\";\r\nexport default ColorPicker;\r\n"],"names":["selected"],"mappings":"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"}