@react-hive/honey-style 4.2.0 → 5.1.0

package/dist/types/theme.d.ts

@@ -1,7 +1,7 @@
 import * as CSS from 'csstype';
 import type { ElementType } from 'react';
 import { HONEY_STYLED_COMPONENT_ID_PROP } from '../constants';
-import type { HoneyCSSColor, HoneyCSSDimensionUnit } from '../css';
+import type { HoneyCssColor, HoneyCssDimensionUnit } from '../css';
 /**
  * Creates a new type by omitting the specified keys `U` from the object type `T`.
  *
@@ -54,7 +54,7 @@ export type FastOmit<T extends object, U extends string | number | symbol> = {
  * @template B - The object type with properties to override in `A`.
  */
 export type Override<A extends object, B extends object> = FastOmit<A, keyof B> & B;
-export type HoneyHTMLDataAttributes = {
+export type HoneyHtmlDataAttributes = {
     [key: `data-${string}`]: string | number;
 };
 /**
@@ -119,44 +119,44 @@ interface BaseHoneyColors {
      * Used for elements that require high visibility and emphasis, such as primary buttons, call-to-action elements,
      * and important elements like headers or titles.
      */
-    primary: Record<string, HoneyCSSColor>;
+    primary: Record<string, HoneyCssColor>;
     /**
      * Used to complement the primary color and add visual interest.
      * Often used for secondary buttons, borders, and decorative elements to provide contrast and balance within the design.
      * Helps create a cohesive visual hierarchy by providing variation in color tones.
      */
-    secondary: Record<string, HoneyCSSColor>;
+    secondary: Record<string, HoneyCssColor>;
     /**
      * Used to draw attention to specific elements or interactions.
      * Often applied to interactive elements like links, icons, or tooltips to indicate their interactive nature.
      * Can be used sparingly to highlight important information or to create visual focal points.
      */
-    accent: Record<string, HoneyCSSColor>;
+    accent: Record<string, HoneyCssColor>;
     /**
      * Used for backgrounds, text, and other elements where a subtle, non-distracting color is desired.
      * Provides a versatile palette for elements like backgrounds, borders, text, and icons, allowing other colors to stand
      * out more prominently. Helps maintain balance and readability without overwhelming the user with too much color.
      */
-    neutral: Record<string, HoneyCSSColor>;
+    neutral: Record<string, HoneyCssColor>;
     /**
      * Used to indicate successful or positive actions or states.
      * Often applied to elements like success messages, notifications, or icons to convey successful completion of tasks or operations.
      * Provides visual feedback to users to indicate that their actions were successful.
      */
-    success: Record<string, HoneyCSSColor>;
+    success: Record<string, HoneyCssColor>;
     /**
      * Used to indicate cautionary or potentially risky situations.
      * Applied to elements like warning messages, alerts, or icons to notify users about potential issues or actions that require attention.
      * Helps users recognize and address potential problems or risks before they escalate.
      */
-    warning: Record<string, HoneyCSSColor>;
+    warning: Record<string, HoneyCssColor>;
     /**
      * Used to indicate errors, critical issues, or potentially destructive actions.
      * Applied to elements like error messages, validation indicators, form fields, or delete buttons to alert users about incorrect input,
      * system errors, or actions that may have irreversible consequences. Provides visual feedback to prompt users to
      * take corrective actions or seek assistance when encountering errors or potentially risky actions.
      */
-    error: Record<string, HoneyCSSColor>;
+    error: Record<string, HoneyCssColor>;
 }
 /**
  * Example of augmenting the colors interface.
@@ -196,14 +196,14 @@ export interface HoneyColors extends BaseHoneyColors {
 export type HoneyColorKey = {
     [ColorType in keyof HoneyColors]: `${ColorType}.${keyof HoneyColors[ColorType] & string}`;
 }[keyof HoneyColors];
-export type HoneyColor = HoneyCSSColor | HoneyColorKey;
+export type HoneyColor = HoneyCssColor | HoneyColorKey;
 export interface HoneyContainer {
     /**
      * Max container width in any CSS distance value.
      */
