@epam/ai-dial-conversation-input 1.0.0-dev.494 → 1.0.0-dev.495

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 (3) hide show
  1. package/index.css +1 -1
  2. package/index.js +3 -3
  3. package/package.json +4 -4
package/index.css CHANGED
@@ -1,2 +1,2 @@
1
- @keyframes _slide-up_3xrn0_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._backdrop_3xrn0_9{background:var(--ci-background-Backdrop,#0c101db2)}._sheet_3xrn0_13{background:var(--ci-sheet-bg,var(--bg-layer-0,#fcfcfc));animation:.3s cubic-bezier(.32,.72,0,1) _slide-up_3xrn0_1}._title_3xrn0_18{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._divider_3xrn0_22{background:var(--ci-sheet-divider,var(--bg-layer-4,#d1dbea))}._item_vou13_1{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._item_vou13_1:hover{background:var(--ci-sheet-item-hover,var(--bg-layer-3,#fcfcfc))}._item_vou13_1:active{background:var(--ci-sheet-item-active,var(--bg-layer-4,#d1dbea))}._itemIcon_vou13_11{color:var(--ci-sheet-icon,var(--text-secondary,#575f73))}._tab_1mi6x_1{color:var(--text-tertiary,#808898);background-color:#0000;border-color:#0000!important}._tab_1mi6x_1:hover{color:var(--text-secondary,#64748b);background-color:#5c8dea0f}._tab_1mi6x_1>span{text-align:center}._tab_1mi6x_1._tabActive_1mi6x_13{color:var(--text-secondary,#64748b);background-color:#2764d912}._tab_1mi6x_1._tabActive_1mi6x_13:hover{background-color:#5c8dea0f}.dial-primary-solid-button{background-image:linear-gradient(135deg, var(--bg-accent-secondary,#37babc) 0%, var(--bg-accent-primary,#5c8dea) 30%, var(--bg-accent-tertiary,#a972ff) 100%);border-style:none;border-radius:9999px;transition:box-shadow .2s,transform .15s;box-shadow:0 0 16px #37babc40,0 4px 12px #a972ff38;background-color:#0000!important;padding-inline:24px!important}@media (hover:hover){.dial-primary-solid-button:hover{background-color:#0000;background-image:linear-gradient(135deg, var(--bg-accent-secondary,#37babc) 0%, var(--bg-accent-primary,#5c8dea) 30%, var(--bg-accent-tertiary,#a972ff) 100%);transform:translateY(-1px);box-shadow:0 0 24px #37babc59,0 6px 18px #a972ff4d}}.dial-primary-solid-button:active{background-color:#0000;background-image:linear-gradient(135deg, var(--bg-accent-secondary,#37babc) 0%, var(--bg-accent-primary,#5c8dea) 30%, var(--bg-accent-tertiary,#a972ff) 100%);filter:brightness(.92);transform:translateY(0);box-shadow:0 0 10px #37babc33,0 2px 6px #a972ff29}.dial-primary-solid-button:disabled{box-shadow:none;cursor:not-allowed;background-image:none;transform:none;background-color:var(--controls-bg-disable,#d1dbea)!important;color:var(--text-white,#fff)!important}.dial-danger-solid-button{border-radius:9999px!important}.dial-primary-solid-button.dial-primary-solid-button{background-color:#0000;background-image:linear-gradient(135deg,#4b7be6 0%,#9355f4 100%);border:none;border-radius:9999px;transition:box-shadow .2s,transform .15s;box-shadow:0 4px 16px #5c8dea52}@media (hover:hover){.dial-primary-solid-button.dial-primary-solid-button:hover{background-color:#0000;background-image:linear-gradient(135deg,#4b7be6 0%,#9355f4 100%);transform:translateY(-1px);box-shadow:0 6px 20px #5c8dea6b}}.dial-primary-solid-button.dial-primary-solid-button:active{filter:brightness(.92);background-color:#0000;background-image:linear-gradient(135deg,#4b7be6 0%,#9355f4 100%);transform:translateY(0);box-shadow:0 2px 8px #5c8dea38}.dial-primary-solid-button.dial-primary-solid-button:disabled{box-shadow:none;background-image:none;transform:none}.dial-neutral-outlined-button{transition:background-color .15s,border-color .15s;color:var(--bg-accent-primary,#2764d9)!important;background-color:#2764d914!important;background-image:none!important;border:1px solid #2764d933!important;border-radius:9999px!important}@media (hover:hover){.dial-neutral-outlined-button:hover:enabled{background-color:#2764d921!important;border-color:#2764d959!important}}.dial-neutral-outlined-button:active:enabled{background-color:#2764d92e!important;border-color:#2764d973!important}.dial-neutral-outlined-button:disabled{border-color:var(--stroke-secondary,#d1dbea);color:var(--controls-text-neutral-disable,#575f73);background-color:#0000;background-image:none}.dial-primary-ghost-button:not(.dial-icon-button){border-style:none;border-radius:9999px;color:var(--bg-accent-primary,#2764d9)!important}@media (hover:hover){.dial-primary-ghost-button:not(.dial-icon-button):hover:enabled{background-color:#2764d90d!important}}.dial-primary-ghost-button:not(.dial-icon-button):active:enabled{background-color:#2764d914!important}.dial-icon-button{border-radius:6px!important}.dial-input:not(.dial-input-error){transition:border-color .15s,box-shadow .15s;border-color:var(--stroke-tertiary,#e0e6f0)!important;border-radius:.75rem!important}.dial-input:not(.dial-input-error):not(:disabled):hover{border-color:var(--stroke-accent-primary,#7da4ff)!important}.dial-input:not(.dial-input-error):not(:disabled):active,.dial-input:not(.dial-input-error):not(:disabled):focus,.dial-input:not(.dial-input-error):not(:disabled):focus-within{border-color:var(--stroke-accent-primary,#124ace)!important;box-shadow:0 0 0 4px var(--bg-accent-primary-alpha,#7da4ff2e)!important}.dial-input-error{border-radius:.75rem!important}._container_15iwh_1{background:var(--ci-bg,var(--bg-layer-0,#fcfcfc));border-color:var(--ci-border,var(--stroke-secondary,#d1dbea))}._container_15iwh_1._containerError_15iwh_5{border-color:var(--ci-voice-error,var(--error-default,#f04438))}._waveformCanvas_15iwh_9{color:var(--ci-voice-waveform,var(--text-primary,#161b2d))}._recordingDot_15iwh_17{background:var(--ci-voice-accent,var(--error-default,#f04438))}._micRecordingIcon_15iwh_21{color:var(--ci-voice-accent,var(--error-default,#f04438))}._wrapper_1q2nu_2{background:var(--ci-bg,var(--bg-layer-0,#fcfcfc));border-color:var(--ci-border,#0000000d);box-shadow:var(--ci-shadow,0 8px 24px #10182814);transition:border-color .15s,box-shadow .15s}._wrapper_1q2nu_2:hover:not(:focus-within){border-color:var(--ci-border-hover,#0000001f)}._wrapper_1q2nu_2:focus-within{border-color:var(--ci-border-focus,color-mix(in srgb, var(--stroke-accent-primary,#7da4ff) 50%, transparent));box-shadow:var(--ci-shadow-focus,0 8px 24px #10182814)}._wrapper_1q2nu_2._wrapperDisabled_1q2nu_15{background:var(--ci-bg-disabled,var(--controls-bg-disable,#d1dbea));cursor:not-allowed}._textarea_1q2nu_20{color:var(--ci-text,var(--text-primary,#161b2d))}._textarea_1q2nu_20::placeholder{color:var(--ci-placeholder,var(--text-secondary,#9fa6bd))}._textarea_1q2nu_20:disabled{color:var(--ci-text-disabled,var(--controls-text-primary-disable,#696e7c));cursor:not-allowed}._textarea_1q2nu_20:disabled::placeholder{color:var(--ci-placeholder-disabled,var(--controls-text-secondary-disable,#9fa6bd))}._stopIcon_1q2nu_34{color:var(--ci-stop-color,var(--text-secondary,#575f73))}._modelSelectorButton_1q2nu_38 ._modelSelectorCaret_1q2nu_38{color:var(--ci-model-selector-caret-color,var(--text-primary,#161b2d))}._modelSelectorButton_1q2nu_38:hover,._modelSelectorButton_1q2nu_38:active{background:var(--ci-model-selector-hover-bg,var(--controls-bg-accent-primary-alpha-active,#7da4ff5c))}._modelSelectorButton_1q2nu_38._modelSelectorButtonDisabled_1q2nu_44,._modelSelectorButton_1q2nu_38._modelSelectorButtonDisabled_1q2nu_44 ._modelSelectorCaret_1q2nu_38{color:var(--ci-model-selector-disabled-color,var(--controls-text-primary-disable,#696e7c))}@keyframes _sendButtonEnter_1q2nu_1{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes _sendButtonExit_1q2nu_55{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}._sendButton_1q2nu_55{background-color:#0000;background-image:var(--ci-send-bg-gradient,linear-gradient(135deg, #4b7be6 0%, #9355f4 100%));color:var(--ci-send-text,var(--controls-text-permanent,#fcfcfc));transition:filter .15s;animation:.22s cubic-bezier(.34,1.56,.64,1) _sendButtonEnter_1q2nu_1}._sendButton_1q2nu_55:hover{filter:brightness(1.08)}._sendButton_1q2nu_55:active{filter:brightness(.92)}._sendButton_1q2nu_55._sendButtonExiting_1q2nu_55{pointer-events:none;animation:.16s ease-in forwards _sendButtonExit_1q2nu_55}@media (prefers-reduced-motion:reduce){._sendButton_1q2nu_55,._sendButton_1q2nu_55._sendButtonExiting_1q2nu_55{animation:none}}._sendButton_1q2nu_55:disabled{background-image:none;background-color:var(--ci-send-bg-disabled,var(--controls-bg-disable,#d1dbea));color:var(--ci-send-text-disabled,var(--controls-text-primary-disable,#696e7c));filter:none}._divider_3wv6u_1{background:var(--ci-sheet-divider,var(--bg-layer-4,#d1dbea))}._item_3wv6u_5{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._item_3wv6u_5:hover{background:var(--ci-sheet-item-hover,var(--bg-layer-3,#fcfcfc))}._item_3wv6u_5:active{background:var(--ci-sheet-item-active,var(--bg-layer-4,#d1dbea))}._itemIcon_3wv6u_15{color:var(--ci-sheet-icon,var(--text-secondary,#575f73))}._checkIcon_3wv6u_19{color:var(--ci-check-icon,var(--text-accent-primary,#124ace))}._stateLabel_3wv6u_23{color:var(--ci-sheet-text,var(--text-secondary,#575f73))}._welcome_n2ph8_1{color:var(--ci-welcome-color,var(--text-primary,#161b2d))}
1
+ @keyframes _slide-up_3xrn0_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._backdrop_3xrn0_9{background:var(--ci-background-Backdrop,#0c101db2)}._sheet_3xrn0_13{background:var(--ci-sheet-bg,var(--bg-layer-0,#fcfcfc));animation:.3s cubic-bezier(.32,.72,0,1) _slide-up_3xrn0_1}._title_3xrn0_18{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._divider_3xrn0_22{background:var(--ci-sheet-divider,var(--bg-layer-4,#d1dbea))}._item_vou13_1{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._item_vou13_1:hover{background:var(--ci-sheet-item-hover,var(--bg-layer-3,#fcfcfc))}._item_vou13_1:active{background:var(--ci-sheet-item-active,var(--bg-layer-4,#d1dbea))}._itemIcon_vou13_11{color:var(--ci-sheet-icon,var(--text-secondary,#575f73))}._tabContainer_rzv03_1{background-color:#0000;color:var(--text-tertiary,#808898)!important;border-color:#0000!important}._tabContainer_rzv03_1:hover{background-color:#5c8dea0f;color:var(--text-secondary,#64748b)!important}._tabContainer_rzv03_1>span{text-align:center}._tabContainer_rzv03_1._tabActive_rzv03_13{background-color:#2764d912;color:var(--text-secondary,#64748b)!important}._tabContainer_rzv03_1._tabActive_rzv03_13:hover{background-color:#5c8dea0f}.dial-primary-solid-button{background-image:linear-gradient(135deg, var(--bg-accent-secondary,#37babc) 0%, var(--bg-accent-primary,#5c8dea) 30%, var(--bg-accent-tertiary,#a972ff) 100%);border-style:none;border-radius:9999px;transition:box-shadow .2s,transform .15s;box-shadow:0 0 16px #37babc40,0 4px 12px #a972ff38;background-color:#0000!important;padding-inline:24px!important}@media (hover:hover){.dial-primary-solid-button:hover{background-color:#0000;background-image:linear-gradient(135deg, var(--bg-accent-secondary,#37babc) 0%, var(--bg-accent-primary,#5c8dea) 30%, var(--bg-accent-tertiary,#a972ff) 100%);transform:translateY(-1px);box-shadow:0 0 24px #37babc59,0 6px 18px #a972ff4d}}.dial-primary-solid-button:active{background-color:#0000;background-image:linear-gradient(135deg, var(--bg-accent-secondary,#37babc) 0%, var(--bg-accent-primary,#5c8dea) 30%, var(--bg-accent-tertiary,#a972ff) 100%);filter:brightness(.92);transform:translateY(0);box-shadow:0 0 10px #37babc33,0 2px 6px #a972ff29}.dial-primary-solid-button:disabled{box-shadow:none;cursor:not-allowed;background-image:none;transform:none;background-color:var(--controls-bg-disable,#d1dbea)!important;color:var(--text-white,#fff)!important}.dial-danger-solid-button{border-radius:9999px!important}.dial-primary-solid-button.dial-primary-solid-button{background-color:#0000;background-image:linear-gradient(135deg,#4b7be6 0%,#9355f4 100%);border:none;border-radius:9999px;transition:box-shadow .2s,transform .15s;box-shadow:0 4px 16px #5c8dea52}@media (hover:hover){.dial-primary-solid-button.dial-primary-solid-button:hover{background-color:#0000;background-image:linear-gradient(135deg,#4b7be6 0%,#9355f4 100%);transform:translateY(-1px);box-shadow:0 6px 20px #5c8dea6b}}.dial-primary-solid-button.dial-primary-solid-button:active{filter:brightness(.92);background-color:#0000;background-image:linear-gradient(135deg,#4b7be6 0%,#9355f4 100%);transform:translateY(0);box-shadow:0 2px 8px #5c8dea38}.dial-primary-solid-button.dial-primary-solid-button:disabled{box-shadow:none;background-image:none;transform:none}.dial-neutral-outlined-button{transition:background-color .15s,border-color .15s;color:var(--bg-accent-primary,#2764d9)!important;background-color:#2764d914!important;background-image:none!important;border:1px solid #2764d933!important;border-radius:9999px!important}@media (hover:hover){.dial-neutral-outlined-button:hover:enabled{background-color:#2764d921!important;border-color:#2764d959!important}}.dial-neutral-outlined-button:active:enabled{background-color:#2764d92e!important;border-color:#2764d973!important}.dial-neutral-outlined-button:disabled{border-color:var(--stroke-secondary,#d1dbea);color:var(--controls-text-neutral-disable,#575f73);background-color:#0000;background-image:none}.dial-primary-ghost-button:not(.dial-icon-button){border-style:none;border-radius:9999px;color:var(--bg-accent-primary,#2764d9)!important}@media (hover:hover){.dial-primary-ghost-button:not(.dial-icon-button):hover:enabled{background-color:#2764d90d!important}}.dial-primary-ghost-button:not(.dial-icon-button):active:enabled{background-color:#2764d914!important}.dial-icon-button{border-radius:6px!important}.dial-input:not(.dial-input-error){transition:border-color .15s,box-shadow .15s;border-color:var(--stroke-tertiary,#e0e6f0)!important;border-radius:.75rem!important}.dial-input:not(.dial-input-error):not(:disabled):hover{border-color:var(--stroke-accent-primary,#7da4ff)!important}.dial-input:not(.dial-input-error):not(:disabled):active,.dial-input:not(.dial-input-error):not(:disabled):focus,.dial-input:not(.dial-input-error):not(:disabled):focus-within{border-color:var(--stroke-accent-primary,#124ace)!important;box-shadow:0 0 0 4px var(--bg-accent-primary-alpha,#7da4ff2e)!important}.dial-input-error{border-radius:.75rem!important}._container_15iwh_1{background:var(--ci-bg,var(--bg-layer-0,#fcfcfc));border-color:var(--ci-border,var(--stroke-secondary,#d1dbea))}._container_15iwh_1._containerError_15iwh_5{border-color:var(--ci-voice-error,var(--error-default,#f04438))}._waveformCanvas_15iwh_9{color:var(--ci-voice-waveform,var(--text-primary,#161b2d))}._recordingDot_15iwh_17{background:var(--ci-voice-accent,var(--error-default,#f04438))}._micRecordingIcon_15iwh_21{color:var(--ci-voice-accent,var(--error-default,#f04438))}._wrapper_1q2nu_2{background:var(--ci-bg,var(--bg-layer-0,#fcfcfc));border-color:var(--ci-border,#0000000d);box-shadow:var(--ci-shadow,0 8px 24px #10182814);transition:border-color .15s,box-shadow .15s}._wrapper_1q2nu_2:hover:not(:focus-within){border-color:var(--ci-border-hover,#0000001f)}._wrapper_1q2nu_2:focus-within{border-color:var(--ci-border-focus,color-mix(in srgb, var(--stroke-accent-primary,#7da4ff) 50%, transparent));box-shadow:var(--ci-shadow-focus,0 8px 24px #10182814)}._wrapper_1q2nu_2._wrapperDisabled_1q2nu_15{background:var(--ci-bg-disabled,var(--controls-bg-disable,#d1dbea));cursor:not-allowed}._textarea_1q2nu_20{color:var(--ci-text,var(--text-primary,#161b2d))}._textarea_1q2nu_20::placeholder{color:var(--ci-placeholder,var(--text-secondary,#9fa6bd))}._textarea_1q2nu_20:disabled{color:var(--ci-text-disabled,var(--controls-text-primary-disable,#696e7c));cursor:not-allowed}._textarea_1q2nu_20:disabled::placeholder{color:var(--ci-placeholder-disabled,var(--controls-text-secondary-disable,#9fa6bd))}._stopIcon_1q2nu_34{color:var(--ci-stop-color,var(--text-secondary,#575f73))}._modelSelectorButton_1q2nu_38 ._modelSelectorCaret_1q2nu_38{color:var(--ci-model-selector-caret-color,var(--text-primary,#161b2d))}._modelSelectorButton_1q2nu_38:hover,._modelSelectorButton_1q2nu_38:active{background:var(--ci-model-selector-hover-bg,var(--controls-bg-accent-primary-alpha-active,#7da4ff5c))}._modelSelectorButton_1q2nu_38._modelSelectorButtonDisabled_1q2nu_44,._modelSelectorButton_1q2nu_38._modelSelectorButtonDisabled_1q2nu_44 ._modelSelectorCaret_1q2nu_38{color:var(--ci-model-selector-disabled-color,var(--controls-text-primary-disable,#696e7c))}@keyframes _sendButtonEnter_1q2nu_1{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes _sendButtonExit_1q2nu_55{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}._sendButton_1q2nu_55{background-color:#0000;background-image:var(--ci-send-bg-gradient,linear-gradient(135deg, #4b7be6 0%, #9355f4 100%));color:var(--ci-send-text,var(--controls-text-permanent,#fcfcfc));transition:filter .15s;animation:.22s cubic-bezier(.34,1.56,.64,1) _sendButtonEnter_1q2nu_1}._sendButton_1q2nu_55:hover{filter:brightness(1.08)}._sendButton_1q2nu_55:active{filter:brightness(.92)}._sendButton_1q2nu_55._sendButtonExiting_1q2nu_55{pointer-events:none;animation:.16s ease-in forwards _sendButtonExit_1q2nu_55}@media (prefers-reduced-motion:reduce){._sendButton_1q2nu_55,._sendButton_1q2nu_55._sendButtonExiting_1q2nu_55{animation:none}}._sendButton_1q2nu_55:disabled{background-image:none;background-color:var(--ci-send-bg-disabled,var(--controls-bg-disable,#d1dbea));color:var(--ci-send-text-disabled,var(--controls-text-primary-disable,#696e7c));filter:none}._divider_3wv6u_1{background:var(--ci-sheet-divider,var(--bg-layer-4,#d1dbea))}._item_3wv6u_5{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._item_3wv6u_5:hover{background:var(--ci-sheet-item-hover,var(--bg-layer-3,#fcfcfc))}._item_3wv6u_5:active{background:var(--ci-sheet-item-active,var(--bg-layer-4,#d1dbea))}._itemIcon_3wv6u_15{color:var(--ci-sheet-icon,var(--text-secondary,#575f73))}._checkIcon_3wv6u_19{color:var(--ci-check-icon,var(--text-accent-primary,#124ace))}._stateLabel_3wv6u_23{color:var(--ci-sheet-text,var(--text-secondary,#575f73))}._welcome_n2ph8_1{color:var(--ci-welcome-color,var(--text-primary,#161b2d))}
2
2
  /*$vite$:1*/
package/index.js CHANGED
@@ -412,8 +412,8 @@ var Oe = (e, t) => {
412
412
  strokeLinejoin: "round"
413
413
  })]
414
414
  }), Be = {
415
- tab: "_tab_1mi6x_1",
416
- tabActive: "_tabActive_1mi6x_13"
415
+ tabContainer: "_tabContainer_rzv03_1",
416
+ tabActive: "_tabActive_rzv03_13"
417
417
  };
