@epam/ai-dial-sidebar 1.0.0-dev.471 → 1.0.0-dev.475

package/models/panel-props.d.ts

@@ -6,6 +6,12 @@ export interface SidebarPanelColors {
     background?: string;
     /** Divider border color on the inner edge. */
     border?: string;
+    /** Border color on the outer (inline-end) edge. Defaults to `border`. */
+    borderInlineEnd?: string;
+    /** Header text color. */
+    text?: string;
+    /** Resize handle color (icon and background). */
+    resizeHandler?: string;
 }
 /** Typography overrides for the `SidebarPanel` component. */
 export interface SidebarPanelTypography {
@@ -17,6 +23,16 @@ export interface SidebarPanelTypography {
     /** Font family applied to the panel root via CSS custom property. */
     fontFamily?: string;
 }
+/** Localised accessible labels for the `SidebarPanel` component. */
+export interface SidebarPanelLabels {
+    /** Accessible label for the panel region. Caller supplies the localised string. */
+    ariaLabel: string;
+    /**
+     * Accessible label and tooltip for the built-in close button.
+     * Required when `onClose` is provided.
+     */
+    closeLabel?: string;
+}
 /** Combined style overrides (colors and typography) for the `SidebarPanel` component. */
 export interface SidebarPanelStyles {
     /** Color overrides applied as CSS custom properties. */
@@ -30,6 +46,10 @@ export interface SidebarPanelStyles {
     titleClassName?: string;
     /** Extra class name(s) merged onto the scrollable body `<div>`. */
     bodyClassName?: string;
+    /** Extra class name(s) merged onto the panel width wrapper `<div>`. */
+    className?: string;
+    /** CSS class applied to the header element. */
+    headerClassName?: string;
     /** CSS custom properties applied to the panel `<aside>` element. */
     cssVars?: CSSProperties;
 }
@@ -43,7 +63,7 @@ export interface SidebarPanelProps {
     isOpen: boolean;
     /**
      * Which edge the panel anchors to.
-     * Controls the divider side (`border-l` vs `border-r`) and
+     * Controls the divider side (`border-s` vs `border-e`) and
      * the close-button placement (outer edge of the panel).
      * `leftActions` / `rightActions` are header-bar positions and are
      * independent of this prop.
@@ -66,19 +86,10 @@ export interface SidebarPanelProps {
      * When omitted the close button is not rendered.
      */
     onClose?: () => void;
-    /** Accessible label for the panel region. Caller supplies the localised string. */
-    ariaLabel: string;
-    /**
-     * Accessible label and tooltip for the built-in close button.
-     * Required when `onClose` is provided.
-     */
-    closeLabel?: string;
+    /** Localised accessible labels for the panel region and close button. */
+    labels: SidebarPanelLabels;
     /** Body content rendered below the header bar in the scrollable region. */
     children: ReactNode;
-    /** Extra class name(s) merged onto the panel width wrapper `<div>`. */
-    className?: string;
-    /** CSS class applied to the header element. */
-    headerClassName?: string;
     /** Style overrides for colors, typography, and element class names. */
     styles?: SidebarPanelStyles;
     /**

package/models/panel-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-props.d.ts","sourceRoot":"","sources":["../../src/models/panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,sEAAsE;AACtE,MAAM,WAAW,kBAAkB;IACjC,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,6DAA6D;AAC7D,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,yFAAyF;AACzF,MAAM,WAAW,kBAAkB;IACjC,wDAAwD;IACxD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oEAAoE;IACpE,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,sDAAsD;AACtD,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;;;;;OAMG;IACH,WAAW,EAAE,kBAAkB,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mFAAmF;IACnF,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uEAAuE;IACvE,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC"}
+{"version":3,"file":"panel-props.d.ts","sourceRoot":"","sources":["../../src/models/panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,sEAAsE;AACtE,MAAM,WAAW,kBAAkB;IACjC,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,6DAA6D;AAC7D,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,oEAAoE;AACpE,MAAM,WAAW,kBAAkB;IACjC,mFAAmF;IACnF,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,yFAAyF;AACzF,MAAM,WAAW,kBAAkB;IACjC,wDAAwD;IACxD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oEAAoE;IACpE,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,sDAAsD;AACtD,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;;;;;OAMG;IACH,WAAW,EAAE,kBAAkB,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yEAAyE;IACzE,MAAM,EAAE,kBAAkB,CAAC;IAC3B,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-sidebar",
   "description": "Resizable sidebar panel shell with header, search, and empty state components",
-  "version": "1.0.0-dev.471",
+  "version": "1.0.0-dev.475",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -17,8 +17,8 @@
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.0.0-dev.471",
-    "@epam/ai-dial-kit": "1.0.0-dev.471",
+    "@epam/ai-dial-chat-shared": "1.0.0-dev.475",
+    "@epam/ai-dial-kit": "1.0.0-dev.475",
     "@epam/ai-dial-ui-kit": "0.12.0-dev.28",
     "@tabler/icons-react": "^3.44.0",
     "react": "^19.0.0"