@epam/ai-dial-settings-panel 1.3.0-dev.252 → 1.3.0-dev.256

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 (11) hide show
  1. package/components/ExtensionsSection/ExtensionServiceRow.d.ts.map +1 -1
  2. package/components/SettingsPanel/SettingsPanel.d.ts.map +1 -1
  3. package/index.css +2 -2
  4. package/index.d.ts +1 -1
  5. package/index.d.ts.map +1 -1
  6. package/index.js +27 -26
  7. package/models/extensions-props.d.ts +6 -0
  8. package/models/extensions-props.d.ts.map +1 -1
  9. package/models/settings-panel-props.d.ts +7 -0
  10. package/models/settings-panel-props.d.ts.map +1 -1
  11. package/package.json +2 -2
package/components/ExtensionsSection/ExtensionServiceRow.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ExtensionServiceRow.d.ts","sourceRoot":"","sources":["../../../src/components/ExtensionsSection/ExtensionServiceRow.tsx"],"names":[],"mappings":"AASA,OAAO,EAAS,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,+BAA+B,CAAC;AASvC,eAAO,MAAM,uBAAuB,8EACyC,CAAC;AAI9E,uCAAuC;AACvC,MAAM,WAAW,wBAAwB;IACvC,wCAAwC;IACxC,GAAG,EAAE,oBAAoB,CAAC;IAC1B,kCAAkC;IAClC,UAAU,EAAE,oBAAoB,CAAC;CAClC;AAED,kMAAkM;AAClM,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAsH5D,CAAC"}
1
+ {"version":3,"file":"ExtensionServiceRow.d.ts","sourceRoot":"","sources":["../../../src/components/ExtensionsSection/ExtensionServiceRow.tsx"],"names":[],"mappings":"AASA,OAAO,EAAS,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,+BAA+B,CAAC;AASvC,eAAO,MAAM,uBAAuB,8EACyC,CAAC;AAI9E,uCAAuC;AACvC,MAAM,WAAW,wBAAwB;IACvC,wCAAwC;IACxC,GAAG,EAAE,oBAAoB,CAAC;IAC1B,kCAAkC;IAClC,UAAU,EAAE,oBAAoB,CAAC;CAClC;AAED,kMAAkM;AAClM,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAyH5D,CAAC"}
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;AAE5E,kFAAkF;AAClF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA0ChD,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;AAG5E,kFAAkF;AAClF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA+ChD,CAAC"}
package/index.css CHANGED
@@ -1,3 +1,3 @@
1
- ._container_1a0g4_1{background:var(--ext-container-bg,var(--bg-layer-raised,#fcfcfc))}._columnHeader_1a0g4_5{color:var(--ext-column-header,var(--text-secondary,#57647a))}._headerRow_1a0g4_9{border-block-end:.5px solid var(--ext-row-divider,var(--stroke-tertiary,#e0e6f0))}._row_1a0g4_16{border-block-start:.5px solid var(--ext-row-divider,var(--stroke-tertiary,#e0e6f0))}._name_1a0g4_20{color:var(--ext-name,var(--text-primary,#161b2d))}._description_1a0g4_24{color:var(--ext-description,var(--text-secondary,#57647a))}._limitedAccessDescription_1a0g4_28{color:var(--ext-description,var(--text-primary,#161b2d))}._warningBadge_1a0g4_32{color:var(--ext-warning-badge,var(--text-warning-icon,#eec840))}
1
+ ._container_1a0g4_1{background:var(--ext-container-bg,var(--bg-layer-raised,#fcfcfc))}._columnHeader_1a0g4_5{color:var(--ext-column-header,var(--text-secondary,#57647a))}._headerRow_1a0g4_9{border-block-end:.5px solid var(--ext-row-divider,var(--stroke-tertiary,#e0e6f0))}._row_1a0g4_16{border-block-start:.5px solid var(--ext-row-divider,var(--stroke-tertiary,#e0e6f0))}._name_1a0g4_20{color:var(--ext-name,var(--text-primary,#161b2d))}._description_1a0g4_24{color:var(--ext-description,var(--text-secondary,#57647a))}._limitedAccessDescription_1a0g4_28{color:var(--ext-description,var(--text-primary,#161b2d))}._warningBadge_1a0g4_32{color:var(--ext-warning-badge,var(--text-warning-icon,#eec840))}._panel_12dqa_1{background:var(--sp-bg,var(--bg-layer-raised,#fcfcfc))}
2
2
  /*$vite$:1*//*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
3
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.inset-e-\[-10px\]{inset-inline-end:-10px}.bottom-\[-3px\]{bottom:-3px}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.min-h-0{min-height:0}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-xl{border-radius:.75rem}.bg-layer-raised{background-color:var(--bg-layer-raised,#fcfcfc)}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.py-3{padding-block:.75rem}.text-end{text-align:end}.text-start{text-align:start}.wrap-break-word{overflow-wrap:break-word}.shadow-md{--tw-shadow:0 10px 30px 9px var(--tw-shadow-color,var(--shadow-md-2,var(--shadow-md,#2764d90f))), 0 0 8px 2px var(--tw-shadow-color,var(--shadow-md-1,#2764d90a));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (min-width:1280px){.desktop\:grid{display:grid}.desktop\:min-h-16{min-height:4rem}.desktop\:grid-cols-\[minmax\(12rem\,1\.25fr\)_minmax\(0\,1fr\)_minmax\(8rem\,10rem\)\]{grid-template-columns:minmax(12rem,1.25fr) minmax(0,1fr) minmax(8rem,10rem)}.desktop\:items-center{align-items:center}.desktop\:gap-4{gap:1rem}.desktop\:px-6{padding-inline:1.5rem}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
3
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.inset-e-\[-10px\]{inset-inline-end:-10px}.bottom-\[-3px\]{bottom:-3px}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.min-h-0{min-height:0}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-xl{border-radius:.75rem}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.py-3{padding-block:.75rem}.text-end{text-align:end}.text-start{text-align:start}.wrap-break-word{overflow-wrap:break-word}.shadow-md{--tw-shadow:0 10px 30px 9px var(--tw-shadow-color,var(--shadow-md-2,var(--shadow-md,#2764d90f))), 0 0 8px 2px var(--tw-shadow-color,var(--shadow-md-1,#2764d90a));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (min-width:1280px){.desktop\:grid{display:grid}.desktop\:min-h-16{min-height:4rem}.desktop\:grid-cols-\[minmax\(12rem\,1\.25fr\)_minmax\(0\,1fr\)_minmax\(8rem\,10rem\)\]{grid-template-columns:minmax(12rem,1.25fr) minmax(0,1fr) minmax(8rem,10rem)}.desktop\:items-center{align-items:center}.desktop\:gap-4{gap:1rem}.desktop\:px-6{padding-inline:1.5rem}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
package/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export { ExtensionsSection } from './components/ExtensionsSection/ExtensionsSection';
2
2
  export type { ExtensionServiceItem, ExtensionsColors, ExtensionsLabels, ExtensionsSectionProps, ExtensionsStyles, ExtensionsTypography, } from './models/extensions-props';
3
3
  export { SettingsPanel } from './components/SettingsPanel/SettingsPanel';
4
- export type { SettingsPanelItem, SettingsPanelProps, SettingsPanelStyles, SettingsPanelTypography, } from './models/settings-panel-props';
4
+ export type { SettingsPanelItem, SettingsPanelProps, SettingsPanelColors, SettingsPanelStyles, SettingsPanelTypography, } from './models/settings-panel-props';
5
5
  export { SETTINGS_PANEL_CLASS } from './constants/public-class-names';
6
6
  //# 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,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,YAAY,EACV,oBAAoB,EACpB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,2BAA2B,CAAC;AACnC,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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,YAAY,EACV,oBAAoB,EACpB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,2BAA2B,CAAC;AACnC,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"}
package/index.js CHANGED
@@ -13,7 +13,7 @@ var m = {
13
13
  limitedAccessDescription: "_limitedAccessDescription_1a0g4_28",
14
14
  warningBadge: "_warningBadge_1a0g4_32"
15
15
  }, h = "desktop:grid-cols-[minmax(12rem,1.25fr)_minmax(0,1fr)_minmax(8rem,10rem)]", g = 40, _ = ({ row: t, typography: s }) => {
16
- let { nameClassName: c = "dial-small-semi-text", descriptionClassName: _ = "dial-small-text" } = s, { displayName: v, description: y, avatarColor: b, isWarningVisible: x, limitedAccessLabel: S, limitedAccessTooltipTitle: C, limitedAccessTooltipDescription: w, action: T } = t, E = S != null, D = d();
16
+ let { nameClassName: c = "dial-small-semi-text", descriptionClassName: _ = "dial-small-text", tooltipTitleClassName: v = "dial-small-semi-text", tooltipDescriptionClassName: y = "dial-small-text", avatarInitialsClassName: b = "dial-h2-text" } = s, { displayName: x, description: S, avatarColor: C, isWarningVisible: w, limitedAccessLabel: T, limitedAccessTooltipTitle: E, limitedAccessTooltipDescription: D, action: O } = t, k = T != null, A = d();
17
17
  return /* @__PURE__ */ p("div", {
18
18
  role: "row",
19
19
  className: n("grid grid-cols-1 gap-2 px-4 py-3 desktop:min-h-16 desktop:items-center desktop:gap-4 desktop:px-6", h, m.row),
@@ -24,11 +24,11 @@ var m = {
24
24
  children: [/* @__PURE__ */ p("div", {
25
25
  className: "relative shrink-0",
26
26
  children: [/* @__PURE__ */ f(e, {
27
- name: v,
27
+ name: x,
28
28
  size: g,
29
- color: b,
30
- textClassName: "dial-h2-text"
31
- }), x && /* @__PURE__ */ f("span", {
29
+ color: C,
30
+ textClassName: b
31
+ }), w && /* @__PURE__ */ f("span", {
32
32
  className: n("absolute inset-e-[-10px] bottom-[-3px] flex", m.warningBadge),
33
33
  children: /* @__PURE__ */ f(u, {
34
34
  size: o.MD,
@@ -37,7 +37,7 @@ var m = {
37
37
  })]
38
38
  }), /* @__PURE__ */ f("span", {
39
39
  className: n(c, "min-w-0 flex-1 truncate", m.name),
40
- children: v
40
+ children: x
41
41
  })]
42
42
  }),
43
43
  /* @__PURE__ */ f("div", {
@@ -45,37 +45,37 @@ var m = {
45
45
  className: "flex min-w-0 items-center",
46
46
  children: /* @__PURE__ */ f("span", {
47
47
  className: n(_, "min-w-0 wrap-break-word", m.description),
48
- children: y
48
+ children: S
49
49
  })
50
50
  }),
51
51
  /* @__PURE__ */ f("div", {
52
52
  role: "cell",
53
53
  className: "flex min-w-0 items-center justify-end",
54
- children: E ? /* @__PURE__ */ p("div", {
54
+ children: k ? /* @__PURE__ */ p("div", {
55
55
  className: "flex min-w-0 flex-col items-end gap-1",
56
56
  children: [/* @__PURE__ */ f(l, {
57
57
  tooltip: /* @__PURE__ */ p("span", {
58
58
  className: "flex flex-col gap-1 text-start",
59
59
  children: [/* @__PURE__ */ f("span", {
60
- className: "dial-small-semi-text",
61
- children: C
60
+ className: v,
61
+ children: E
62
62
  }), /* @__PURE__ */ f("span", {
63
- className: "dial-small-text",
64
- children: w
63
+ className: y,
64
+ children: D
65
65
  })]
66
66
  }),
67
67
  children: /* @__PURE__ */ f(r, {
68
- label: S,
68
+ label: T,
69
69
  variant: a.Filled,
70
70
  color: i.Red,
71
- "aria-describedby": D
71
+ "aria-describedby": A
72
72
  })
73
73
  }), /* @__PURE__ */ f("span", {
74
- id: D,
74
+ id: A,
75
75
  className: n(_, "min-w-0 text-end wrap-break-word", m.limitedAccessDescription),
76
- children: w
76
+ children: D
77
77
  })]
78
- }) : T
78
+ }) : O
79
79
  })
80
80
  ]
81
81
  });
@@ -130,25 +130,26 @@ var m = {
130
130
  panel: "dial-settings-panel-panel",
131
131
  tabList: "dial-settings-panel-tab-list",
132
132
  tab: "dial-settings-panel-tab"
133
- }, b = ({ items: e, activeId: t, onSelect: r, sectionLabel: i, ariaLabel: a, styles: o, className: l }) => {
134
- let { sectionLabelClassName: u = "dial-h1-text" } = o?.typography ?? {};
133
+ }, b = { panel: "_panel_12dqa_1" }, x = ({ items: e, activeId: r, onSelect: i, sectionLabel: a, ariaLabel: o, styles: l, className: u }) => {
134
+ let { sectionLabelClassName: d = "dial-h1-text" } = l?.typography ?? {}, p = t({ "--sp-bg": l?.colors?.background });
135
135
  return /* @__PURE__ */ f("div", {
136
- className: n("flex min-h-0 flex-col bg-layer-raised", l, y.panel),
136
+ style: p,
137
+ className: n("flex min-h-0 flex-col", b.panel, u, y.panel),
137
138
  children: /* @__PURE__ */ f(c, {
138
139
  orientation: s.Vertical,
139
- sectionLabel: i,
140
- ariaLabel: a,
140
+ sectionLabel: a,
141
+ ariaLabel: o,
141
142
  tabs: e,
142
- activeTabId: t,
143
+ activeTabId: r,
143
144
  onTabChange: (e) => {
144
- e !== t && r(e);
145
+ e !== r && i(e);
145
146
  },
146
147
  className: "min-h-0 grow",
147
148
  tabListClassName: y.tabList,
148
149
  tabClassName: y.tab,
149
- sectionLabelClassName: u
150
+ sectionLabelClassName: d
150
151
  })
151
152
  });
152
153
  };
153
154
  //#endregion
154
- export { v as ExtensionsSection, y as SETTINGS_PANEL_CLASS, b as SettingsPanel };
155
+ export { v as ExtensionsSection, y as SETTINGS_PANEL_CLASS, x as SettingsPanel };
package/models/extensions-props.d.ts CHANGED
@@ -55,6 +55,12 @@ export interface ExtensionsTypography {
55
55
  nameClassName?: string;
56
56
  /** CSS class for the service description and limited-access explanation. Defaults to `'dial-small-text'`. */
57
57
  descriptionClassName?: string;
58
+ /** CSS class for the limited-access tooltip title. Defaults to `'dial-small-semi-text'`. */
59
+ tooltipTitleClassName?: string;
60
+ /** CSS class for the limited-access tooltip description. Defaults to `'dial-small-text'`. */
61
+ tooltipDescriptionClassName?: string;
62
+ /** CSS class for the initials in a service avatar without an icon. Defaults to `'dial-h2-text'`. */
63
+ avatarInitialsClassName?: string;
58
64
  }
59
65
  /** Style overrides accepted by `ExtensionsSection`. */
60
66
  export interface ExtensionsStyles {
package/models/extensions-props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"extensions-props.d.ts","sourceRoot":"","sources":["../../src/models/extensions-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,yEAAyE;AACzE,MAAM,WAAW,oBAAoB;IACnC,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,8EAA8E;IAC9E,WAAW,EAAE,MAAM,CAAC;IACpB,sJAAsJ;IACtJ,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,mEAAmE;IACnE,WAAW,EAAE,MAAM,CAAC;IACpB,mFAAmF;IACnF,gBAAgB,EAAE,OAAO,CAAC;IAC1B,2JAA2J;IAC3J,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,6DAA6D;IAC7D,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,qIAAqI;IACrI,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,gIAAgI;IAChI,MAAM,EAAE,SAAS,CAAC;CACnB;AAED,8DAA8D;AAC9D,MAAM,WAAW,gBAAgB;IAC/B,oCAAoC;IACpC,cAAc,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,eAAe,EAAE,MAAM,CAAC;IACxB,qDAAqD;IACrD,sBAAsB,EAAE,MAAM,CAAC;IAC/B,mFAAmF;IACnF,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,iFAAiF;AACjF,MAAM,WAAW,gBAAgB;IAC/B,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wKAAwK;IACxK,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,0DAA0D;AAC1D,MAAM,WAAW,oBAAoB;IACnC,qFAAqF;IACrF,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,4EAA4E;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6GAA6G;IAC7G,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,uDAAuD;AACvD,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,kCAAkC;IAClC,UAAU,CAAC,EAAE,oBAAoB,CAAC;CACnC;AAED,qCAAqC;AACrC,MAAM,WAAW,sBAAsB;IACrC,2EAA2E;IAC3E,IAAI,EAAE,oBAAoB,EAAE,CAAC;IAC7B,mDAAmD;IACnD,MAAM,EAAE,gBAAgB,CAAC;IACzB,uFAAuF;IACvF,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B"}
1
+ {"version":3,"file":"extensions-props.d.ts","sourceRoot":"","sources":["../../src/models/extensions-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,yEAAyE;AACzE,MAAM,WAAW,oBAAoB;IACnC,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,8EAA8E;IAC9E,WAAW,EAAE,MAAM,CAAC;IACpB,sJAAsJ;IACtJ,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,mEAAmE;IACnE,WAAW,EAAE,MAAM,CAAC;IACpB,mFAAmF;IACnF,gBAAgB,EAAE,OAAO,CAAC;IAC1B,2JAA2J;IAC3J,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,6DAA6D;IAC7D,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,qIAAqI;IACrI,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,gIAAgI;IAChI,MAAM,EAAE,SAAS,CAAC;CACnB;AAED,8DAA8D;AAC9D,MAAM,WAAW,gBAAgB;IAC/B,oCAAoC;IACpC,cAAc,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,eAAe,EAAE,MAAM,CAAC;IACxB,qDAAqD;IACrD,sBAAsB,EAAE,MAAM,CAAC;IAC/B,mFAAmF;IACnF,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,iFAAiF;AACjF,MAAM,WAAW,gBAAgB;IAC/B,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wKAAwK;IACxK,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,0DAA0D;AAC1D,MAAM,WAAW,oBAAoB;IACnC,qFAAqF;IACrF,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,4EAA4E;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6GAA6G;IAC7G,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,4FAA4F;IAC5F,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,6FAA6F;IAC7F,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,oGAAoG;IACpG,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,uDAAuD;AACvD,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,kCAAkC;IAClC,UAAU,CAAC,EAAE,oBAAoB,CAAC;CACnC;AAED,qCAAqC;AACrC,MAAM,WAAW,sBAAsB;IACrC,2EAA2E;IAC3E,IAAI,EAAE,oBAAoB,EAAE,CAAC;IAC7B,mDAAmD;IACnD,MAAM,EAAE,gBAAgB,CAAC;IACzB,uFAAuF;IACvF,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B"}
package/models/settings-panel-props.d.ts CHANGED
@@ -15,8 +15,15 @@ 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
+ /** Panel background color. Defaults to `--bg-layer-raised`. */
21
+ background?: string;
22
+ }
18
23
  /** Style overrides for the {@link SettingsPanel} component. */
19
24
  export interface SettingsPanelStyles {
25
+ /** Color overrides. */
26
+ colors?: SettingsPanelColors;
20
27
  /** Typography overrides. */
21
28
  typography?: SettingsPanelTypography;
22
29
  }
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,+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,wGAAwG;IACxG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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,iGAAiG;AACjG,MAAM,WAAW,mBAAmB;IAClC,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,+DAA+D;AAC/D,MAAM,WAAW,mBAAmB;IAClC,uBAAuB;IACvB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,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,wGAAwG;IACxG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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 settings surfaces: a vertical settings navigation panel and the Extensions services table",
4
- "version": "1.3.0-dev.252",
4
+ "version": "1.3.0-dev.256",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -20,7 +20,7 @@
20
20
  "@tabler/icons-react": "^3.44.0"
21
21
  },
22
22
  "peerDependencies": {
23
- "@epam/ai-dial-chat-shared": "1.3.0-dev.252",
23
+ "@epam/ai-dial-chat-shared": "1.3.0-dev.256",
24
24
  "@epam/ai-dial-ui-kit": "^0.16.0-dev.56",
25
25
  "react": "^19.2.8"
26
26
  },