@epam/ai-dial-settings-panel 1.2.0-dev.99 → 1.3.0-dev.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/components/SettingsPanel/SettingsPanel.d.ts.map +1 -1
  2. package/index.css +1 -2
  3. package/index.d.ts +1 -1
  4. package/index.d.ts.map +1 -1
  5. package/index.js +18 -30
  6. package/models/settings-panel-props.d.ts +0 -19
  7. package/models/settings-panel-props.d.ts.map +1 -1
  8. package/package.json +3 -3
package/components/SettingsPanel/SettingsPanel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/SettingsPanel/SettingsPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAG5E,kFAAkF;AAClF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAsDhD,CAAC"}
1
+ {"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/SettingsPanel/SettingsPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAE5E,kFAAkF;AAClF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAwChD,CAAC"}
package/index.css CHANGED
@@ -1,2 +1 @@
1
- ._sectionLabel_1vf1h_2{color:var(--sp-section-label-text,var(--text-primary,#161b2d))}._row_1vf1h_12{color:var(--sp-row-text,var(--text-secondary,#57647a))}._row_1vf1h_12:focus-visible{outline-color:var(--sp-row-focus-outline,var(--stroke-focus-black,#161b2d))}@media (hover:hover){._row_1vf1h_12:hover:not(:disabled):not(.dial-kit-tab-selected){background-color:var(--sp-row-bg-hover,var(--bg-control-accent-alpha-hover,#2764d924))}}._row_1vf1h_12:disabled{cursor:not-allowed}._row_1vf1h_12.dial-kit-tab-selected{color:var(--sp-active-row-text,var(--text-accent,#1d4ed8));background-color:var(--sp-active-row-bg,var(--bg-control-accent-alpha,#2764d90f))}@media (hover:hover){._row_1vf1h_12.dial-kit-tab-selected:hover{background-color:var(--sp-active-row-bg-hover,var(--bg-control-accent-alpha-hover,#2764d924))}}
2
- /*$vite$:1*/.flex{display:flex}.min-h-0{min-height:0}.grow{flex-grow:1}.flex-col{flex-direction:column}.bg-layer-raised{background-color:var(--bg-layer-raised,#fcfcfc)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}
1
+ .flex{display:flex}.min-h-0{min-height:0}.grow{flex-grow:1}.flex-col{flex-direction:column}.bg-layer-raised{background-color:var(--bg-layer-raised,#fcfcfc)}
package/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export { SettingsPanel } from './components/SettingsPanel/SettingsPanel';
2
- export type { SettingsPanelItem, SettingsPanelProps, SettingsPanelStyles, SettingsPanelColors, SettingsPanelTypography, } from './models/settings-panel-props';
2
+ export type { SettingsPanelItem, SettingsPanelProps, SettingsPanelStyles, SettingsPanelTypography, } from './models/settings-panel-props';
3
3
  export { SETTINGS_PANEL_CLASS } from './constants/public-class-names';
4
4
  //# sourceMappingURL=index.d.ts.map
package/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC"}
package/index.js CHANGED
@@ -1,41 +1,29 @@
1
- import { buildCssVars as e, mergeClasses as t } from "@epam/ai-dial-chat-shared";
2
- import { TabOrientation as n, Tabs as r } from "@epam/ai-dial-ui-kit";
3
- import { jsx as i } from "react/jsx-runtime";
1
+ import { mergeClasses as e } from "@epam/ai-dial-chat-shared";
2
+ import { TabOrientation as t, Tabs as n } from "@epam/ai-dial-ui-kit";
3
+ import { jsx as r } from "react/jsx-runtime";
4
4
  //#region src/constants/public-class-names.ts
5
- var a = {
5
+ var i = {
6
6
  panel: "dial-settings-panel-panel",
7
7
  tabList: "dial-settings-panel-tab-list",
8
8
  tab: "dial-settings-panel-tab"
9
- }, o = {
10
- sectionLabel: "_sectionLabel_1vf1h_2",
11
- row: "_row_1vf1h_12"
12
- }, s = ({ items: s, activeId: c, onSelect: l, sectionLabel: u, styles: d, className: f }) => {
13
- let { sectionLabelClassName: p = "dial-h1-text" } = d?.typography ?? {}, m = d?.colors, h = e({
14
- "--sp-section-label-text": m?.sectionLabelText,
15
- "--sp-row-text": m?.rowText,
16
- "--sp-row-bg-hover": m?.rowBackgroundHover,
17
- "--sp-active-row-bg": m?.activeRowBackground,
18
- "--sp-active-row-bg-hover": m?.activeRowBackgroundHover,
19
- "--sp-active-row-text": m?.activeRowText,
20
- "--sp-row-focus-outline": m?.rowFocusOutline
21
- });
22
- return /* @__PURE__ */ i("div", {
23
- className: t("flex min-h-0 flex-col bg-layer-raised", f, a.panel),
24
- style: h,
25
- children: /* @__PURE__ */ i(r, {
26
- orientation: n.Vertical,
27
- sectionLabel: u,
28
- tabs: s,
29
- activeTabId: c,
9
+ }, a = ({ items: a, activeId: o, onSelect: s, sectionLabel: c, styles: l, className: u }) => {
10
+ let { sectionLabelClassName: d = "dial-h1-text" } = l?.typography ?? {};
11
+ return /* @__PURE__ */ r("div", {
12
+ className: e("flex min-h-0 flex-col bg-layer-raised", u, i.panel),
13
+ children: /* @__PURE__ */ r(n, {
14
+ orientation: t.Vertical,
15
+ sectionLabel: c,
16
+ tabs: a,
17
+ activeTabId: o,
30
18
  onTabChange: (e) => {
31
- e !== c && l(e);
19
+ e !== o && s(e);
32
20
  },
33
21
  className: "min-h-0 grow",
34
- tabListClassName: a.tabList,
35
- tabClassName: t(o.row, a.tab),
36
- sectionLabelClassName: t(o.sectionLabel, p)
22
+ tabListClassName: i.tabList,
23
+ tabClassName: i.tab,
24
+ sectionLabelClassName: d
37
25
  })
38
26
  });
39
27
  };
40
28
  //#endregion
41
- export { a as SETTINGS_PANEL_CLASS, s as SettingsPanel };
29
+ export { i as SETTINGS_PANEL_CLASS, a as SettingsPanel };
package/models/settings-panel-props.d.ts CHANGED
@@ -15,29 +15,10 @@ export interface SettingsPanelTypography {
15
15
  /** Typography class applied to the section header. Defaults to `'dial-h1-text'`. */
16
16
  sectionLabelClassName?: string;
17
17
  }
18
- /** Color overrides for the {@link SettingsPanel} component, applied as CSS custom properties. */
19
- export interface SettingsPanelColors {
20
- /** Label color of the section header. Defaults to `--text-primary`. */
21
- sectionLabelText?: string;
22
- /** Label and icon color of an inactive row (enabled or disabled). Defaults to `--text-secondary`. */
23
- rowText?: string;
24
- /** Background color of an enabled, inactive row on hover. Defaults to `--bg-control-accent-alpha-hover`. */
25
- rowBackgroundHover?: string;
26
- /** Background color of the active row. Defaults to `--bg-control-accent-alpha`. */
27
- activeRowBackground?: string;
28
- /** Background color of the active row on hover. Defaults to `--bg-control-accent-alpha-hover`. */
29
- activeRowBackgroundHover?: string;
30
- /** Label and icon color of the active row. Defaults to `--text-accent`. */
31
- activeRowText?: string;
32
- /** Keyboard focus ring color. Defaults to `--stroke-focus-black`. */
33
- rowFocusOutline?: string;
34
- }
35
18
  /** Style overrides for the {@link SettingsPanel} component. */
36
19
  export interface SettingsPanelStyles {
37
20
  /** Typography overrides. */
38
21
  typography?: SettingsPanelTypography;
39
- /** Color overrides applied as CSS custom properties. */
40
- colors?: SettingsPanelColors;
41
22
  }
42
23
  /** Props for {@link SettingsPanel}. */
43
24
  export interface SettingsPanelProps {
package/models/settings-panel-props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"settings-panel-props.d.ts","sourceRoot":"","sources":["../../src/models/settings-panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,iDAAiD;AACjD,MAAM,WAAW,iBAAiB;IAChC,wEAAwE;IACxE,EAAE,EAAE,MAAM,CAAC;IACX,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2IAA2I;IAC3I,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,oEAAoE;AACpE,MAAM,WAAW,uBAAuB;IACtC,oFAAoF;IACpF,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,iGAAiG;AACjG,MAAM,WAAW,mBAAmB;IAClC,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qGAAqG;IACrG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4GAA4G;IAC5G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mFAAmF;IACnF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kGAAkG;IAClG,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,+DAA+D;AAC/D,MAAM,WAAW,mBAAmB;IAClC,4BAA4B;IAC5B,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,wDAAwD;IACxD,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC9B;AAED,uCAAuC;AACvC,MAAM,WAAW,kBAAkB;IACjC,qCAAqC;IACrC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB,iGAAiG;IACjG,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,4FAA4F;IAC5F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB;IACvB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
1
+ {"version":3,"file":"settings-panel-props.d.ts","sourceRoot":"","sources":["../../src/models/settings-panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,iDAAiD;AACjD,MAAM,WAAW,iBAAiB;IAChC,wEAAwE;IACxE,EAAE,EAAE,MAAM,CAAC;IACX,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2IAA2I;IAC3I,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,oEAAoE;AACpE,MAAM,WAAW,uBAAuB;IACtC,oFAAoF;IACpF,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,+DAA+D;AAC/D,MAAM,WAAW,mBAAmB;IAClC,4BAA4B;IAC5B,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC;AAED,uCAAuC;AACvC,MAAM,WAAW,kBAAkB;IACjC,qCAAqC;IACrC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB,iGAAiG;IACjG,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,4FAA4F;IAC5F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB;IACvB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@epam/ai-dial-settings-panel",
3
3
  "description": "Presentational vertical settings navigation panel with icon-labeled rows and active-row highlighting",
4
- "version": "1.2.0-dev.99",
4
+ "version": "1.3.0-dev.5",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -17,8 +17,8 @@
17
17
  }
18
18
  },
19
19
  "peerDependencies": {
20
- "@epam/ai-dial-chat-shared": "1.2.0-dev.99",
21
- "@epam/ai-dial-ui-kit": "^0.15.0-dev.12",
20
+ "@epam/ai-dial-chat-shared": "1.3.0-dev.5",
21
+ "@epam/ai-dial-ui-kit": "^0.15.0",
22
22
  "react": "^19.2.8"
23
23
  },
24
24
  "repository": {