418
418
  ge(({ tabs: e, activeTabId: t, onTabChange: n, tabClassName: r = "dial-tiny-semi-text" }) => /* @__PURE__ */ L("div", {
419
419
  className: "flex flex-nowrap gap-1",
@@ -423,7 +423,7 @@ ge(({ tabs: e, activeTabId: t, onTabChange: n, tabClassName: r = "dial-tiny-semi
423
423
  label: e.label,
424
424
  selected: i,
425
425
  onClick: () => n(e.id),
426
- className: s("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", r, Be.tab, i && Be.tabActive)
426
+ className: s("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", r, Be.tabContainer, i && Be.tabActive)
427
427
  }, e.id);
428
428
  })
429
429
  }));
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@epam/ai-dial-conversation-input",
3
3
  "description": "Conversation message input with model selection, attachments, voice input, and edit mode",
4
- "version": "1.0.0-dev.494",
4
+ "version": "1.0.0-dev.495",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -17,13 +17,13 @@
17
17
  }
18
18
  },
19
19
  "peerDependencies": {
20
- "@epam/ai-dial-attachment-input": "1.0.0-dev.494",
21
- "@epam/ai-dial-chat-shared": "1.0.0-dev.494",
20
+ "@epam/ai-dial-attachment-input": "1.0.0-dev.495",
21
+ "@epam/ai-dial-chat-shared": "1.0.0-dev.495",
22
22
  "@epam/ai-dial-ui-kit": "0.12.0-dev.28",
23
23
  "@tabler/icons-react": "^3.44.0",
24
24
  "react": "^19.0.0",
25
25
  "react-dom": "^19.2.6",
26
- "@epam/ai-dial-kit": "1.0.0-dev.494"
26
+ "@epam/ai-dial-kit": "1.0.0-dev.495"
27
27
  },
28
28
  "dependencies": {
29
29
  "react-window": "^2.2.7"