@ultraviolet/ui 3.21.0 → 3.21.2

package/dist/theme/ThemeProvider.js

@@ -8,49 +8,51 @@ import { iconStyles } from "@ultraviolet/icons/iconStyles";
 
 //#region src/theme/ThemeProvider.tsx
 var ThemeContext, ThemeProvider;
-var init_ThemeProvider = __esmMin(() => {
-	ThemeContext = createContext(consoleLightTheme);
-	ThemeProvider = ({ children, theme: theme$1 = consoleLightTheme }) => {
-		useLayoutEffect(() => {
-			const styleId = "uv-theme";
-			const iconsStyleId = "uv-icons";
-			const existingIconsStyle = document.getElementById(iconsStyleId);
-			const existingStyle = document.getElementById(styleId);
-			const cssVars = assignInlineVars(theme, theme$1);
-			const cssString = `:root { ${Object.entries(cssVars).map(([key, value]) => `${key}: ${value};`).join(" ")} }
+function init_ThemeProvider() {
+	return (init_ThemeProvider = __esmMin(() => {
+		ThemeContext = createContext(consoleLightTheme);
+		ThemeProvider = ({ children, theme: theme$1 = consoleLightTheme }) => {
+			useLayoutEffect(() => {
+				const styleId = "uv-theme";
+				const iconsStyleId = "uv-icons";
+				const existingIconsStyle = document.getElementById(iconsStyleId);
+				const existingStyle = document.getElementById(styleId);
+				const cssVars = assignInlineVars(theme, theme$1);
+				const cssString = `:root { ${Object.entries(cssVars).map(([key, value]) => `${key}: ${value};`).join(" ")} }
       
       body {
         color: ${theme$1.colors.neutral.text};
         background-color: ${theme$1.colors.neutral.background};
       }
     `;
-			if (existingStyle) existingStyle.textContent = cssString;
-			else {
-				const style = document.createElement("style");
-				style.id = styleId;
-				style.textContent = cssString;
-				document.head.appendChild(style);
-			}
-			if (existingIconsStyle) existingIconsStyle.textContent = iconStyles;
-			else {
-				const iconsStyle = document.createElement("style");
-				iconsStyle.id = iconsStyleId;
-				iconsStyle.textContent = iconStyles;
-				document.head.appendChild(iconsStyle);
-			}
-			return () => {
-				const style = document.getElementById(styleId);
-				const iconsStyle = document.getElementById(iconsStyleId);
-				if (style) style.remove();
-				if (iconsStyle) iconsStyle.remove();
-			};
-		}, [theme$1]);
-		return /* @__PURE__ */ jsx(ThemeContext.Provider, {
-			value: theme$1,
-			children
-		});
-	};
-});
+				if (existingStyle) existingStyle.textContent = cssString;
+				else {
+					const style = document.createElement("style");
+					style.id = styleId;
+					style.textContent = cssString;
+					document.head.appendChild(style);
+				}
+				if (existingIconsStyle) existingIconsStyle.textContent = iconStyles;
+				else {
+					const iconsStyle = document.createElement("style");
+					iconsStyle.id = iconsStyleId;
+					iconsStyle.textContent = iconStyles;
+					document.head.appendChild(iconsStyle);
+				}
+				return () => {
+					const style = document.getElementById(styleId);
+					const iconsStyle = document.getElementById(iconsStyleId);
+					if (style) style.remove();
+					if (iconsStyle) iconsStyle.remove();
+				};
+			}, [theme$1]);
+			return /* @__PURE__ */ jsx(ThemeContext.Provider, {
+				value: theme$1,
+				children
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_ThemeProvider();

package/dist/theme/index.js

@@ -5,22 +5,24 @@ import deepmerge from "deepmerge";
 
 //#region src/theme/index.ts
 var colors, shadows, typography, space, radii, breakpoints, extendTheme, SENTIMENTS, SENTIMENTS_WITHOUT_NEUTRAL, theme_default;
-var init_theme = __esmMin(() => {
-	init_ThemeProvider();
-	({colors, shadows, typography, space, radii, breakpoints} = consoleLightTheme);
-	extendTheme = (extendedTheme) => deepmerge(consoleLightTheme, extendedTheme);
-	SENTIMENTS = [
-		"primary",
-		"secondary",
-		"neutral",
-		"success",
-		"danger",
-		"warning",
-		"info"
-	];
-	SENTIMENTS_WITHOUT_NEUTRAL = SENTIMENTS.filter((sentiment) => sentiment !== "neutral");
-	theme_default = consoleLightTheme;
-});
+function init_theme() {
+	return (init_theme = __esmMin(() => {
+		init_ThemeProvider();
+		({colors, shadows, typography, space, radii, breakpoints} = consoleLightTheme);
+		extendTheme = (extendedTheme) => deepmerge(consoleLightTheme, extendedTheme);
+		SENTIMENTS = [
+			"primary",
+			"secondary",
+			"neutral",
+			"success",
+			"danger",
+			"warning",
+			"info"
+		];
+		SENTIMENTS_WITHOUT_NEUTRAL = SENTIMENTS.filter((sentiment) => sentiment !== "neutral");
+		theme_default = consoleLightTheme;
+	}))();
+}
 
 //#endregion
 init_theme();

package/dist/types.d.ts

@@ -1,9 +1,20 @@
-import type { ReactNode } from 'react';
+import type { HTMLAttributes, AllHTMLAttributes, AriaAttributes, ReactNode } from 'react';
 type Without<T, U> = {
     [P in Exclude<keyof T, keyof U>]?: never;
 };
 type SingleXOR<T, U> = T | U extends object ? (Without<T, U> & U) | (Without<U, T> & T) : T | U;
 export type XOR<T extends unknown[]> = T extends [infer Only] ? Only : T extends [infer A, infer B, ...infer Rest] ? XOR<[SingleXOR<A, B>, ...Rest]> : never;
+/**
+ * Enforces that at least one of the given keys is provided.
+ * Useful for accessible labelling patterns like `label | aria-label | aria-labelledby`.
+ */
+export type AtLeastOne<T extends Record<string, unknown>> = {
+    [K in keyof T]: {
+        [P in K]: T[P];
+    } & {
+        [P in Exclude<keyof T, K>]?: T[P];
+    };
+}[keyof T];
 export type PascalToCamelCase<S extends string> = S extends `${infer P1}${infer P2}` ? `${Lowercase<P1>}${P2}` : S;
 export type RemoveSuffix<S extends string, Suffix extends string> = S extends `${infer Prefix}${Suffix}` ? Prefix : S;
 /**
@@ -12,8 +23,7 @@ export type RemoveSuffix<S extends string, Suffix extends string> = S extends `$
  */
 export type PascalToCamelCaseWithoutSuffix<T extends string, Suffix extends string> = T extends `${infer Prefix}${Suffix}` ? `${PascalToCamelCase<Prefix extends `${infer First}${infer Rest}` ? `${First}${Rest}` : never>}` : never;
 /**
- * Classic prop type where label is a ReactNode and aria-label is a string.
- * One or another is required.
+ * @deprecated use type FormComponentProps instead which will handle all form props required.
  */
 export type LabelProp = {
     label: ReactNode;
@@ -28,5 +38,27 @@ export type LabelProp = {
     'aria-label'?: never;
     id: string;
 };
+export type CheckboxLabelProp = {
+    children: ReactNode;
+    'aria-label'?: string;
+} | {
+    children?: never;
+    'aria-label': string;
+};
+type DefaultLabel = {
+    label: string;
+    'aria-label': string;
+    'aria-labelledby': string;
+};
+export type PartialLabelProps = Partial<DefaultLabel>;
+export type LabelProps = AtLeastOne<DefaultLabel>;
+type BaseAriaProps = Pick<AriaAttributes, 'aria-describedby' | 'aria-labelledby'>;
+type StyleBaseProps<E extends HTMLElement> = Pick<HTMLAttributes<E>, 'style' | 'className'>;
+type InputBaseProps<E extends HTMLElement> = Pick<HTMLAttributes<E>, 'onFocus' | 'onBlur' | 'onKeyDown' | 'autoFocus'>;
+type DefaultProps<E extends HTMLElement> = {
+    'data-testid'?: string;
+    helper?: ReactNode;
+} & Pick<AllHTMLAttributes<E>, 'disabled' | 'required' | 'id' | 'name'>;
+export type BaseFormComponentProps<E extends HTMLElement = HTMLInputElement> = DefaultProps<E> & InputBaseProps<E> & StyleBaseProps<E> & BaseAriaProps & PartialLabelProps;
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI;KAAG,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK;CAAE,CAAA;AACjE,KAAK,SAAS,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,MAAM,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAE/F,MAAM,MAAM,GAAG,CAAC,CAAC,SAAS,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,GACzD,IAAI,GACJ,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,GAAG,MAAM,IAAI,CAAC,GACzC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,GAC/B,KAAK,CAAA;AAEX,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,EAAE,GAAG,GAAG,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,GAAG,CAAC,CAAA;AAElH,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,MAAM,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,CAAC,CAAA;AAErH;;;GAGG;AACH,MAAM,MAAM,8BAA8B,CACxC,CAAC,SAAS,MAAM,EAChB,MAAM,SAAS,MAAM,IACnB,CAAC,SAAS,GAAG,MAAM,MAAM,GAAG,MAAM,EAAE,GACpC,GAAG,iBAAiB,CAAC,MAAM,SAAS,GAAG,MAAM,KAAK,GAAG,MAAM,IAAI,EAAE,GAAG,GAAG,KAAK,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC,EAAE,GAChG,KAAK,CAAA;AAET;;;GAGG;AACH,MAAM,MAAM,SAAS,GACjB;IACE,KAAK,EAAE,SAAS,CAAA;IAChB,YAAY,CAAC,EAAE,KAAK,CAAA;IACpB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,YAAY,CAAC,EAAE,KAAK,CAAA;IACpB,EAAE,EAAE,MAAM,CAAA;CACX,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}