@react-hive/honey-layout 2.8.0 → 3.0.0

package/dist/types/css.types.d.ts

@@ -23,10 +23,11 @@ export type HoneyCSSArrayValue<T> = [T, T] | [T, T, T] | [T, T, T, T];
  * @template T - Type of the value.
  */
 export type HoneyCSSMultiValue<T> = T | HoneyCSSArrayValue<T>;
+type HoneyCSSStepFunctionPosition = 'jump-start' | 'jump-end' | 'jump-none' | 'jump-both' | 'start' | 'end';
 /**
  * Defining the allowed timing functions for the transition
  */
-export type HoneyCSSTimingFunction = 'ease' | 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out';
+export type HoneyCSSTimingFunction = 'ease' | 'linear' | `linear(${string})` | `cubic-bezier(${number}, ${number}, ${number}, ${number})` | 'ease-in' | 'ease-out' | 'ease-in-out' | 'step-start' | 'step-end' | `steps(${number})` | `steps(${number}, ${HoneyCSSStepFunctionPosition})`;
 /**
  * Type representing CSS properties related to spacing and positioning.
  */

package/dist/types/types.d.ts

@@ -256,8 +256,8 @@ export type HoneyDimensionName = keyof HoneyDimensions;
 export type ComponentWithAs<T, P = object> = {
     as?: ElementType<P>;
 } & T;
-export type HoneyModifierResultFn<Props extends object> = StyleFunction<Props>;
-export type HoneyModifier<Config = unknown, Props extends object = object> = (config: Config) => HoneyModifierResultFn<Props>;
+export type HoneyEffectResultFn<Props extends object> = StyleFunction<Props>;
+export type HoneyEffect<Config = unknown, Props extends object = object> = (config: Config) => HoneyEffectResultFn<Props>;
 export type HoneyOverlayId = string;
 export type HoneyOverlayEventListenerType = 'keyup';
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-hive/honey-layout",
-  "version": "2.8.0",
+  "version": "3.0.0",
   "description": "",
   "keywords": [
     "react",

package/dist/modifiers.d.ts

@@ -1,42 +0,0 @@
-import { HoneyCSSTimingFunction, HoneyModifier } from './types';
-/**
- * Configuration object for the transition effect applied to visibility and opacity.
- */
-type HoneyVisibilityTransitionModifierConfig = {
-    /**
-     * Duration of the transition in milliseconds.
-     * Determines how long the transition will take to complete.
-     */
-    durationMs: number;
-    /**
-     * Timing function for the transition. Defines the rate of change during the transition.
-     * It can either be a single timing function or an array of multiple functions applied sequentially.
-     *
-     * @default ease-in-out
-     */
-    timingFunction?: HoneyCSSTimingFunction | HoneyCSSTimingFunction[];
-    /**
-     * Additional CSS properties to include in the transition.
-     */
-    extraProperties?: string[];
-};
-/**
- * Props for applying the transition effect.
- */
-export type HoneyVisibilityTransitionModifierContextProps = {
-    /**
-     * Determines whether the element is active.
-     * If true, the transition will be applied and the element becomes visible.
-     *
-     * @default false
-     */
-    isActive?: boolean;
-};
-/**
- * A styled-components modifier that applies a smooth transition effect to the visibility and opacity of an element.
- *
- * This modifier smoothly fades in or out an element by transitioning its opacity and visibility properties.
- * The transition is controlled by the configuration provided, including the duration, timing function, and any extra properties to animate.
- */
-export declare const honeyVisibilityTransitionModifier: HoneyModifier<HoneyVisibilityTransitionModifierConfig, HoneyVisibilityTransitionModifierContextProps>;
-export {};