@quen-ui/components 1.1.0 → 1.2.0

package/dist/TextField/styles.d.ts

@@ -1,4 +1,4 @@
 export declare const TextFieldInputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('..').ITextProps, never>> & string & Omit<import('react').FC<import('..').ITextProps>, keyof import('react').Component<any, {}, any>>;
 export declare const TextFieldStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../InputBase').IInputBaseProps & {
     children?: import('react').ReactNode | undefined;
-}, never>> & string & Omit<({ label, className, size, id, required, style, error, disabled, children, leftContent, rightContent, ...props }: import('react').PropsWithChildren<import('../InputBase').IInputBaseProps>) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+}, never>> & string & Omit<({ label, className, size, id, required, style, error, disabled, children, leftContent, rightContent, leftContentVariant, rightContentVariant, ...props }: import('react').PropsWithChildren<import('../InputBase').IInputBaseProps>) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;

package/dist/Textarea/styles.d.ts

@@ -1,4 +1,4 @@
 export declare const TextareaComponentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../InputBase').IInputBaseProps & {
     children?: import('react').ReactNode | undefined;
-}, never>> & string & Omit<({ label, className, size, id, required, style, error, disabled, children, leftContent, rightContent, ...props }: import('react').PropsWithChildren<import('../InputBase').IInputBaseProps>) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+}, never>> & string & Omit<({ label, className, size, id, required, style, error, disabled, children, leftContent, rightContent, leftContentVariant, rightContentVariant, ...props }: import('react').PropsWithChildren<import('../InputBase').IInputBaseProps>) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 export declare const TextareaStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('..').ITextProps, never>> & string & Omit<import('react').FC<import('..').ITextProps>, keyof import('react').Component<any, {}, any>>;

package/dist/Tooltip/Tooltip.cjs.js

@@ -19,7 +19,7 @@ const Tooltip = ({
   const [hovered, setHovered] = React.useState(false);
   const controlled = typeof controlledOpen !== "undefined";
   const shouldShow = controlled ? controlledOpen : hovered;
-  const [{ status }, toggle] = reactTransitionState.useTransition({
+  const [{ status }, toggle] = reactTransitionState.useTransitionState({
     enter: true,
     exit: true,
     preEnter: true,
@@ -27,6 +27,7 @@ const Tooltip = ({
     timeout: 200
   });
   React.useEffect(() => {
+    console.log(shouldShow, show);
     toggle(shouldShow && show);
   }, [show, toggle, shouldShow]);
   const handleMouseEnter = () => {
@@ -39,6 +40,7 @@ const Tooltip = ({
       setHovered(false);
     }
   };
+  console.log(status);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     styles.TooltipContainer,
     {

package/dist/Tooltip/Tooltip.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { useTransition } from "react-transition-state";
+import { useTransitionState } from "react-transition-state";
 import { TooltipContainer, TooltipContent, TooltipArrowStyled } from "./styles.es.js";
 const Tooltip = ({
   children,
@@ -18,7 +18,7 @@ const Tooltip = ({
   const [hovered, setHovered] = useState(false);
   const controlled = typeof controlledOpen !== "undefined";
   const shouldShow = controlled ? controlledOpen : hovered;
-  const [{ status }, toggle] = useTransition({
+  const [{ status }, toggle] = useTransitionState({
     enter: true,
     exit: true,
     preEnter: true,
@@ -26,6 +26,7 @@ const Tooltip = ({
     timeout: 200
   });
   useEffect(() => {
+    console.log(shouldShow, show);
     toggle(shouldShow && show);
   }, [show, toggle, shouldShow]);
   const handleMouseEnter = () => {
@@ -38,6 +39,7 @@ const Tooltip = ({
       setHovered(false);
     }
   };
+  console.log(status);
   return /* @__PURE__ */ jsxs(
     TooltipContainer,
     {

package/dist/index.cjs.js

@@ -45,6 +45,8 @@ const Highlight = require("./Highlight/Highlight.cjs.js");
 const LoadingOverlay = require("./LoadingOverlay/LoadingOverlay.cjs.js");
 const index$8 = require("./ColorPicker/index.cjs.js");
 const RichTextEditor = require("./RichTextEditor/RichTextEditor.cjs.js");
+const index$9 = require("./Stepper/index.cjs.js");
+const Banner = require("./Banner/Banner.cjs.js");
 exports.Title = Title;
 exports.Text = Text;
 exports.Button = Button;
@@ -91,3 +93,5 @@ exports.Highlight = Highlight;
 exports.LoadingOverlay = LoadingOverlay;
 exports.ColorPicker = index$8.ColorPicker;
 exports.RichTextEditor = RichTextEditor;
+exports.Stepper = index$9;
+exports.Banner = Banner.Banner;

package/dist/index.d.ts

@@ -63,3 +63,5 @@ export { Highlight, type IHighlightProps } from './Highlight';
 export { LoadingOverlay, type ILoadingOverlayProps } from './LoadingOverlay';
 export { ColorPicker, type IColorPickerProps, type TRgbColor, type THslColor, type TColorValue, type TColorFormat } from './ColorPicker';
 export { RichTextEditor, type IRichTextEditorProps, type IRichTextEditorPlugin, type IRichTextEditorHandle, type IRichTextEditorPluginActionParams, type IRichTextEditorPluginContext } from './RichTextEditor';
+export { default as Stepper, type IStepperProps, type IStepLabelProps, type IStepProps } from './Stepper';
+export { Banner, type IBannerProps, type TBannerVariant } from './Banner';

package/dist/index.es.js

@@ -43,12 +43,15 @@ import { default as default33 } from "./Highlight/Highlight.es.js";
 import { default as default34 } from "./LoadingOverlay/LoadingOverlay.es.js";
 import { ColorPicker } from "./ColorPicker/index.es.js";
 import { default as default35 } from "./RichTextEditor/RichTextEditor.es.js";
+import { default as default36 } from "./Stepper/index.es.js";
+import { Banner } from "./Banner/Banner.es.js";
 export {
   Accordion,
   default8 as Alert,
   default9 as Avatar,
   BADGE_COLOR,
   default10 as Badge,
+  Banner,
   default11 as Breadcrumbs,
   default4 as Button,
   default29 as Calendar,
@@ -80,6 +83,7 @@ export {
   Skeleton,
   default31 as Slider,
   default32 as Spoiler,
+  default36 as Stepper,
   default22 as Switch,
   default7 as Tabs,
   default23 as Tag,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quen-ui/components",
   "private": false,
-  "version": "1.1.0",
+  "version": "1.2.0",
   "type": "module",
   "homepage": "https://quen-ui.github.io/quen-ui/",
   "repository": {