-    maxWidth: `${number}${HoneyCSSDimensionUnit}`;
+    maxWidth: `${number}${HoneyCssDimensionUnit}`;
 }
-export type HoneyDimensionValue = `${number}${HoneyCSSDimensionUnit}`;
+export type HoneyDimensionValue = `${number}${HoneyCssDimensionUnit}`;
 /**
  * Represents a map of dimension names to CSS distance values.
  */
@@ -254,9 +254,9 @@ export interface HoneyStyledComponent extends HoneyInternalStyledComponent {
 export type HoneyStyledContext<Props extends object> = {
     theme: HoneyTheme;
 } & Props;
-type HoneyStyledInterpolationCSSProps = {
+type HoneyStyledInterpolationCssProps = {
     [K in keyof CSS.Properties]?: CSS.Properties[K] | null | false | undefined;
 };
 export type HoneyStyledFunction<Props extends object> = (context: HoneyStyledContext<Props>) => HoneyStyledInterpolation<Props>;
-export type HoneyStyledInterpolation<Props extends object> = string | number | boolean | null | undefined | HoneyStyledComponent | HoneyStyledInterpolationCSSProps | HoneyStyledFunction<Props> | HoneyStyledInterpolation<Props>[];
+export type HoneyStyledInterpolation<Props extends object> = string | number | boolean | null | undefined | HoneyStyledComponent | HoneyStyledInterpolationCssProps | HoneyStyledFunction<Props> | HoneyStyledInterpolation<Props>[];
 export {};

package/dist/utils.d.ts

@@ -1,12 +1,12 @@
-import type { HoneyCSSColor, HoneyCSSClassName, HoneyCSSShorthandDimensionOutput, HoneyCSSShorthandTuple, HoneyCSSSpacingValue, HoneyCSSDimensionUnit, HoneyCSSDimensionValue } from './css';
-import type { Nullable, HoneyColor, HoneyColorKey, HoneyDimensionName, HoneyFontName, HoneySpacings, HoneyStyledComponent, HoneyStyledContext } from './types';
+import type { HoneyCssClassName, HoneyCssColor, HoneyCssDimensionUnit, HoneyCssDimensionValue, HoneyCssShorthandDimensionOutput, HoneyCssShorthandTuple, HoneyCssSpacingValue } from './css';
+import type { HoneyColor, HoneyColorKey, HoneyDimensionName, HoneyFontName, HoneySpacings, HoneyStyledComponent, HoneyStyledContext, Nullable } from './types';
 export declare const generateId: (prefix: string) => string;
 /**
  * Combines multiple class names into a single space-separated string
  *
  * @param classNames - Array of class names to combine
  */
-export declare const combineClassNames: (classNames: HoneyCSSClassName[]) => string;
+export declare const combineClassNames: (classNames: HoneyCssClassName[]) => string;
 export declare const resolveClassName: (css: string) => string;
 export declare const isStyledComponent: (component: any) => component is HoneyStyledComponent;
 /**
@@ -45,7 +45,7 @@ export declare const pxToRem: (px: number, base?: number) => string;
  *
  * @returns True if the string value is a theme color value, false otherwise.
  */
-export declare const checkIsThemeColorValue: (propertyValue: string) => propertyValue is HoneyColorKey;
+export declare const isThemeColorValue: (propertyValue: string) => propertyValue is HoneyColorKey;
 /**
  * Determines the resolved type for spacing values when processed by `resolveSpacing`.
  *
@@ -62,7 +62,7 @@ export declare const checkIsThemeColorValue: (propertyValue: string) => property
  * @template Value - The input spacing value (number, shorthand array, or raw string).
  * @template Unit - A CSS length unit (e.g., 'px', 'em'), or `null` to skip unit formatting.
  */
-export type HoneyResolveSpacingResult<Value extends HoneyCSSSpacingValue, Unit extends Nullable<HoneyCSSDimensionUnit>> = Value extends HoneyCSSDimensionValue ? Value : Unit extends null ? Value : Value extends HoneyCSSShorthandTuple<number | HoneyCSSDimensionValue> ? HoneyCSSShorthandDimensionOutput<Value, NonNullable<Unit>> : HoneyCSSDimensionValue<NonNullable<Unit>>;
+export type HoneyResolveSpacingResult<Value extends HoneyCssSpacingValue, Unit extends Nullable<HoneyCssDimensionUnit>> = Value extends HoneyCssDimensionValue ? Value : Unit extends null ? Value : Value extends HoneyCssShorthandTuple<number | HoneyCssDimensionValue> ? HoneyCssShorthandDimensionOutput<Value, NonNullable<Unit>> : HoneyCssDimensionValue<NonNullable<Unit>>;
 /**
  * Resolves a spacing value or shorthand spacing array using the theme and optional unit.
  *
@@ -85,7 +85,7 @@ export type HoneyResolveSpacingResult<Value extends HoneyCSSSpacingValue, Unit e
  *          - A space-separated string (e.g., `'8px 12px'`) if `value` is an array.
  *          - `never` if the input is a raw string (unsupported).
  */
-export declare const resolveSpacing: <Value extends HoneyCSSSpacingValue, Unit extends Nullable<HoneyCSSDimensionUnit> = "px">(value: Value, unit?: Unit, type?: keyof HoneySpacings) => ((context: HoneyStyledContext<object>) => HoneyResolveSpacingResult<Value, Unit>);
+export declare const resolveSpacing: <Value extends HoneyCssSpacingValue, Unit extends Nullable<HoneyCssDimensionUnit> = "px">(value: Value, unit?: Unit, type?: keyof HoneySpacings) => ((context: HoneyStyledContext<object>) => HoneyResolveSpacingResult<Value, Unit>);
 /**
  * Resolves the font styles based on the provided font name from the theme.
  *
@@ -113,7 +113,7 @@ export declare const resolveFont: (fontName: HoneyFontName) => ({ theme }: Honey
  * @throws Will throw an error if the provided alpha value is not within the valid range (0 to 1).
  * @throws Will throw an error if the color format is invalid.
  */
-export declare const resolveColor: (colorInput: HoneyColor, alpha?: number) => ({ theme }: HoneyStyledContext<object>) => HoneyCSSColor;
+export declare const resolveColor: (colorInput: HoneyColor, alpha?: number) => ({ theme }: HoneyStyledContext<object>) => HoneyCssColor;
 /**
  * Resolves a specific dimension value from the theme configuration.
  *
@@ -121,4 +121,4 @@ export declare const resolveColor: (colorInput: HoneyColor, alpha?: number) => (
  *
  * @returns A style function that takes the theme and returns the resolved dimension value from the theme.
  */
-export declare const resolveDimension: (dimensionName: HoneyDimensionName) => ({ theme }: HoneyStyledContext<object>) => HoneyCSSDimensionValue;
+export declare const resolveDimension: (dimensionName: HoneyDimensionName) => ({ theme }: HoneyStyledContext<object>) => HoneyCssDimensionValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-hive/honey-style",
-  "version": "4.2.0",
+  "version": "5.1.0",
   "description": "",
   "keywords": [
     "react",
@@ -39,7 +39,7 @@
   "dependencies": {
     "@mdx-js/react": "3.1.1",
     "@react-hive/honey-css": "1.15.0",
-    "@react-hive/honey-utils": "3.25.0",
+    "@react-hive/honey-utils": "3.26.0",
     "csstype": "3.2.3"
   },
   "devDependencies": {
@@ -52,8 +52,8 @@
     "@types/node": "22.19.11",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "copy-webpack-plugin": "13.0.1",
-    "eslint": "10.0.2",
+    "copy-webpack-plugin": "14.0.0",
+    "eslint": "10.1.0",
     "eslint-plugin-react": "7.37.5",
     "html-webpack-plugin": "5.6.6",
     "husky": "9.1.7",
@@ -64,9 +64,9 @@
     "ts-loader": "9.5.4",
     "tsx": "4.21.0",
     "typescript": "5.9.3",
-    "typescript-eslint": "8.56.1",
-    "webpack": "5.105.3",
-    "webpack-cli": "6.0.1"
+    "typescript-eslint": "8.57.1",
+    "webpack": "5.105.4",
+    "webpack-cli": "7.0.2"
   },
   "jest": {
     "preset": "ts-jest",