npm - boreal-ui - Versions diffs - 0.0.76 → 0.0.78 - Mend

boreal-ui 0.0.76 → 0.0.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (340) hide show

package/dist/next/TextArea.css ADDED Viewed

@@ -0,0 +1,450 @@
+@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.
+ */
+._container_q3b1h_85 {
+  display: flex;
+  gap: var(--spacing-xs);
+  width: fit-content;
+  align-items: center;
+  justify-content: flex-start;
+}
+._label_q3b1h_93 {
+  font-size: var(--font-size-body-sm);
+  font-weight: var(--font-weight-ui);
+}
+._labelTop_q3b1h_98 {
+  flex-direction: column;
+}
+._labelBottom_q3b1h_102 {
+  flex-direction: column-reverse;
+}
+._labelLeft_q3b1h_106 {
+  flex-direction: row;
+  align-items: center;
+}
+._labelRight_q3b1h_111 {
+  flex-direction: row-reverse;
+  align-items: center;
+}
+._textArea_q3b1h_116 {
+  display: inline-flex;
+  justify-content: space-between;
+  align-items: center;
+  width: fit-content;
+  margin: var(--spacing-sm);
+  transition: var(--transition-default);
+  background: transparent;
+}
+@media (width <= 479.98px) {
+  ._textArea_q3b1h_116 {
+    width: 100%;
+  }
+}
+._textArea_q3b1h_116:focus-within {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 3px;
+  border-radius: var(--border-radius-sm);
+}
+._textArea_q3b1h_116._primary_q3b1h_135 {
+  background-color: var(--primary-color);
+  color: var(--text-color-primary);
+  box-shadow: var(--box-shadow-medium);
+}
+._textArea_q3b1h_116._primary_q3b1h_135:hover {
+  background-color: var(--primary-color-hover);
+}
+._textArea_q3b1h_116._primary_q3b1h_135 ._textInput_q3b1h_143::placeholder {
+  color: var(--text-color-primary);
+}
+._textArea_q3b1h_116._primary_q3b1h_135 ._iconContainer_q3b1h_146 svg {
+  color: var(--text-color-primary);
+}
+._textArea_q3b1h_116._primary_q3b1h_135._outline_q3b1h_149 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  box-shadow: none;
+  border: 2px solid var(--primary-color);
+}
+._textArea_q3b1h_116._primary_q3b1h_135 ._textInput_q3b1h_143:focus-visible {
+  outline: 2px solid var(--primary-color);
+  outline-offset: 2px;
+}
+._textArea_q3b1h_116._secondary_q3b1h_159 {
+  background-color: var(--secondary-color);
+  color: var(--text-color-secondary);
+  box-shadow: var(--box-shadow-medium);
+}
+._textArea_q3b1h_116._secondary_q3b1h_159:hover {
+  background-color: var(--secondary-color-hover);
+}
+._textArea_q3b1h_116._secondary_q3b1h_159 ._textInput_q3b1h_143::placeholder {
+  color: var(--text-color-primary);
+}
+._textArea_q3b1h_116._secondary_q3b1h_159 ._iconContainer_q3b1h_146 svg {
+  color: var(--text-color-primary);
+}
+._textArea_q3b1h_116._secondary_q3b1h_159._outline_q3b1h_149 {
+  background-color: transparent;
+  color: var(--text-color-secondary);
+  box-shadow: none;
+  border: 2px solid var(--secondary-color);
+}
+._textArea_q3b1h_116._secondary_q3b1h_159 ._textInput_q3b1h_143:focus-visible {
+  outline: 2px solid var(--secondary-color);
+  outline-offset: 2px;
+}
+._textArea_q3b1h_116._tertiary_q3b1h_183 {
+  background-color: var(--tertiary-color);
+  color: var(--text-color-primary);
+  box-shadow: var(--box-shadow-medium);
+}
+._textArea_q3b1h_116._tertiary_q3b1h_183:hover {
+  background-color: var(--tertiary-color-hover);
+}
+._textArea_q3b1h_116._tertiary_q3b1h_183 ._textInput_q3b1h_143::placeholder {
+  color: var(--text-color-primary);
+}
+._textArea_q3b1h_116._tertiary_q3b1h_183 ._iconContainer_q3b1h_146 svg {
+  color: var(--text-color-primary);
+}
+._textArea_q3b1h_116._tertiary_q3b1h_183._outline_q3b1h_149 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  box-shadow: none;
+  border: 2px solid var(--tertiary-color);
+}
+._textArea_q3b1h_116._tertiary_q3b1h_183 ._textInput_q3b1h_143:focus-visible {
+  outline: 2px solid var(--tertiary-color);
+  outline-offset: 2px;
+}
+._textArea_q3b1h_116._quaternary_q3b1h_207 {
+  background-color: var(--quaternary-color);
+  color: var(--text-color-primary);
+  box-shadow: var(--box-shadow-medium);
+}
+._textArea_q3b1h_116._quaternary_q3b1h_207:hover {
+  background-color: var(--quaternary-color-hover);
+}
+._textArea_q3b1h_116._quaternary_q3b1h_207 ._textInput_q3b1h_143::placeholder {
+  color: var(--text-color-primary);
+}
+._textArea_q3b1h_116._quaternary_q3b1h_207 ._iconContainer_q3b1h_146 svg {
+  color: var(--text-color-primary);
+}
+._textArea_q3b1h_116._quaternary_q3b1h_207._outline_q3b1h_149 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  box-shadow: none;
+  border: 2px solid var(--quaternary-color);
+}
+._textArea_q3b1h_116._quaternary_q3b1h_207 ._textInput_q3b1h_143:focus-visible {
+  outline: 2px solid var(--quaternary-color);
+  outline-offset: 2px;
+}
+._textArea_q3b1h_116._clear_q3b1h_231 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  box-shadow: var(--box-shadow-medium);
+}
+._textArea_q3b1h_116._clear_q3b1h_231:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+._textArea_q3b1h_116._clear_q3b1h_231 ._textInput_q3b1h_143::placeholder {
+  color: var(--text-color-primary);
+}
+._textArea_q3b1h_116._clear_q3b1h_231 ._iconContainer_q3b1h_146 svg {
+  color: var(--text-color-primary);
+}
+._textArea_q3b1h_116._clear_q3b1h_231._outline_q3b1h_149 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  box-shadow: none;
+  border: 2px solid var(--text-color-primary);
+}
+._textArea_q3b1h_116._clear_q3b1h_231 ._textInput_q3b1h_143:focus-visible {
+  outline: 2px solid var(--text-color-primary);
+  outline-offset: 2px;
+}
+._textArea_q3b1h_116._success_q3b1h_255 {
+  border: 2px solid var(--success-color);
+  color: var(--text-color-primary);
+  box-shadow: var(--box-shadow-medium);
+}
+._textArea_q3b1h_116._error_q3b1h_260 {
+  border: 2px solid var(--error-color);
+  color: var(--text-color-primary);
+  box-shadow: var(--box-shadow-medium);
+}
+._textArea_q3b1h_116._warning_q3b1h_265 {
+  border: 2px solid var(--warning-color);
+  color: var(--text-color-primary);
+  box-shadow: var(--box-shadow-medium);
+}
+._textArea_q3b1h_116._clear_q3b1h_231 {
+  box-shadow: none;
+}
+._textArea_q3b1h_116._disabled_q3b1h_273 {
+  opacity: 0.6;
+  pointer-events: none;
+  cursor: not-allowed;
+  background-color: var(--disabled-color);
+}
+._textArea_q3b1h_116._disabled_q3b1h_273 ._textInput_q3b1h_143 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+._roundNone_q3b1h_284 {
+  border-radius: var(--border-radius-none);
+}
+._roundSmall_q3b1h_288 {
+  border-radius: var(--border-radius-sm);
+}
+._roundMedium_q3b1h_292 {
+  border-radius: var(--border-radius-md);
+}
+._roundLarge_q3b1h_296 {
+  border-radius: var(--border-radius-lg);
+}
+._roundFull_q3b1h_300 {
+  border-radius: var(--border-radius-full);
+}
+._shadowNone_q3b1h_304 {
+  box-shadow: var(--box-shadow-none);
+}
+._shadowLight_q3b1h_308 {
+  box-shadow: var(--box-shadow-light);
+}
+._shadowMedium_q3b1h_312 {
+  box-shadow: var(--box-shadow-medium);
+}
+._shadowStrong_q3b1h_316 {
+  box-shadow: var(--box-shadow-heavy);
+}
+._shadowIntense_q3b1h_320 {
+  box-shadow: var(--box-shadow-intense);
+}
+._textInput_q3b1h_143 {
+  width: 100%;
+  flex: 1;
+  resize: vertical;
+  border: none;
+  outline: none;
+  color: var(--text-color-primary);
+  background-color: transparent;
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-body);
+  font-weight: var(--font-weight-body);
+  line-height: var(--line-height-body);
+  letter-spacing: var(--letter-spacing-body);
+  padding: var(--spacing-sm);
+  margin: var(--spacing-sm);
+  border-radius: var(--border-radius-xs);
+  min-height: 2.5em;
+}
+._textInput_q3b1h_143::placeholder {
+  color: var(--text-color-primary);
+  opacity: 0.7;
+  font: inherit;
+}
+._textInput_q3b1h_143:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+  border-radius: var(--border-radius-xs);
+}
+@media (width <= 319.98px) {
+  ._textInput_q3b1h_143 {
+    font-size: var(--font-size-body-sm);
+    padding: var(--spacing-xs);
+    margin: var(--spacing-xs);
+  }
+}
+@media (min-width: 1024px) {
+  ._textInput_q3b1h_143 {
+    font-size: var(--font-size-body);
+    padding: var(--spacing-md);
+    margin: var(--spacing-sm);
+  }
+}
+._iconContainer_q3b1h_146 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-sm);
+  margin-top: -0.1em;
+  margin-left: 0.5em;
+}
+._iconContainer_q3b1h_146 svg {
+  width: 1em;
+  height: 1em;
+  color: var(--text-color-primary);
+}
+@media (width <= 319.98px) {
+  ._iconContainer_q3b1h_146 svg {
+    width: 15px;
+    height: 15px;
+  }
+}
+@media (min-width: 1024px) {
+  ._iconContainer_q3b1h_146 svg {
+    width: 1.1em;
+    height: 1.1em;
+  }
+}
+._togglePassword_q3b1h_393 {
+  background: none;
+  border: none;
+  cursor: pointer;
+  border-radius: 50%;
+  padding: var(--spacing-xs);
+  margin: 2px;
+  margin-right: 0.5em;
+  color: inherit;
+}
+._togglePassword_q3b1h_393:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+}
+._togglePassword_q3b1h_393 svg {
+  width: 1.5em;
+  height: 1.5em;
+}
+@media (width <= 319.98px) {
+  ._togglePassword_q3b1h_393 svg {
+    width: 18px;
+    height: 18px;
+  }
+}
+@media (width <= 319.98px) {
+  ._togglePassword_q3b1h_393 {
+    margin-top: var(--spacing-xs);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  ._textArea_q3b1h_116,
+  ._textArea_q3b1h_116 * {
+    transition: none !important;
+  }
+}
+@media (hover: none) {
+  ._textArea_q3b1h_116[class*=outline]:hover,
+  ._textArea_q3b1h_116:hover {
+    background-color: inherit;
+  }
+}
+@media (forced-colors: active) {
+  ._textArea_q3b1h_116 {
+    background: Canvas !important;
+    color: CanvasText !important;
+    border: 1px solid ButtonText !important;
+  }
+  ._textInput_q3b1h_143 {
+    background: Canvas !important;
+    color: CanvasText !important;
+  }
+  ._textInput_q3b1h_143:focus-visible,
+  ._textArea_q3b1h_116:focus-within {
+    outline: 2px solid Highlight !important;
+    outline-offset: 2px !important;
+  }
+}

package/dist/next/TextArea.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { T } from "./TextArea-BSO1_gaS.js";
+import { T } from "./TextArea-CQgoM2yj.js";
 export {
   T as default
 };

package/dist/next/{TextInput-7nN8g78V.cjs → TextInput-BRl37zMW.cjs} RENAMED Viewed

@@ -1,11 +1,11 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./globals.css');require('./TextInput.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
 ;/* empty css                   */
-const IconButton = require("./IconButton-4ySBEhn1.cjs");
+const IconButton = require("./IconButton-C66aQhKe.cjs");
 const EyeIcon = (props) => /* @__PURE__ */ require$$2.jsxs(
   "svg",
   {
@@ -341,4 +341,4 @@ const TextInput = React.forwardRef((props, ref) => {
 });
 TextInput.displayName = "TextInput";
 exports.TextInput = TextInput;
-//# sourceMappingURL=TextInput-7nN8g78V.cjs.map
+//# sourceMappingURL=TextInput-BRl37zMW.cjs.map

package/dist/next/{TextInput-7nN8g78V.cjs.map → TextInput-BRl37zMW.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextInput-7nN8g78V.cjs","sources":["../../src/Icons/EyeIcon.tsx","../../src/Icons/EyeSlashIcon.tsx","../../src/components/TextInput/TextInputBase.tsx","../../src/components/TextInput/next/TextInput.tsx"],"sourcesContent":["const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M3 13C6.6 5 17.4 5 21 13\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M12 17C10.3431 17 9 15.6569 9 14C9 12.3431 10.3431 11 12 11C13.6569 11 15 12.3431 15 14C15 15.6569 13.6569 17 12 17Z\"\r\n fill=\"currentColor\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default EyeIcon;\r\n","const EyeSlashIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M19.5 16L17.0248 12.6038\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M12 17.5V14\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M4.5 16L6.96895 12.6124\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M3 8C6.6 16 17.4 16 21 8\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default EyeSlashIcon;\r\n","import {\r\n forwardRef,\r\n useState,\r\n useId,\r\n InputHTMLAttributes,\r\n useMemo,\r\n} from \"react\";\r\nimport { EyeIcon, EyeSlashIcon } from \"../../Icons\";\r\nimport { TextInputBaseProps } from \"./TextInput.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextInputBase = forwardRef<HTMLInputElement, TextInputBaseProps>(\r\n (\r\n {\r\n icon: Icon,\r\n label,\r\n labelPosition = \"top\",\r\n placeholder = \"Enter text\",\r\n password = false,\r\n readOnly = false,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n onChange,\r\n state = \"\",\r\n disabled = false,\r\n autocomplete = false,\r\n outline = false,\r\n classMap,\r\n IconButton,\r\n className = \"\",\r\n srOnlyText,\r\n \"data-testid\": testId = \"text-input\",\r\n ...rest\r\n },\r\n ref,\r\n ) => {\r\n const [showPassword, setShowPassword] = useState(false);\r\n\r\n const autoId = useId();\r\n\r\n const {\r\n id: idProp,\r\n required,\r\n autoComplete: autoCompleteProp,\r\n type: typeProp,\r\n role,\r\n \"aria-label\": ariaLabel,\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-describedby\": ariaDescribedBy,\r\n \"aria-invalid\": ariaInvalid,\r\n \"aria-required\": ariaRequired,\r\n \"aria-readonly\": ariaReadOnly,\r\n \"aria-disabled\": ariaDisabled,\r\n \"aria-description\": ariaDescription,\r\n \"aria-activedescendant\": ariaActiveDescendant,\r\n \"aria-haspopup\": ariaHasPopup,\r\n \"aria-expanded\": ariaExpanded,\r\n \"aria-controls\": ariaControls,\r\n ...restInput\r\n } = rest as InputHTMLAttributes<HTMLInputElement> & {\r\n role?: React.AriaRole;\r\n \"aria-label\"?: string;\r\n \"aria-labelledby\"?: string;\r\n \"aria-describedby\"?: string;\r\n \"aria-invalid\"?: boolean \| \"true\" \| \"false\" \| \"grammar\" \| \"spelling\";\r\n \"aria-required\"?: boolean;\r\n \"aria-readonly\"?: boolean;\r\n \"aria-disabled\"?: boolean;\r\n \"aria-description\"?: string;\r\n \"aria-activedescendant\"?: string;\r\n \"aria-haspopup\"?:\r\n \| boolean\r\n \| \"false\"\r\n \| \"true\"\r\n \| \"menu\"\r\n \| \"listbox\"\r\n \| \"tree\"\r\n \| \"grid\"\r\n \| \"dialog\";\r\n \"aria-expanded\"?: boolean;\r\n \"aria-controls\"?: string;\r\n };\r\n\r\n const inputId = idProp \|\| autoId;\r\n const hasLabel = Boolean(label);\r\n\r\n const generatedDescriptionId = srOnlyText\r\n ? `${inputId}-sr-description`\r\n : undefined;\r\n\r\n const computedAriaDescribedBy =\r\n [ariaDescribedBy, generatedDescriptionId].filter(Boolean).join(\" \") \|\|\r\n undefined;\r\n\r\n const computedAriaLabel = hasLabel\r\n ? undefined\r\n : ariaLabel \|\| placeholder \|\| \"Text input\";\r\n\r\n const computedPlaceholder = hasLabel ? \" \" : placeholder;\r\n\r\n const inputType = password\r\n ? showPassword\r\n ? \"text\"\r\n : \"password\"\r\n : typeProp \|\| \"text\";\r\n\r\n const isError = state === \"error\";\r\n\r\n const computedAutoComplete =\r\n autoCompleteProp ??\r\n (autocomplete ? (password ? \"current-password\" : \"on\") : \"off\");\r\n\r\n const computedAriaInvalid = ariaInvalid ?? (isError \|\| undefined);\r\n const computedAriaRequired = ariaRequired ?? (required \|\| undefined);\r\n const computedAriaReadOnly = ariaReadOnly ?? (readOnly \|\| undefined);\r\n const computedAriaDisabled = ariaDisabled ?? (disabled \|\| undefined);\r\n\r\n const togglePasswordVisibility = () => {\r\n setShowPassword((prev) => !prev);\r\n };\r\n\r\n const containerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[`label${capitalize(labelPosition)}`],\r\n ),\r\n [classMap, labelPosition],\r\n );\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.textInput,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className,\r\n ),\r\n [classMap, theme, state, outline, disabled, shadow, rounding, className],\r\n );\r\n\r\n const inputClasses = useMemo(\r\n () => combineClassNames(classMap.textInput, outline && classMap.outline),\r\n [classMap, outline],\r\n );\r\n\r\n const iconClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.iconContainer,\r\n classMap[theme],\r\n disabled && classMap.disabled,\r\n ),\r\n [classMap, theme, disabled],\r\n );\r\n\r\n return (\r\n <div className={containerClass} data-testid={testId}>\r\n {label && (\r\n <label\r\n htmlFor={inputId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </label>\r\n )}\r\n\r\n <div className={wrapperClass} data-testid={`${testId}-wrapper`}>\r\n {Icon && (\r\n <div\r\n className={iconClasses}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <Icon aria-hidden={true} />\r\n </div>\r\n )}\r\n <input\r\n ref={ref}\r\n id={inputId}\r\n type={inputType}\r\n className={inputClasses}\r\n placeholder={computedPlaceholder}\r\n role={role}\r\n aria-label={computedAriaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n aria-describedby={computedAriaDescribedBy}\r\n aria-invalid={computedAriaInvalid}\r\n aria-required={computedAriaRequired}\r\n aria-readonly={computedAriaReadOnly}\r\n aria-disabled={computedAriaDisabled}\r\n aria-description={ariaDescription}\r\n aria-activedescendant={ariaActiveDescendant}\r\n aria-haspopup={ariaHasPopup}\r\n aria-expanded={ariaExpanded}\r\n aria-controls={ariaControls}\r\n autoComplete={computedAutoComplete}\r\n onChange={(e) => onChange?.(e.currentTarget.value, e)}\r\n readOnly={readOnly}\r\n disabled={disabled}\r\n required={required}\r\n data-testid={`${testId}-input`}\r\n {...restInput}\r\n />\r\n\r\n {password && (\r\n <IconButton\r\n type=\"button\"\r\n className={classMap.togglePassword}\r\n onClick={togglePasswordVisibility}\r\n theme=\"clear\"\r\n shadow=\"none\"\r\n aria-label={showPassword ? \"Hide password\" : \"Show password\"}\r\n aria-pressed={showPassword}\r\n data-testid={`${testId}-password-toggle`}\r\n icon={showPassword ? EyeSlashIcon : EyeIcon}\r\n />\r\n )}\r\n\r\n {srOnlyText && (\r\n <span\r\n id={generatedDescriptionId}\r\n className={classMap.srOnly \|\| \"sr_only\"}\r\n data-testid={`${testId}-sr-only-text`}\r\n >\r\n {srOnlyText}\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nTextInputBase.displayName = \"TextInputBase\";\r\n\r\nexport default TextInputBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./TextInput.module.scss\";\r\nimport { TextInputProps } from \"../TextInput.types\";\r\nimport TextInputBase from \"../TextInputBase\";\r\nimport { IconButton } from \"@/index.next\";\r\n\r\nconst TextInput = forwardRef<HTMLInputElement, TextInputProps>((props, ref) => {\r\n return (\r\n <TextInputBase\r\n {...props}\r\n IconButton={IconButton}\r\n ref={ref}\r\n classMap={styles}\r\n />\r\n );\r\n});\r\n\r\nTextInput.displayName = \"TextInput\";\r\nexport default TextInput;\r\n"],"names":["jsxs","jsx","forwardRef","label","getDefaultTheme","getDefaultRounding","getDefaultShadow","disabled","outline","IconButton","useState","useId","useMemo","combineClassNames","capitalize"],"mappings":"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"}
1	+ {"version":3,"file":"TextInput-BRl37zMW.cjs","sources":["../../src/Icons/EyeIcon.tsx","../../src/Icons/EyeSlashIcon.tsx","../../src/components/TextInput/TextInputBase.tsx","../../src/components/TextInput/next/TextInput.tsx"],"sourcesContent":["const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M3 13C6.6 5 17.4 5 21 13\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M12 17C10.3431 17 9 15.6569 9 14C9 12.3431 10.3431 11 12 11C13.6569 11 15 12.3431 15 14C15 15.6569 13.6569 17 12 17Z\"\r\n fill=\"currentColor\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default EyeIcon;\r\n","const EyeSlashIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M19.5 16L17.0248 12.6038\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M12 17.5V14\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M4.5 16L6.96895 12.6124\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M3 8C6.6 16 17.4 16 21 8\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default EyeSlashIcon;\r\n","import {\r\n forwardRef,\r\n useState,\r\n useId,\r\n InputHTMLAttributes,\r\n useMemo,\r\n} from \"react\";\r\nimport { EyeIcon, EyeSlashIcon } from \"../../Icons\";\r\nimport { TextInputBaseProps } from \"./TextInput.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextInputBase = forwardRef<HTMLInputElement, TextInputBaseProps>(\r\n (\r\n {\r\n icon: Icon,\r\n label,\r\n labelPosition = \"top\",\r\n placeholder = \"Enter text\",\r\n password = false,\r\n readOnly = false,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n onChange,\r\n state = \"\",\r\n disabled = false,\r\n autocomplete = false,\r\n outline = false,\r\n classMap,\r\n IconButton,\r\n className = \"\",\r\n srOnlyText,\r\n \"data-testid\": testId = \"text-input\",\r\n ...rest\r\n },\r\n ref,\r\n ) => {\r\n const [showPassword, setShowPassword] = useState(false);\r\n\r\n const autoId = useId();\r\n\r\n const {\r\n id: idProp,\r\n required,\r\n autoComplete: autoCompleteProp,\r\n type: typeProp,\r\n role,\r\n \"aria-label\": ariaLabel,\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-describedby\": ariaDescribedBy,\r\n \"aria-invalid\": ariaInvalid,\r\n \"aria-required\": ariaRequired,\r\n \"aria-readonly\": ariaReadOnly,\r\n \"aria-disabled\": ariaDisabled,\r\n \"aria-description\": ariaDescription,\r\n \"aria-activedescendant\": ariaActiveDescendant,\r\n \"aria-haspopup\": ariaHasPopup,\r\n \"aria-expanded\": ariaExpanded,\r\n \"aria-controls\": ariaControls,\r\n ...restInput\r\n } = rest as InputHTMLAttributes<HTMLInputElement> & {\r\n role?: React.AriaRole;\r\n \"aria-label\"?: string;\r\n \"aria-labelledby\"?: string;\r\n \"aria-describedby\"?: string;\r\n \"aria-invalid\"?: boolean \| \"true\" \| \"false\" \| \"grammar\" \| \"spelling\";\r\n \"aria-required\"?: boolean;\r\n \"aria-readonly\"?: boolean;\r\n \"aria-disabled\"?: boolean;\r\n \"aria-description\"?: string;\r\n \"aria-activedescendant\"?: string;\r\n \"aria-haspopup\"?:\r\n \| boolean\r\n \| \"false\"\r\n \| \"true\"\r\n \| \"menu\"\r\n \| \"listbox\"\r\n \| \"tree\"\r\n \| \"grid\"\r\n \| \"dialog\";\r\n \"aria-expanded\"?: boolean;\r\n \"aria-controls\"?: string;\r\n };\r\n\r\n const inputId = idProp \|\| autoId;\r\n const hasLabel = Boolean(label);\r\n\r\n const generatedDescriptionId = srOnlyText\r\n ? `${inputId}-sr-description`\r\n : undefined;\r\n\r\n const computedAriaDescribedBy =\r\n [ariaDescribedBy, generatedDescriptionId].filter(Boolean).join(\" \") \|\|\r\n undefined;\r\n\r\n const computedAriaLabel = hasLabel\r\n ? undefined\r\n : ariaLabel \|\| placeholder \|\| \"Text input\";\r\n\r\n const computedPlaceholder = hasLabel ? \" \" : placeholder;\r\n\r\n const inputType = password\r\n ? showPassword\r\n ? \"text\"\r\n : \"password\"\r\n : typeProp \|\| \"text\";\r\n\r\n const isError = state === \"error\";\r\n\r\n const computedAutoComplete =\r\n autoCompleteProp ??\r\n (autocomplete ? (password ? \"current-password\" : \"on\") : \"off\");\r\n\r\n const computedAriaInvalid = ariaInvalid ?? (isError \|\| undefined);\r\n const computedAriaRequired = ariaRequired ?? (required \|\| undefined);\r\n const computedAriaReadOnly = ariaReadOnly ?? (readOnly \|\| undefined);\r\n const computedAriaDisabled = ariaDisabled ?? (disabled \|\| undefined);\r\n\r\n const togglePasswordVisibility = () => {\r\n setShowPassword((prev) => !prev);\r\n };\r\n\r\n const containerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[`label${capitalize(labelPosition)}`],\r\n ),\r\n [classMap, labelPosition],\r\n );\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.textInput,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className,\r\n ),\r\n [classMap, theme, state, outline, disabled, shadow, rounding, className],\r\n );\r\n\r\n const inputClasses = useMemo(\r\n () => combineClassNames(classMap.textInput, outline && classMap.outline),\r\n [classMap, outline],\r\n );\r\n\r\n const iconClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.iconContainer,\r\n classMap[theme],\r\n disabled && classMap.disabled,\r\n ),\r\n [classMap, theme, disabled],\r\n );\r\n\r\n return (\r\n <div className={containerClass} data-testid={testId}>\r\n {label && (\r\n <label\r\n htmlFor={inputId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </label>\r\n )}\r\n\r\n <div className={wrapperClass} data-testid={`${testId}-wrapper`}>\r\n {Icon && (\r\n <div\r\n className={iconClasses}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <Icon aria-hidden={true} />\r\n </div>\r\n )}\r\n <input\r\n ref={ref}\r\n id={inputId}\r\n type={inputType}\r\n className={inputClasses}\r\n placeholder={computedPlaceholder}\r\n role={role}\r\n aria-label={computedAriaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n aria-describedby={computedAriaDescribedBy}\r\n aria-invalid={computedAriaInvalid}\r\n aria-required={computedAriaRequired}\r\n aria-readonly={computedAriaReadOnly}\r\n aria-disabled={computedAriaDisabled}\r\n aria-description={ariaDescription}\r\n aria-activedescendant={ariaActiveDescendant}\r\n aria-haspopup={ariaHasPopup}\r\n aria-expanded={ariaExpanded}\r\n aria-controls={ariaControls}\r\n autoComplete={computedAutoComplete}\r\n onChange={(e) => onChange?.(e.currentTarget.value, e)}\r\n readOnly={readOnly}\r\n disabled={disabled}\r\n required={required}\r\n data-testid={`${testId}-input`}\r\n {...restInput}\r\n />\r\n\r\n {password && (\r\n <IconButton\r\n type=\"button\"\r\n className={classMap.togglePassword}\r\n onClick={togglePasswordVisibility}\r\n theme=\"clear\"\r\n shadow=\"none\"\r\n aria-label={showPassword ? \"Hide password\" : \"Show password\"}\r\n aria-pressed={showPassword}\r\n data-testid={`${testId}-password-toggle`}\r\n icon={showPassword ? EyeSlashIcon : EyeIcon}\r\n />\r\n )}\r\n\r\n {srOnlyText && (\r\n <span\r\n id={generatedDescriptionId}\r\n className={classMap.srOnly \|\| \"sr_only\"}\r\n data-testid={`${testId}-sr-only-text`}\r\n >\r\n {srOnlyText}\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nTextInputBase.displayName = \"TextInputBase\";\r\n\r\nexport default TextInputBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./TextInput.module.scss\";\r\nimport { TextInputProps } from \"../TextInput.types\";\r\nimport TextInputBase from \"../TextInputBase\";\r\nimport { IconButton } from \"@/index.next\";\r\n\r\nconst TextInput = forwardRef<HTMLInputElement, TextInputProps>((props, ref) => {\r\n return (\r\n <TextInputBase\r\n {...props}\r\n IconButton={IconButton}\r\n ref={ref}\r\n classMap={styles}\r\n />\r\n );\r\n});\r\n\r\nTextInput.displayName = \"TextInput\";\r\nexport default TextInput;\r\n"],"names":["jsxs","jsx","forwardRef","label","getDefaultTheme","getDefaultRounding","getDefaultShadow","disabled","outline","IconButton","useState","useId","useMemo","combineClassNames","capitalize"],"mappings":"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"}

package/dist/next/{TextInput-yUHEWbdK.js → TextInput-CKM34-yu.js} RENAMED Viewed

@@ -3,8 +3,8 @@ import { forwardRef, useState, useId, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-/* empty css                 */
-import { I as IconButton } from "./IconButton-BWw3WPaS.js";
+import './globals.css';import './TextInput.css';/* empty css                 */
+import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
 const EyeIcon = (props) => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -342,4 +342,4 @@ TextInput.displayName = "TextInput";
 export {
   TextInput as T
 };
-//# sourceMappingURL=TextInput-yUHEWbdK.js.map
+//# sourceMappingURL=TextInput-CKM34-yu.js.map

package/dist/next/{TextInput-yUHEWbdK.js.map → TextInput-CKM34-yu.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextInput-yUHEWbdK.js","sources":["../../src/Icons/EyeIcon.tsx","../../src/Icons/EyeSlashIcon.tsx","../../src/components/TextInput/TextInputBase.tsx","../../src/components/TextInput/next/TextInput.tsx"],"sourcesContent":["const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M3 13C6.6 5 17.4 5 21 13\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M12 17C10.3431 17 9 15.6569 9 14C9 12.3431 10.3431 11 12 11C13.6569 11 15 12.3431 15 14C15 15.6569 13.6569 17 12 17Z\"\r\n fill=\"currentColor\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default EyeIcon;\r\n","const EyeSlashIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M19.5 16L17.0248 12.6038\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M12 17.5V14\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M4.5 16L6.96895 12.6124\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M3 8C6.6 16 17.4 16 21 8\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default EyeSlashIcon;\r\n","import {\r\n forwardRef,\r\n useState,\r\n useId,\r\n InputHTMLAttributes,\r\n useMemo,\r\n} from \"react\";\r\nimport { EyeIcon, EyeSlashIcon } from \"../../Icons\";\r\nimport { TextInputBaseProps } from \"./TextInput.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextInputBase = forwardRef<HTMLInputElement, TextInputBaseProps>(\r\n (\r\n {\r\n icon: Icon,\r\n label,\r\n labelPosition = \"top\",\r\n placeholder = \"Enter text\",\r\n password = false,\r\n readOnly = false,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n onChange,\r\n state = \"\",\r\n disabled = false,\r\n autocomplete = false,\r\n outline = false,\r\n classMap,\r\n IconButton,\r\n className = \"\",\r\n srOnlyText,\r\n \"data-testid\": testId = \"text-input\",\r\n ...rest\r\n },\r\n ref,\r\n ) => {\r\n const [showPassword, setShowPassword] = useState(false);\r\n\r\n const autoId = useId();\r\n\r\n const {\r\n id: idProp,\r\n required,\r\n autoComplete: autoCompleteProp,\r\n type: typeProp,\r\n role,\r\n \"aria-label\": ariaLabel,\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-describedby\": ariaDescribedBy,\r\n \"aria-invalid\": ariaInvalid,\r\n \"aria-required\": ariaRequired,\r\n \"aria-readonly\": ariaReadOnly,\r\n \"aria-disabled\": ariaDisabled,\r\n \"aria-description\": ariaDescription,\r\n \"aria-activedescendant\": ariaActiveDescendant,\r\n \"aria-haspopup\": ariaHasPopup,\r\n \"aria-expanded\": ariaExpanded,\r\n \"aria-controls\": ariaControls,\r\n ...restInput\r\n } = rest as InputHTMLAttributes<HTMLInputElement> & {\r\n role?: React.AriaRole;\r\n \"aria-label\"?: string;\r\n \"aria-labelledby\"?: string;\r\n \"aria-describedby\"?: string;\r\n \"aria-invalid\"?: boolean \| \"true\" \| \"false\" \| \"grammar\" \| \"spelling\";\r\n \"aria-required\"?: boolean;\r\n \"aria-readonly\"?: boolean;\r\n \"aria-disabled\"?: boolean;\r\n \"aria-description\"?: string;\r\n \"aria-activedescendant\"?: string;\r\n \"aria-haspopup\"?:\r\n \| boolean\r\n \| \"false\"\r\n \| \"true\"\r\n \| \"menu\"\r\n \| \"listbox\"\r\n \| \"tree\"\r\n \| \"grid\"\r\n \| \"dialog\";\r\n \"aria-expanded\"?: boolean;\r\n \"aria-controls\"?: string;\r\n };\r\n\r\n const inputId = idProp \|\| autoId;\r\n const hasLabel = Boolean(label);\r\n\r\n const generatedDescriptionId = srOnlyText\r\n ? `${inputId}-sr-description`\r\n : undefined;\r\n\r\n const computedAriaDescribedBy =\r\n [ariaDescribedBy, generatedDescriptionId].filter(Boolean).join(\" \") \|\|\r\n undefined;\r\n\r\n const computedAriaLabel = hasLabel\r\n ? undefined\r\n : ariaLabel \|\| placeholder \|\| \"Text input\";\r\n\r\n const computedPlaceholder = hasLabel ? \" \" : placeholder;\r\n\r\n const inputType = password\r\n ? showPassword\r\n ? \"text\"\r\n : \"password\"\r\n : typeProp \|\| \"text\";\r\n\r\n const isError = state === \"error\";\r\n\r\n const computedAutoComplete =\r\n autoCompleteProp ??\r\n (autocomplete ? (password ? \"current-password\" : \"on\") : \"off\");\r\n\r\n const computedAriaInvalid = ariaInvalid ?? (isError \|\| undefined);\r\n const computedAriaRequired = ariaRequired ?? (required \|\| undefined);\r\n const computedAriaReadOnly = ariaReadOnly ?? (readOnly \|\| undefined);\r\n const computedAriaDisabled = ariaDisabled ?? (disabled \|\| undefined);\r\n\r\n const togglePasswordVisibility = () => {\r\n setShowPassword((prev) => !prev);\r\n };\r\n\r\n const containerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[`label${capitalize(labelPosition)}`],\r\n ),\r\n [classMap, labelPosition],\r\n );\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.textInput,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className,\r\n ),\r\n [classMap, theme, state, outline, disabled, shadow, rounding, className],\r\n );\r\n\r\n const inputClasses = useMemo(\r\n () => combineClassNames(classMap.textInput, outline && classMap.outline),\r\n [classMap, outline],\r\n );\r\n\r\n const iconClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.iconContainer,\r\n classMap[theme],\r\n disabled && classMap.disabled,\r\n ),\r\n [classMap, theme, disabled],\r\n );\r\n\r\n return (\r\n <div className={containerClass} data-testid={testId}>\r\n {label && (\r\n <label\r\n htmlFor={inputId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </label>\r\n )}\r\n\r\n <div className={wrapperClass} data-testid={`${testId}-wrapper`}>\r\n {Icon && (\r\n <div\r\n className={iconClasses}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <Icon aria-hidden={true} />\r\n </div>\r\n )}\r\n <input\r\n ref={ref}\r\n id={inputId}\r\n type={inputType}\r\n className={inputClasses}\r\n placeholder={computedPlaceholder}\r\n role={role}\r\n aria-label={computedAriaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n aria-describedby={computedAriaDescribedBy}\r\n aria-invalid={computedAriaInvalid}\r\n aria-required={computedAriaRequired}\r\n aria-readonly={computedAriaReadOnly}\r\n aria-disabled={computedAriaDisabled}\r\n aria-description={ariaDescription}\r\n aria-activedescendant={ariaActiveDescendant}\r\n aria-haspopup={ariaHasPopup}\r\n aria-expanded={ariaExpanded}\r\n aria-controls={ariaControls}\r\n autoComplete={computedAutoComplete}\r\n onChange={(e) => onChange?.(e.currentTarget.value, e)}\r\n readOnly={readOnly}\r\n disabled={disabled}\r\n required={required}\r\n data-testid={`${testId}-input`}\r\n {...restInput}\r\n />\r\n\r\n {password && (\r\n <IconButton\r\n type=\"button\"\r\n className={classMap.togglePassword}\r\n onClick={togglePasswordVisibility}\r\n theme=\"clear\"\r\n shadow=\"none\"\r\n aria-label={showPassword ? \"Hide password\" : \"Show password\"}\r\n aria-pressed={showPassword}\r\n data-testid={`${testId}-password-toggle`}\r\n icon={showPassword ? EyeSlashIcon : EyeIcon}\r\n />\r\n )}\r\n\r\n {srOnlyText && (\r\n <span\r\n id={generatedDescriptionId}\r\n className={classMap.srOnly \|\| \"sr_only\"}\r\n data-testid={`${testId}-sr-only-text`}\r\n >\r\n {srOnlyText}\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nTextInputBase.displayName = \"TextInputBase\";\r\n\r\nexport default TextInputBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./TextInput.module.scss\";\r\nimport { TextInputProps } from \"../TextInput.types\";\r\nimport TextInputBase from \"../TextInputBase\";\r\nimport { IconButton } from \"@/index.next\";\r\n\r\nconst TextInput = forwardRef<HTMLInputElement, TextInputProps>((props, ref) => {\r\n return (\r\n <TextInputBase\r\n {...props}\r\n IconButton={IconButton}\r\n ref={ref}\r\n classMap={styles}\r\n />\r\n );\r\n});\r\n\r\nTextInput.displayName = \"TextInput\";\r\nexport default TextInput;\r\n"],"names":["label","disabled","outline","IconButton"],"mappings":"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"}
1	+ {"version":3,"file":"TextInput-CKM34-yu.js","sources":["../../src/Icons/EyeIcon.tsx","../../src/Icons/EyeSlashIcon.tsx","../../src/components/TextInput/TextInputBase.tsx","../../src/components/TextInput/next/TextInput.tsx"],"sourcesContent":["const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M3 13C6.6 5 17.4 5 21 13\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M12 17C10.3431 17 9 15.6569 9 14C9 12.3431 10.3431 11 12 11C13.6569 11 15 12.3431 15 14C15 15.6569 13.6569 17 12 17Z\"\r\n fill=\"currentColor\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default EyeIcon;\r\n","const EyeSlashIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M19.5 16L17.0248 12.6038\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M12 17.5V14\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M4.5 16L6.96895 12.6124\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M3 8C6.6 16 17.4 16 21 8\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default EyeSlashIcon;\r\n","import {\r\n forwardRef,\r\n useState,\r\n useId,\r\n InputHTMLAttributes,\r\n useMemo,\r\n} from \"react\";\r\nimport { EyeIcon, EyeSlashIcon } from \"../../Icons\";\r\nimport { TextInputBaseProps } from \"./TextInput.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextInputBase = forwardRef<HTMLInputElement, TextInputBaseProps>(\r\n (\r\n {\r\n icon: Icon,\r\n label,\r\n labelPosition = \"top\",\r\n placeholder = \"Enter text\",\r\n password = false,\r\n readOnly = false,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n onChange,\r\n state = \"\",\r\n disabled = false,\r\n autocomplete = false,\r\n outline = false,\r\n classMap,\r\n IconButton,\r\n className = \"\",\r\n srOnlyText,\r\n \"data-testid\": testId = \"text-input\",\r\n ...rest\r\n },\r\n ref,\r\n ) => {\r\n const [showPassword, setShowPassword] = useState(false);\r\n\r\n const autoId = useId();\r\n\r\n const {\r\n id: idProp,\r\n required,\r\n autoComplete: autoCompleteProp,\r\n type: typeProp,\r\n role,\r\n \"aria-label\": ariaLabel,\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-describedby\": ariaDescribedBy,\r\n \"aria-invalid\": ariaInvalid,\r\n \"aria-required\": ariaRequired,\r\n \"aria-readonly\": ariaReadOnly,\r\n \"aria-disabled\": ariaDisabled,\r\n \"aria-description\": ariaDescription,\r\n \"aria-activedescendant\": ariaActiveDescendant,\r\n \"aria-haspopup\": ariaHasPopup,\r\n \"aria-expanded\": ariaExpanded,\r\n \"aria-controls\": ariaControls,\r\n ...restInput\r\n } = rest as InputHTMLAttributes<HTMLInputElement> & {\r\n role?: React.AriaRole;\r\n \"aria-label\"?: string;\r\n \"aria-labelledby\"?: string;\r\n \"aria-describedby\"?: string;\r\n \"aria-invalid\"?: boolean \| \"true\" \| \"false\" \| \"grammar\" \| \"spelling\";\r\n \"aria-required\"?: boolean;\r\n \"aria-readonly\"?: boolean;\r\n \"aria-disabled\"?: boolean;\r\n \"aria-description\"?: string;\r\n \"aria-activedescendant\"?: string;\r\n \"aria-haspopup\"?:\r\n \| boolean\r\n \| \"false\"\r\n \| \"true\"\r\n \| \"menu\"\r\n \| \"listbox\"\r\n \| \"tree\"\r\n \| \"grid\"\r\n \| \"dialog\";\r\n \"aria-expanded\"?: boolean;\r\n \"aria-controls\"?: string;\r\n };\r\n\r\n const inputId = idProp \|\| autoId;\r\n const hasLabel = Boolean(label);\r\n\r\n const generatedDescriptionId = srOnlyText\r\n ? `${inputId}-sr-description`\r\n : undefined;\r\n\r\n const computedAriaDescribedBy =\r\n [ariaDescribedBy, generatedDescriptionId].filter(Boolean).join(\" \") \|\|\r\n undefined;\r\n\r\n const computedAriaLabel = hasLabel\r\n ? undefined\r\n : ariaLabel \|\| placeholder \|\| \"Text input\";\r\n\r\n const computedPlaceholder = hasLabel ? \" \" : placeholder;\r\n\r\n const inputType = password\r\n ? showPassword\r\n ? \"text\"\r\n : \"password\"\r\n : typeProp \|\| \"text\";\r\n\r\n const isError = state === \"error\";\r\n\r\n const computedAutoComplete =\r\n autoCompleteProp ??\r\n (autocomplete ? (password ? \"current-password\" : \"on\") : \"off\");\r\n\r\n const computedAriaInvalid = ariaInvalid ?? (isError \|\| undefined);\r\n const computedAriaRequired = ariaRequired ?? (required \|\| undefined);\r\n const computedAriaReadOnly = ariaReadOnly ?? (readOnly \|\| undefined);\r\n const computedAriaDisabled = ariaDisabled ?? (disabled \|\| undefined);\r\n\r\n const togglePasswordVisibility = () => {\r\n setShowPassword((prev) => !prev);\r\n };\r\n\r\n const containerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[`label${capitalize(labelPosition)}`],\r\n ),\r\n [classMap, labelPosition],\r\n );\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.textInput,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className,\r\n ),\r\n [classMap, theme, state, outline, disabled, shadow, rounding, className],\r\n );\r\n\r\n const inputClasses = useMemo(\r\n () => combineClassNames(classMap.textInput, outline && classMap.outline),\r\n [classMap, outline],\r\n );\r\n\r\n const iconClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.iconContainer,\r\n classMap[theme],\r\n disabled && classMap.disabled,\r\n ),\r\n [classMap, theme, disabled],\r\n );\r\n\r\n return (\r\n <div className={containerClass} data-testid={testId}>\r\n {label && (\r\n <label\r\n htmlFor={inputId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </label>\r\n )}\r\n\r\n <div className={wrapperClass} data-testid={`${testId}-wrapper`}>\r\n {Icon && (\r\n <div\r\n className={iconClasses}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <Icon aria-hidden={true} />\r\n </div>\r\n )}\r\n <input\r\n ref={ref}\r\n id={inputId}\r\n type={inputType}\r\n className={inputClasses}\r\n placeholder={computedPlaceholder}\r\n role={role}\r\n aria-label={computedAriaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n aria-describedby={computedAriaDescribedBy}\r\n aria-invalid={computedAriaInvalid}\r\n aria-required={computedAriaRequired}\r\n aria-readonly={computedAriaReadOnly}\r\n aria-disabled={computedAriaDisabled}\r\n aria-description={ariaDescription}\r\n aria-activedescendant={ariaActiveDescendant}\r\n aria-haspopup={ariaHasPopup}\r\n aria-expanded={ariaExpanded}\r\n aria-controls={ariaControls}\r\n autoComplete={computedAutoComplete}\r\n onChange={(e) => onChange?.(e.currentTarget.value, e)}\r\n readOnly={readOnly}\r\n disabled={disabled}\r\n required={required}\r\n data-testid={`${testId}-input`}\r\n {...restInput}\r\n />\r\n\r\n {password && (\r\n <IconButton\r\n type=\"button\"\r\n className={classMap.togglePassword}\r\n onClick={togglePasswordVisibility}\r\n theme=\"clear\"\r\n shadow=\"none\"\r\n aria-label={showPassword ? \"Hide password\" : \"Show password\"}\r\n aria-pressed={showPassword}\r\n data-testid={`${testId}-password-toggle`}\r\n icon={showPassword ? EyeSlashIcon : EyeIcon}\r\n />\r\n )}\r\n\r\n {srOnlyText && (\r\n <span\r\n id={generatedDescriptionId}\r\n className={classMap.srOnly \|\| \"sr_only\"}\r\n data-testid={`${testId}-sr-only-text`}\r\n >\r\n {srOnlyText}\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nTextInputBase.displayName = \"TextInputBase\";\r\n\r\nexport default TextInputBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./TextInput.module.scss\";\r\nimport { TextInputProps } from \"../TextInput.types\";\r\nimport TextInputBase from \"../TextInputBase\";\r\nimport { IconButton } from \"@/index.next\";\r\n\r\nconst TextInput = forwardRef<HTMLInputElement, TextInputProps>((props, ref) => {\r\n return (\r\n <TextInputBase\r\n {...props}\r\n IconButton={IconButton}\r\n ref={ref}\r\n classMap={styles}\r\n />\r\n );\r\n});\r\n\r\nTextInput.displayName = \"TextInput\";\r\nexport default TextInput;\r\n"],"names":["label","disabled","outline","IconButton"],"mappings":"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"}

package/dist/next/TextInput.cjs.js CHANGED Viewed

@@ -1,4 +1,4 @@
 "use strict";
-const TextInput = require("./TextInput-7nN8g78V.cjs");
+const TextInput = require("./TextInput-BRl37zMW.cjs");
 module.exports = TextInput.TextInput;
 //# sourceMappingURL=TextInput.cjs.js.map