@epam/ai-dial-ui-kit 0.13.0-dev.52 → 0.13.0-dev.57

package/dist/src/components/New/Input/Button/constants.d.ts

@@ -1 +1 @@
-export declare const inputButtonClassName = "bg-layer-4 flex items-center justify-center enabled:text-secondary enabled:hover:text-accent-primary enabled:active:bg-controls-accent-primary-alpha-active enabled:hover:bg-accent-primary-alpha enabled:active:text-accent-primary";
+export declare const inputButtonClassName = "bg-control-neutral-active flex items-center justify-center enabled:text-secondary enabled:hover:text-control-blue-hover enabled:active:bg-control-accent-alpha-active enabled:hover:bg-control-accent-alpha-hover enabled:active:text-control-blue-active";

package/dist/src/components/New/Input/Input.d.ts

@@ -1,9 +1,9 @@
 import { FC, InputHTMLAttributes, ReactNode, Ref } from 'react';
-import { DialLabelProps } from '../../Label/Label';
 import { ElementSize } from '../../../types/size';
+import { LabelProps } from '../Label/Label';
 import { InputButtonProps } from './Button/InputButton';
 export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size'> {
-    labelProps?: DialLabelProps;
+    labelProps?: LabelProps;
     inputButtonProps?: InputButtonProps;
     size?: ElementSize;
     invalid?: boolean;

package/dist/src/components/New/Popup/constants.d.ts

@@ -2,7 +2,7 @@ import { PopupSize } from '../../../types/popup';
 export declare const popupOverlayBaseClassName = "z-[52] flex items-center justify-center bg-backdrop md:p-4 gap-5 p-6";
 export declare const popupBaseClassName = "relative flex w-full max-h-full flex-col rounded-xl bg-layer-raised md:h-auto";
 export declare const popupHeaderClassName = "flex flex-row items-center justify-between px-6 py-4";
-export declare const popupTitleClassName = "flex-1 min-w-0 mr-3 truncate dial-h2-text text-primary";
+export declare const popupTitleClassName = "flex-1 min-w-0 mr-3 truncate dial-h1-text text-primary";
 /**
  * Max widths per size. Full width below the `md` breakpoint, where the popup
  * fills the screen.

package/dist/src/components/New/Select/constants.d.ts

@@ -1,6 +1,6 @@
 export declare const selectOverlayBaseClassName: string;
 export declare const selectOptionBaseClassName: string;
-export declare const selectOptionSelectedClassName = "bg-accent-primary-alpha";
+export declare const selectOptionSelectedClassName = "bg-control-accent-alpha-hover";
 /**
  * Holds the option list to the width of the field.
  *

package/dist/src/components/New/Textarea/Textarea.d.ts

@@ -1,7 +1,7 @@
 import { DetailedHTMLProps, FC, TextareaHTMLAttributes } from 'react';
-import { DialLabelProps } from '../../Label/Label';
+import { LabelProps } from '../Label/Label';
 export interface TextareaProps extends DetailedHTMLProps<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'>, HTMLTextAreaElement> {
-    labelProps?: DialLabelProps;
+    labelProps?: LabelProps;
     invalid?: boolean;
     containerClassName?: string;
     resize?: boolean;

package/dist/src/components/New/constants/overlay.d.ts

@@ -18,7 +18,7 @@ export declare const overlaySubMenuClassName: string;
  */
 export declare const overlayItemClassName: string;
 /** Tint marking the row that is currently selected. */
-export declare const overlayItemSelectedClassName = "bg-accent-primary-alpha";
+export declare const overlayItemSelectedClassName = "bg-control-accent-alpha-hover";
 export declare const overlayItemDisabledClassName = "opacity-75";
 /** Distance between the trigger and its panel, and between nested panels. */
 export declare const overlayGap = 4;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.13.0-dev.52",
+  "version": "0.13.0-dev.57",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",