@ai12z/react 3.7.1-alpha.2 → 3.7.1-alpha.20

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 (19) hide show
  1. package/LICENSE.md +1 -0
  2. package/dist/components/stencil-generated/index.js +3 -1
  3. package/dist/themes/theme-amber.css +17 -8
  4. package/dist/themes/theme-blue.css +14 -8
  5. package/dist/themes/theme-brown.css +14 -8
  6. package/dist/themes/theme-cyan.css +14 -8
  7. package/dist/themes/theme-default.css +14 -8
  8. package/dist/themes/theme-indigo.css +14 -8
  9. package/dist/themes/theme-lime.css +14 -8
  10. package/dist/themes/theme-orange.css +14 -8
  11. package/dist/themes/theme-pink.css +14 -8
  12. package/dist/themes/theme-purple.css +14 -8
  13. package/dist/themes/theme-red.css +14 -8
  14. package/dist/themes/theme-rose.css +14 -8
  15. package/dist/themes/theme-sky.css +14 -8
  16. package/dist/themes/theme-slate.css +14 -8
  17. package/dist/themes/theme-yellow.css +14 -8
  18. package/dist/types/components/stencil-generated/index.d.ts +3 -1
  19. package/package.json +3 -3
package/LICENSE.md ADDED
@@ -0,0 +1 @@
1
+ Copyright (c) ai12z
package/dist/components/stencil-generated/index.js CHANGED
@@ -5,6 +5,7 @@ export const Ai12zBot = createReactComponent('ai12z-bot');
5
5
  export const Ai12zCarousel = createReactComponent('ai12z-carousel');
6
6
  export const Ai12zCategory = createReactComponent('ai12z-category');
7
7
  export const Ai12zChat = createReactComponent('ai12z-chat');
8
+ export const Ai12zChatMessage = createReactComponent('ai12z-chat-message');
8
9
  export const Ai12zCta = createReactComponent('ai12z-cta');
9
10
  export const Ai12zInlineSearch = createReactComponent('ai12z-inline-search');
10
11
  export const Ai12zInputForm = createReactComponent('ai12z-input-form');
@@ -13,14 +14,15 @@ export const Ai12zMic = createReactComponent('ai12z-mic');
13
14
  export const Ai12zSearchPanel = createReactComponent('ai12z-search-panel');
14
15
  export const Ai12zSpinner = createReactComponent('ai12z-spinner');
15
16
  export const AudioRecorder = createReactComponent('audio-recorder');
16
- export const BotPopover = createReactComponent('bot-popover');
17
17
  export const ChatAvatar = createReactComponent('chat-avatar');
18
18
  export const ChatbotHistory = createReactComponent('chatbot-history');
19
+ export const DeleteConfirmationModal = createReactComponent('delete-confirmation-modal');
19
20
  export const DynamicForm = createReactComponent('dynamic-form');
20
21
  export const HamburgerMenu = createReactComponent('hamburger-menu');
21
22
  export const ImageUploader = createReactComponent('image-uploader');
22
23
  export const InteractionButtons = createReactComponent('interaction-buttons');
23
24
  export const ItemList = createReactComponent('item-list');
25
+ export const KeyboardShortcutsDialog = createReactComponent('keyboard-shortcuts-dialog');
24
26
  export const ListData = createReactComponent('list-data');
25
27
  export const LiveAgentChat = createReactComponent('live-agent-chat');
26
28
  export const PrivacyModal = createReactComponent('privacy-modal');
package/dist/themes/theme-amber.css CHANGED
@@ -1,12 +1,21 @@
1
1
  :root {
2
2
  --ai12zBot-v2-primary-color: #f59e0b;
3
3
  --ai12zBot-v2-secondary-color: #fff;
4
+
5
+ /* ✅ NEW: WCAG-compliant accent */
6
+ --ai12zBot-v2-secondary-accent: #C77500; /* Dark amber - 4.84:1 */
7
+
8
+
4
9
  --ai12zBot-v2-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
5
10
  --ai12zBot-v2-font-size: 1rem;
6
11
 
12
+ --ai12zBot-v2-focus-visible-color: #0A2A43;
13
+ --ai12zBot-v2-focus-visible-color-primary: #0A2A43;
14
+ --ai12zBot-v2-focus-visible-color-secondary: #0A2A43;
15
+
7
16
  --ai12zBot-v2-privacy-text-color: #000;
8
17
  --ai12zBot-v2-privacy-text-font-size: 16px;
9
- --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-color);
18
+ --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-accent);
10
19
  --ai12zBot-v2-privacy-link-font-size: 16px;
11
20
 
12
21
  --ai12zBot-v2-feedback-color: var(--ai12zBot-v2-primary-color);
@@ -21,23 +30,23 @@
21
30
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
31
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
32
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
24
- --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-primary-color);
33
+ --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-secondary-accent);
25
34
  --ai12zBot-v2-dropdown-font-color: var(--ai12zBot-v2-secondary-color);
26
35
  --ai12zBot-v2-searchbar-border-color: var(--ai12zBot-v2-primary-color);
27
- --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-primary-color);
36
+ --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-secondary-accent);
28
37
  --ai12zBot-v2-searchbar-submit-color: var(--ai12zBot-v2-secondary-color);
29
38
  --ai12zBot-v2-searchbar-mic-color: var(--ai12zBot-v2-primary-color);
30
39
  --ai12zBot-v2-searchbar-plus-icon-color: var(--ai12zBot-v2-primary-color);
31
40
  --ai12zBot-v2-default-avatar-color: var(--ai12zBot-v2-primary-color);
32
41
  --ai12zBot-v2-content-background: linear-gradient(190.82deg, #e4c28b -69.57%, #f3d7a7 95.11%);
33
- --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-primary-color);
42
+ --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-secondary-accent);
34
43
  --ai12zBot-v2-user-bubble-font-color: var(--ai12zBot-v2-secondary-color);
35
- --ai12zBot-v2-button-background: var(--ai12zBot-v2-primary-color);
44
+ --ai12zBot-v2-button-background: var(--ai12zBot-v2-secondary-accent);
36
45
  --ai12zBot-v2-button-font-color: var(--ai12zBot-v2-secondary-color);
37
- --ai12zBot-v2-timestamp-font-color: #888;
46
+ --ai12zBot-v2-timestamp-font-color: #444;
38
47
  --ai12zBot-v2-timestamp-font-size: 12px;
39
- --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), #eed3ae);
40
- --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), oklch(0.86 0.1 78.64));
48
+ --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
49
+ --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
41
50
  --ai12zBot-v2-modal-backgroundImage: linear-gradient(
42
51
  248.35deg,
43
52
  rgb(218 190 96) -11.3%,
package/dist/themes/theme-blue.css CHANGED
@@ -1,18 +1,24 @@
1
1
  :root {
2
2
  --ai12zBot-v2-primary-color: #4a90e2;
3
3
  --ai12zBot-v2-secondary-color: #fff;
4
+ --ai12zBot-v2-secondary-accent: #2B5FA6;
5
+
4
6
  --ai12zBot-v2-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
5
7
  --ai12zBot-v2-font-size: 1rem;
6
8
 
7
9
  --ai12zBot-v2-privacy-text-color: #000;
8
10
  --ai12zBot-v2-privacy-text-font-size: 16px;
9
- --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-color);
11
+ --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-accent);
10
12
  --ai12zBot-v2-privacy-link-font-size: 16px;
11
13
 
12
14
  --ai12zBot-v2-feedback-color: var(--ai12zBot-v2-primary-color);
13
15
  --ai12zBot-v2-feedback-selected: var(--ai12zBot-v2-primary-color);
14
16
  --ai12zBot-v2-copy-btn-color: var(--ai12zBot-v2-primary-color);
15
17
 
18
+ --ai12zBot-v2-focus-visible-color: #0A2A43;
19
+ --ai12zBot-v2-focus-visible-color-primary: #0A2A43;
20
+ --ai12zBot-v2-focus-visible-color-secondary: #0A2A43;
21
+
16
22
  --ai12zBot-v2-back-button-color: var(--ai12zBot-v2-primary-color);
17
23
  --ai12zBot-v2-title-color: var(--ai12zBot-v2-primary-color);
18
24
  --ai12zBot-v2-title-font-size: 20px;
@@ -21,23 +27,23 @@
21
27
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
28
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
29
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
24
- --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-primary-color);
30
+ --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-secondary-accent);
25
31
  --ai12zBot-v2-dropdown-font-color: var(--ai12zBot-v2-secondary-color);
26
32
  --ai12zBot-v2-searchbar-border-color: var(--ai12zBot-v2-primary-color);
27
- --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-primary-color);
33
+ --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-secondary-accent);
28
34
  --ai12zBot-v2-searchbar-submit-color: var(--ai12zBot-v2-secondary-color);
29
35
  --ai12zBot-v2-searchbar-mic-color: var(--ai12zBot-v2-primary-color);
30
36
  --ai12zBot-v2-searchbar-plus-icon-color: var(--ai12zBot-v2-primary-color);
31
37
  --ai12zBot-v2-default-avatar-color: var(--ai12zBot-v2-primary-color);
32
38
  --ai12zBot-v2-content-background: linear-gradient(190.82deg, #0095ff -69.57%, #2f85d0 95.11%);
33
- --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-primary-color);
39
+ --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-secondary-accent);
34
40
  --ai12zBot-v2-user-bubble-font-color: var(--ai12zBot-v2-secondary-color);
35
- --ai12zBot-v2-button-background: var(--ai12zBot-v2-primary-color);
41
+ --ai12zBot-v2-button-background: var(--ai12zBot-v2-secondary-accent);
36
42
  --ai12zBot-v2-button-font-color: var(--ai12zBot-v2-secondary-color);
37
- --ai12zBot-v2-timestamp-font-color: #888;
43
+ --ai12zBot-v2-timestamp-font-color: #666;
38
44
  --ai12zBot-v2-timestamp-font-size: 12px;
39
- --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), #b8cff2);
40
- --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), oklch(67.455% 0.13448 246.326));
45
+ --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
46
+ --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
41
47
  --ai12zBot-v2-modal-backgroundImage: linear-gradient(
42
48
  248.35deg,
43
49
  rgb(94 111 176) -11.3%,
package/dist/themes/theme-brown.css CHANGED
@@ -1,12 +1,18 @@
1
1
  :root {
2
2
  --ai12zBot-v2-primary-color: #8b5e3c;
3
3
  --ai12zBot-v2-secondary-color: #fff;
4
+ --ai12zBot-v2-secondary-accent: #5D3A1A;
5
+
4
6
  --ai12zBot-v2-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
5
7
  --ai12zBot-v2-font-size: 1rem;
6
8
 
9
+ --ai12zBot-v2-focus-visible-color: #0A2A43;
10
+ --ai12zBot-v2-focus-visible-color-primary: #0A2A43;
11
+ --ai12zBot-v2-focus-visible-color-secondary: #0A2A43;
12
+
7
13
  --ai12zBot-v2-privacy-text-color: #000;
8
14
  --ai12zBot-v2-privacy-text-font-size: 16px;
9
- --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-color);
15
+ --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-accent);
10
16
  --ai12zBot-v2-privacy-link-font-size: 16px;
11
17
 
12
18
  --ai12zBot-v2-feedback-color: var(--ai12zBot-v2-primary-color);
@@ -21,23 +27,23 @@
21
27
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
28
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
29
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
24
- --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-primary-color);
30
+ --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-secondary-accent);
25
31
  --ai12zBot-v2-dropdown-font-color: var(--ai12zBot-v2-secondary-color);
26
32
  --ai12zBot-v2-searchbar-border-color: var(--ai12zBot-v2-primary-color);
27
- --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-primary-color);
33
+ --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-secondary-accent);
28
34
  --ai12zBot-v2-searchbar-submit-color: var(--ai12zBot-v2-secondary-color);
29
35
  --ai12zBot-v2-searchbar-mic-color: var(--ai12zBot-v2-primary-color);
30
36
  --ai12zBot-v2-searchbar-plus-icon-color: var(--ai12zBot-v2-primary-color);
31
37
  --ai12zBot-v2-default-avatar-color: var(--ai12zBot-v2-primary-color);
32
38
  --ai12zBot-v2-content-background: linear-gradient(190.82deg, #dca54c -69.57%, #e6b479 95.11%);
33
- --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-primary-color);
39
+ --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-secondary-accent);
34
40
  --ai12zBot-v2-user-bubble-font-color: var(--ai12zBot-v2-secondary-color);
35
- --ai12zBot-v2-button-background: var(--ai12zBot-v2-primary-color);
41
+ --ai12zBot-v2-button-background: var(--ai12zBot-v2-secondary-accent);
36
42
  --ai12zBot-v2-button-font-color: var(--ai12zBot-v2-secondary-color);
37
- --ai12zBot-v2-timestamp-font-color: #888;
43
+ --ai12zBot-v2-timestamp-font-color: #666;
38
44
  --ai12zBot-v2-timestamp-font-size: 12px;
39
- --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), #e3cba7);
40
- --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), oklch(0.82 0.06 75.53));
45
+ --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
46
+ --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
41
47
  --ai12zBot-v2-modal-backgroundImage: linear-gradient(
42
48
  248.35deg,
43
49
  rgb(191 142 89) -11.3%,
package/dist/themes/theme-cyan.css CHANGED
@@ -1,12 +1,18 @@
1
1
  :root {
2
2
  --ai12zBot-v2-primary-color: cyan;
3
3
  --ai12zBot-v2-secondary-color: #fff;
4
+ --ai12zBot-v2-secondary-accent: #007B7F;
5
+
4
6
  --ai12zBot-v2-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
5
7
  --ai12zBot-v2-font-size: 1rem;
6
8
 
9
+ --ai12zBot-v2-focus-visible-color: #0A2A43;
10
+ --ai12zBot-v2-focus-visible-color-primary: #0A2A43;
11
+ --ai12zBot-v2-focus-visible-color-secondary: #0A2A43;
12
+
7
13
  --ai12zBot-v2-privacy-text-color: #000;
8
14
  --ai12zBot-v2-privacy-text-font-size: 16px;
9
- --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-color);
15
+ --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-accent);
10
16
  --ai12zBot-v2-privacy-link-font-size: 16px;
11
17
 
12
18
  --ai12zBot-v2-feedback-color: var(--ai12zBot-v2-primary-color);
@@ -21,23 +27,23 @@
21
27
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
28
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
29
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
24
- --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-primary-color);
30
+ --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-secondary-accent);
25
31
  --ai12zBot-v2-dropdown-font-color: var(--ai12zBot-v2-secondary-color);
26
32
  --ai12zBot-v2-searchbar-border-color: var(--ai12zBot-v2-primary-color);
27
- --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-primary-color);
33
+ --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-secondary-accent);
28
34
  --ai12zBot-v2-searchbar-submit-color: var(--ai12zBot-v2-secondary-color);
29
35
  --ai12zBot-v2-searchbar-mic-color: var(--ai12zBot-v2-primary-color);
30
36
  --ai12zBot-v2-searchbar-plus-icon-color: var(--ai12zBot-v2-primary-color);
31
37
  --ai12zBot-v2-default-avatar-color: var(--ai12zBot-v2-primary-color);
32
38
  --ai12zBot-v2-content-background: linear-gradient(190.82deg, #a8e6df -69.57%, #73e0e8 95.11%);
33
- --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-primary-color);
39
+ --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-secondary-accent);
34
40
  --ai12zBot-v2-user-bubble-font-color: var(--ai12zBot-v2-secondary-color);
35
- --ai12zBot-v2-button-background: var(--ai12zBot-v2-primary-color);
41
+ --ai12zBot-v2-button-background: var(--ai12zBot-v2-secondary-accent);
36
42
  --ai12zBot-v2-button-font-color: var(--ai12zBot-v2-secondary-color);
37
- --ai12zBot-v2-timestamp-font-color: #888;
43
+ --ai12zBot-v2-timestamp-font-color: #666;
38
44
  --ai12zBot-v2-timestamp-font-size: 12px;
39
- --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), #c0ecf3);
40
- --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), oklch(0.9 0.09 199.66));
45
+ --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
46
+ --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
41
47
  --ai12zBot-v2-modal-backgroundImage: linear-gradient(
42
48
  248.35deg,
43
49
  rgb(122 217 222) -11.3%,
package/dist/themes/theme-default.css CHANGED
@@ -1,12 +1,18 @@
1
1
  :root {
2
2
  --ai12zBot-v2-primary-color: #2095ae;
3
3
  --ai12zBot-v2-secondary-color: #fff;
4
+ --ai12zBot-v2-secondary-accent: #176B7F; /* New: darker teal for links/buttons */
5
+
4
6
  --ai12zBot-v2-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
5
7
  --ai12zBot-v2-font-size: 1rem;
6
8
 
9
+ --ai12zBot-v2-focus-visible-color: #0A2A43;
10
+ --ai12zBot-v2-focus-visible-color-primary: #0A2A43;
11
+ --ai12zBot-v2-focus-visible-color-secondary: #0A2A43;
12
+
7
13
  --ai12zBot-v2-privacy-text-color: #000;
8
14
  --ai12zBot-v2-privacy-text-font-size: 16px;
9
- --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-color);
15
+ --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-accent);
10
16
  --ai12zBot-v2-privacy-link-font-size: 16px;
11
17
 
12
18
  --ai12zBot-v2-feedback-color: var(--ai12zBot-v2-primary-color);
@@ -21,23 +27,23 @@
21
27
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
28
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
29
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
24
- --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-primary-color);
30
+ --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-secondary-accent);
25
31
  --ai12zBot-v2-dropdown-font-color: var(--ai12zBot-v2-secondary-color);
26
32
  --ai12zBot-v2-searchbar-border-color: var(--ai12zBot-v2-primary-color);
27
- --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-primary-color);
33
+ --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-secondary-accent);
28
34
  --ai12zBot-v2-searchbar-submit-color: var(--ai12zBot-v2-secondary-color);
29
35
  --ai12zBot-v2-searchbar-mic-color: var(--ai12zBot-v2-primary-color);
30
36
  --ai12zBot-v2-searchbar-plus-icon-color: var(--ai12zBot-v2-primary-color);
31
37
  --ai12zBot-v2-default-avatar-color: var(--ai12zBot-v2-primary-color);
32
38
  --ai12zBot-v2-content-background: linear-gradient(190.82deg, #00ffd8 -69.57%, #2fd0b7 95.11%);
33
- --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-primary-color);
39
+ --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-secondary-accent);
34
40
  --ai12zBot-v2-user-bubble-font-color: var(--ai12zBot-v2-secondary-color);
35
- --ai12zBot-v2-button-background: var(--ai12zBot-v2-primary-color);
41
+ --ai12zBot-v2-button-background: var(--ai12zBot-v2-secondary-accent);
36
42
  --ai12zBot-v2-button-font-color: var(--ai12zBot-v2-secondary-color);
37
- --ai12zBot-v2-timestamp-font-color: #888;
43
+ --ai12zBot-v2-timestamp-font-color: #444;
38
44
  --ai12zBot-v2-timestamp-font-size: 12px;
39
- --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), oklch(0.85 0.09 202.36));
40
- --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), oklch(0.64 0.11 202.5));
45
+ --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
46
+ --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
41
47
  --ai12zBot-v2-modal-backgroundImage: linear-gradient(
42
48
  248.35deg,
43
49
  rgb(32, 149, 174) -11.3%,
package/dist/themes/theme-indigo.css CHANGED
@@ -1,12 +1,18 @@
1
1
  :root {
2
2
  --ai12zBot-v2-primary-color: indigo;
3
3
  --ai12zBot-v2-secondary-color: #fff;
4
+ --ai12zBot-v2-secondary-accent: #3B1A66;
5
+
4
6
  --ai12zBot-v2-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
5
7
  --ai12zBot-v2-font-size: 1rem;
6
8
 
9
+ --ai12zBot-v2-focus-visible-color: #0A2A43;
10
+ --ai12zBot-v2-focus-visible-color-primary: #0A2A43;
11
+ --ai12zBot-v2-focus-visible-color-secondary: #0A2A43;
12
+
7
13
  --ai12zBot-v2-privacy-text-color: #000;
8
14
  --ai12zBot-v2-privacy-text-font-size: 16px;
9
- --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-color);
15
+ --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-accent);
10
16
  --ai12zBot-v2-privacy-link-font-size: 16px;
11
17
 
12
18
  --ai12zBot-v2-feedback-color: var(--ai12zBot-v2-primary-color);
@@ -21,23 +27,23 @@
21
27
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
28
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
29
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
24
- --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-primary-color);
30
+ --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-secondary-accent);
25
31
  --ai12zBot-v2-dropdown-font-color: var(--ai12zBot-v2-secondary-color);
26
32
  --ai12zBot-v2-searchbar-border-color: var(--ai12zBot-v2-primary-color);
27
- --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-primary-color);
33
+ --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-secondary-accent);
28
34
  --ai12zBot-v2-searchbar-submit-color: var(--ai12zBot-v2-secondary-color);
29
35
  --ai12zBot-v2-searchbar-mic-color: var(--ai12zBot-v2-primary-color);
30
36
  --ai12zBot-v2-searchbar-plus-icon-color: var(--ai12zBot-v2-primary-color);
31
37
  --ai12zBot-v2-default-avatar-color: var(--ai12zBot-v2-primary-color);
32
38
  --ai12zBot-v2-content-background: linear-gradient(190.82deg, #b977d4 -69.57%, #8f4ab1 95.11%);
33
- --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-primary-color);
39
+ --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-secondary-accent);
34
40
  --ai12zBot-v2-user-bubble-font-color: var(--ai12zBot-v2-secondary-color);
35
- --ai12zBot-v2-button-background: var(--ai12zBot-v2-primary-color);
41
+ --ai12zBot-v2-button-background: var(--ai12zBot-v2-secondary-accent);
36
42
  --ai12zBot-v2-button-font-color: var(--ai12zBot-v2-secondary-color);
37
- --ai12zBot-v2-timestamp-font-color: #888;
43
+ --ai12zBot-v2-timestamp-font-color: #666;
38
44
  --ai12zBot-v2-timestamp-font-size: 12px;
39
- --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), #af7dcf);
40
- --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), oklch(0.69 0.17 309.48));
45
+ --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
46
+ --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
41
47
  --ai12zBot-v2-modal-backgroundImage: linear-gradient(
42
48
  248.35deg,
43
49
  rgb(115 10 165) -11.3%,
package/dist/themes/theme-lime.css CHANGED
@@ -1,12 +1,18 @@
1
1
  :root {
2
2
  --ai12zBot-v2-primary-color: #84cc16;
3
3
  --ai12zBot-v2-secondary-color: #fff;
4
+ --ai12zBot-v2-secondary-accent: #527A00;
5
+
4
6
  --ai12zBot-v2-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
5
7
  --ai12zBot-v2-font-size: 1rem;
6
8
 
9
+ --ai12zBot-v2-focus-visible-color: #0A2A43;
10
+ --ai12zBot-v2-focus-visible-color-primary: #0A2A43;
11
+ --ai12zBot-v2-focus-visible-color-secondary: #0A2A43;
12
+
7
13
  --ai12zBot-v2-privacy-text-color: #000;
8
14
  --ai12zBot-v2-privacy-text-font-size: 16px;
9
- --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-color);
15
+ --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-accent);
10
16
  --ai12zBot-v2-privacy-link-font-size: 16px;
11
17
 
12
18
  --ai12zBot-v2-feedback-color: var(--ai12zBot-v2-primary-color);
@@ -21,23 +27,23 @@
21
27
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
28
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
29
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
24
- --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-primary-color);
30
+ --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-secondary-accent);
25
31
  --ai12zBot-v2-dropdown-font-color: var(--ai12zBot-v2-secondary-color);
26
32
  --ai12zBot-v2-searchbar-border-color: var(--ai12zBot-v2-primary-color);
27
- --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-primary-color);
33
+ --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-secondary-accent);
28
34
  --ai12zBot-v2-searchbar-submit-color: var(--ai12zBot-v2-secondary-color);
29
35
  --ai12zBot-v2-searchbar-mic-color: var(--ai12zBot-v2-primary-color);
30
36
  --ai12zBot-v2-searchbar-plus-icon-color: var(--ai12zBot-v2-primary-color);
31
37
  --ai12zBot-v2-default-avatar-color: var(--ai12zBot-v2-primary-color);
32
38
  --ai12zBot-v2-content-background: linear-gradient(190.82deg, #7df694 -69.57%, #c2f3cc 95.11%);
33
- --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-primary-color);
39
+ --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-secondary-accent);
34
40
  --ai12zBot-v2-user-bubble-font-color: var(--ai12zBot-v2-secondary-color);
35
- --ai12zBot-v2-button-background: var(--ai12zBot-v2-primary-color);
41
+ --ai12zBot-v2-button-background: var(--ai12zBot-v2-secondary-accent);
36
42
  --ai12zBot-v2-button-font-color: var(--ai12zBot-v2-secondary-color);
37
- --ai12zBot-v2-timestamp-font-color: #888;
43
+ --ai12zBot-v2-timestamp-font-color: #666;
38
44
  --ai12zBot-v2-timestamp-font-size: 12px;
39
- --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), #d8eea3);
40
- --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), oklch(0.88 0.15 136.36));
45
+ --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
46
+ --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
41
47
  --ai12zBot-v2-modal-backgroundImage: linear-gradient(
42
48
  248.35deg,
43
49
  rgb(178 251 167) -11.3%,
package/dist/themes/theme-orange.css CHANGED
@@ -1,12 +1,18 @@
1
1
  :root {
2
2
  --ai12zBot-v2-primary-color: #e2a84a;
3
3
  --ai12zBot-v2-secondary-color: #fff;
4
+ --ai12zBot-v2-secondary-accent: #A66200;
5
+
4
6
  --ai12zBot-v2-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
5
7
  --ai12zBot-v2-font-size: 1rem;
6
8
 
9
+ --ai12zBot-v2-focus-visible-color: #0A2A43;
10
+ --ai12zBot-v2-focus-visible-color-primary: #0A2A43;
11
+ --ai12zBot-v2-focus-visible-color-secondary: #0A2A43;
12
+
7
13
  --ai12zBot-v2-privacy-text-color: #000;
8
14
  --ai12zBot-v2-privacy-text-font-size: 16px;
9
- --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-color);
15
+ --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-accent);
10
16
  --ai12zBot-v2-privacy-link-font-size: 16px;
11
17
 
12
18
  --ai12zBot-v2-feedback-color: var(--ai12zBot-v2-primary-color);
@@ -21,23 +27,23 @@
21
27
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
28
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
29
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
24
- --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-primary-color);
30
+ --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-secondary-accent);
25
31
  --ai12zBot-v2-dropdown-font-color: var(--ai12zBot-v2-secondary-color);
26
32
  --ai12zBot-v2-searchbar-border-color: var(--ai12zBot-v2-primary-color);
27
- --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-primary-color);
33
+ --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-secondary-accent);
28
34
  --ai12zBot-v2-searchbar-submit-color: var(--ai12zBot-v2-secondary-color);
29
35
  --ai12zBot-v2-searchbar-mic-color: var(--ai12zBot-v2-primary-color);
30
36
  --ai12zBot-v2-searchbar-plus-icon-color: var(--ai12zBot-v2-primary-color);
31
37
  --ai12zBot-v2-default-avatar-color: var(--ai12zBot-v2-primary-color);
32
38
  --ai12zBot-v2-content-background: linear-gradient(190.82deg, #df8e2a -69.57%, #d79752 95.11%);
33
- --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-primary-color);
39
+ --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-secondary-accent);
34
40
  --ai12zBot-v2-user-bubble-font-color: var(--ai12zBot-v2-secondary-color);
35
- --ai12zBot-v2-button-background: var(--ai12zBot-v2-primary-color);
41
+ --ai12zBot-v2-button-background: var(--ai12zBot-v2-secondary-accent);
36
42
  --ai12zBot-v2-button-font-color: var(--ai12zBot-v2-secondary-color);
37
- --ai12zBot-v2-timestamp-font-color: #888;
43
+ --ai12zBot-v2-timestamp-font-color: #666;
38
44
  --ai12zBot-v2-timestamp-font-size: 12px;
39
- --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), #e5cfb0);
40
- --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), oklch(0.83 0.11 91.15));
45
+ --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
46
+ --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
41
47
  --ai12zBot-v2-modal-backgroundImage: linear-gradient(
42
48
  248.35deg,
43
49
  rgb(218 172 108) -11.3%,
package/dist/themes/theme-pink.css CHANGED
@@ -1,12 +1,18 @@
1
1
  :root {
2
2
  --ai12zBot-v2-primary-color: #c472d6;
3
3
  --ai12zBot-v2-secondary-color: #fff;
4
+ --ai12zBot-v2-secondary-accent: #8B3399;
5
+
4
6
  --ai12zBot-v2-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
5
7
  --ai12zBot-v2-font-size: 1rem;
6
8
 
9
+ --ai12zBot-v2-focus-visible-color: #0A2A43;
10
+ --ai12zBot-v2-focus-visible-color-primary: #0A2A43;
11
+ --ai12zBot-v2-focus-visible-color-secondary: #0A2A43;
12
+
7
13
  --ai12zBot-v2-privacy-text-color: #000;
8
14
  --ai12zBot-v2-privacy-text-font-size: 16px;
9
- --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-color);
15
+ --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-accent);
10
16
  --ai12zBot-v2-privacy-link-font-size: 16px;
11
17
 
12
18
  --ai12zBot-v2-feedback-color: var(--ai12zBot-v2-primary-color);
@@ -21,23 +27,23 @@
21
27
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
28
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
29
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
24
- --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-primary-color);
30
+ --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-secondary-accent);
25
31
  --ai12zBot-v2-dropdown-font-color: var(--ai12zBot-v2-secondary-color);
26
32
  --ai12zBot-v2-searchbar-border-color: var(--ai12zBot-v2-primary-color);
27
- --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-primary-color);
33
+ --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-secondary-accent);
28
34
  --ai12zBot-v2-searchbar-submit-color: var(--ai12zBot-v2-secondary-color);
29
35
  --ai12zBot-v2-searchbar-mic-color: var(--ai12zBot-v2-primary-color);
30
36
  --ai12zBot-v2-searchbar-plus-icon-color: var(--ai12zBot-v2-primary-color);
31
37
  --ai12zBot-v2-default-avatar-color: var(--ai12zBot-v2-primary-color);
32
38
  --ai12zBot-v2-content-background: linear-gradient(190.82deg, #ef79d0 -69.57%, #f29bee 95.11%);
33
- --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-primary-color);
39
+ --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-secondary-accent);
34
40
  --ai12zBot-v2-user-bubble-font-color: var(--ai12zBot-v2-secondary-color);
35
- --ai12zBot-v2-button-background: var(--ai12zBot-v2-primary-color);
41
+ --ai12zBot-v2-button-background: var(--ai12zBot-v2-secondary-accent);
36
42
  --ai12zBot-v2-button-font-color: var(--ai12zBot-v2-secondary-color);
37
- --ai12zBot-v2-timestamp-font-color: #888;
43
+ --ai12zBot-v2-timestamp-font-color: #666;
38
44
  --ai12zBot-v2-timestamp-font-size: 12px;
39
- --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), #eebeee);
40
- --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), oklch(0.75 0.09 310.93));
45
+ --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
46
+ --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
41
47
  --ai12zBot-v2-modal-backgroundImage: linear-gradient(
42
48
  248.35deg,
43
49
  rgb(210 159 216) -11.3%,
package/dist/themes/theme-purple.css CHANGED
@@ -1,12 +1,18 @@
1
1
  :root {
2
2
  --ai12zBot-v2-primary-color: #7276e5;
3
3
  --ai12zBot-v2-secondary-color: #fff;
4
+ --ai12zBot-v2-secondary-accent: #3D42A6;
5
+
4
6
  --ai12zBot-v2-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
5
7
  --ai12zBot-v2-font-size: 1rem;
6
8
 
9
+ --ai12zBot-v2-focus-visible-color: #0A2A43;
10
+ --ai12zBot-v2-focus-visible-color-primary: #0A2A43;
11
+ --ai12zBot-v2-focus-visible-color-secondary: #0A2A43;
12
+
7
13
  --ai12zBot-v2-privacy-text-color: #000;
8
14
  --ai12zBot-v2-privacy-text-font-size: 16px;
9
- --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-color);
15
+ --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-accent);
10
16
  --ai12zBot-v2-privacy-link-font-size: 16px;
11
17
 
12
18
  --ai12zBot-v2-feedback-color: var(--ai12zBot-v2-primary-color);
@@ -21,23 +27,23 @@
21
27
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
28
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
29
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
24
- --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-primary-color);
30
+ --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-secondary-accent);
25
31
  --ai12zBot-v2-dropdown-font-color: var(--ai12zBot-v2-secondary-color);
26
32
  --ai12zBot-v2-searchbar-border-color: var(--ai12zBot-v2-primary-color);
27
- --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-primary-color);
33
+ --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-secondary-accent);
28
34
  --ai12zBot-v2-searchbar-submit-color: var(--ai12zBot-v2-secondary-color);
29
35
  --ai12zBot-v2-searchbar-mic-color: var(--ai12zBot-v2-primary-color);
30
36
  --ai12zBot-v2-searchbar-plus-icon-color: var(--ai12zBot-v2-primary-color);
31
37
  --ai12zBot-v2-default-avatar-color: var(--ai12zBot-v2-primary-color);
32
38
  --ai12zBot-v2-content-background: linear-gradient(190.82deg, #cd92ea -69.57%, #b090e2 95.11%);
33
- --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-primary-color);
39
+ --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-secondary-accent);
34
40
  --ai12zBot-v2-user-bubble-font-color: var(--ai12zBot-v2-secondary-color);
35
- --ai12zBot-v2-button-background: var(--ai12zBot-v2-primary-color);
41
+ --ai12zBot-v2-button-background: var(--ai12zBot-v2-secondary-accent);
36
42
  --ai12zBot-v2-button-font-color: var(--ai12zBot-v2-secondary-color);
37
- --ai12zBot-v2-timestamp-font-color: #888;
43
+ --ai12zBot-v2-timestamp-font-color: #666;
38
44
  --ai12zBot-v2-timestamp-font-size: 12px;
39
- --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), #d8beee);
40
- --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), oklch(0.75 0.09 310.93));
45
+ --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
46
+ --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
41
47
  --ai12zBot-v2-modal-backgroundImage: linear-gradient(
42
48
  248.35deg,
43
49
  rgb(152 125 220) -11.3%,
package/dist/themes/theme-red.css CHANGED
@@ -1,14 +1,20 @@
1
1
  :root {
2
2
  --ai12zBot-v2-primary-color: #f86a6f;
3
3
  --ai12zBot-v2-secondary-color: #fff;
4
+ --ai12zBot-v2-secondary-accent: #B72C31;
5
+
4
6
  --ai12zBot-v2-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
5
7
  --ai12zBot-v2-font-size: 1rem;
6
8
 
7
9
  --ai12zBot-v2-privacy-text-color: #000;
8
10
  --ai12zBot-v2-privacy-text-font-size: 16px;
9
- --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-color);
11
+ --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-accent);
10
12
  --ai12zBot-v2-privacy-link-font-size: 16px;
11
13
 
14
+ --ai12zBot-v2-focus-visible-color: #0A2A43;
15
+ --ai12zBot-v2-focus-visible-color-primary: #0A2A43;
16
+ --ai12zBot-v2-focus-visible-color-secondary: #0A2A43;
17
+
12
18
 
13
19
  --ai12zBot-v2-feedback-color: var(--ai12zBot-v2-primary-color);
14
20
  --ai12zBot-v2-feedback-selected: var(--ai12zBot-v2-primary-color);
@@ -22,23 +28,23 @@
22
28
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
23
29
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
24
30
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
25
- --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-primary-color);
31
+ --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-secondary-accent);
26
32
  --ai12zBot-v2-dropdown-font-color: var(--ai12zBot-v2-secondary-color);
27
33
  --ai12zBot-v2-searchbar-border-color: var(--ai12zBot-v2-primary-color);
28
- --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-primary-color);
34
+ --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-secondary-accent);
29
35
  --ai12zBot-v2-searchbar-submit-color: var(--ai12zBot-v2-secondary-color);
30
36
  --ai12zBot-v2-searchbar-mic-color: var(--ai12zBot-v2-primary-color);
31
37
  --ai12zBot-v2-searchbar-plus-icon-color: var(--ai12zBot-v2-primary-color);
32
38
  --ai12zBot-v2-default-avatar-color: var(--ai12zBot-v2-primary-color);
33
39
  --ai12zBot-v2-content-background: linear-gradient(190.82deg, #f26993 -69.57%, #dd5555 95.11%);
34
- --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-primary-color);
40
+ --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-secondary-accent);
35
41
  --ai12zBot-v2-user-bubble-font-color: var(--ai12zBot-v2-secondary-color);
36
- --ai12zBot-v2-button-background: var(--ai12zBot-v2-primary-color);
42
+ --ai12zBot-v2-button-background: var(--ai12zBot-v2-secondary-accent);
37
43
  --ai12zBot-v2-button-font-color: var(--ai12zBot-v2-secondary-color);
38
- --ai12zBot-v2-timestamp-font-color: #888;
44
+ --ai12zBot-v2-timestamp-font-color: #666;
39
45
  --ai12zBot-v2-timestamp-font-size: 12px;
40
- --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), #edc2c2);
41
- --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), oklch(0.75 0.15 19.47));
46
+ --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
47
+ --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
42
48
  --ai12zBot-v2-modal-backgroundImage: linear-gradient(
43
49
  248.35deg,
44
50
  rgb(176 94 119) -11.3%,
package/dist/themes/theme-rose.css CHANGED
@@ -1,14 +1,20 @@
1
1
  :root {
2
2
  --ai12zBot-v2-primary-color: #f43f5e;
3
3
  --ai12zBot-v2-secondary-color: #fff;
4
+ --ai12zBot-v2-secondary-accent: #B71C37;
5
+
4
6
  --ai12zBot-v2-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
5
7
  --ai12zBot-v2-font-size: 1rem;
6
8
 
7
9
  --ai12zBot-v2-privacy-text-color: #000;
8
10
  --ai12zBot-v2-privacy-text-font-size: 16px;
9
- --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-color);
11
+ --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-accent);
10
12
  --ai12zBot-v2-privacy-link-font-size: 16px;
11
13
 
14
+ --ai12zBot-v2-focus-visible-color: #0A2A43;
15
+ --ai12zBot-v2-focus-visible-color-primary: #0A2A43;
16
+ --ai12zBot-v2-focus-visible-color-secondary: #0A2A43;
17
+
12
18
  --ai12zBot-v2-feedback-color: var(--ai12zBot-v2-primary-color);
13
19
  --ai12zBot-v2-feedback-selected: var(--ai12zBot-v2-primary-color);
14
20
  --ai12zBot-v2-copy-btn-color: var(--ai12zBot-v2-primary-color);
@@ -21,23 +27,23 @@
21
27
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
28
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
29
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
24
- --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-primary-color);
30
+ --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-secondary-accent);
25
31
  --ai12zBot-v2-dropdown-font-color: var(--ai12zBot-v2-secondary-color);
26
32
  --ai12zBot-v2-searchbar-border-color: var(--ai12zBot-v2-primary-color);
27
- --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-primary-color);
33
+ --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-secondary-accent);
28
34
  --ai12zBot-v2-searchbar-submit-color: var(--ai12zBot-v2-secondary-color);
29
35
  --ai12zBot-v2-searchbar-mic-color: var(--ai12zBot-v2-primary-color);
30
36
  --ai12zBot-v2-searchbar-plus-icon-color: var(--ai12zBot-v2-primary-color);
31
37
  --ai12zBot-v2-default-avatar-color: var(--ai12zBot-v2-primary-color);
32
38
  --ai12zBot-v2-content-background: linear-gradient(190.82deg, #e46565 -69.57%, #f79595 95.11%);
33
- --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-primary-color);
39
+ --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-secondary-accent);
34
40
  --ai12zBot-v2-user-bubble-font-color: var(--ai12zBot-v2-secondary-color);
35
- --ai12zBot-v2-button-background: var(--ai12zBot-v2-primary-color);
41
+ --ai12zBot-v2-button-background: var(--ai12zBot-v2-secondary-accent);
36
42
  --ai12zBot-v2-button-font-color: var(--ai12zBot-v2-secondary-color);
37
- --ai12zBot-v2-timestamp-font-color: #888;
43
+ --ai12zBot-v2-timestamp-font-color: #666;
38
44
  --ai12zBot-v2-timestamp-font-size: 12px;
39
- --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), #f7a5b0);
40
- --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), oklch(0.79 0.1 18.1));
45
+ --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
46
+ --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
41
47
  --ai12zBot-v2-modal-backgroundImage: linear-gradient(
42
48
  248.35deg,
43
49
  rgb(235 134 155) -11.3%,
package/dist/themes/theme-sky.css CHANGED
@@ -1,12 +1,18 @@
1
1
  :root {
2
2
  --ai12zBot-v2-primary-color: #0ea5e9;
3
3
  --ai12zBot-v2-secondary-color: #fff;
4
+ --ai12zBot-v2-secondary-accent: #0369A1;
5
+
4
6
  --ai12zBot-v2-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
5
7
  --ai12zBot-v2-font-size: 1rem;
6
8
 
9
+ --ai12zBot-v2-focus-visible-color: #0A2A43;
10
+ --ai12zBot-v2-focus-visible-color-primary: #0A2A43;
11
+ --ai12zBot-v2-focus-visible-color-secondary: #0A2A43;
12
+
7
13
  --ai12zBot-v2-privacy-text-color: #000;
8
14
  --ai12zBot-v2-privacy-text-font-size: 16px;
9
- --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-color);
15
+ --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-accent);
10
16
  --ai12zBot-v2-privacy-link-font-size: 16px;
11
17
 
12
18
  --ai12zBot-v2-feedback-color: var(--ai12zBot-v2-primary-color);
@@ -21,23 +27,23 @@
21
27
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
28
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
29
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
24
- --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-primary-color);
30
+ --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-secondary-accent);
25
31
  --ai12zBot-v2-dropdown-font-color: var(--ai12zBot-v2-secondary-color);
26
32
  --ai12zBot-v2-searchbar-border-color: var(--ai12zBot-v2-primary-color);
27
- --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-primary-color);
33
+ --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-secondary-accent);
28
34
  --ai12zBot-v2-searchbar-submit-color: var(--ai12zBot-v2-secondary-color);
29
35
  --ai12zBot-v2-searchbar-mic-color: var(--ai12zBot-v2-primary-color);
30
36
  --ai12zBot-v2-searchbar-plus-icon-color: var(--ai12zBot-v2-primary-color);
31
37
  --ai12zBot-v2-default-avatar-color: var(--ai12zBot-v2-primary-color);
32
38
  --ai12zBot-v2-content-background: linear-gradient(190.82deg, #8dc2e3 -69.57%, #a7cde7 95.11%);
33
- --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-primary-color);
39
+ --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-secondary-accent);
34
40
  --ai12zBot-v2-user-bubble-font-color: var(--ai12zBot-v2-secondary-color);
35
- --ai12zBot-v2-button-background: var(--ai12zBot-v2-primary-color);
41
+ --ai12zBot-v2-button-background: var(--ai12zBot-v2-secondary-accent);
36
42
  --ai12zBot-v2-button-font-color: var(--ai12zBot-v2-secondary-color);
37
- --ai12zBot-v2-timestamp-font-color: #888;
43
+ --ai12zBot-v2-timestamp-font-color: #666;
38
44
  --ai12zBot-v2-timestamp-font-size: 12px;
39
- --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), #bdeffb);
40
- --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), oklch(0.85 0.08 222.96));
45
+ --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
46
+ --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
41
47
  --ai12zBot-v2-modal-backgroundImage: linear-gradient(
42
48
  248.35deg,
43
49
  rgb(148 224 247) -11.3%,
package/dist/themes/theme-slate.css CHANGED
@@ -1,12 +1,18 @@
1
1
  :root {
2
2
  --ai12zBot-v2-primary-color: #64748b;
3
3
  --ai12zBot-v2-secondary-color: #fff;
4
+ --ai12zBot-v2-secondary-accent: #334155;
5
+
4
6
  --ai12zBot-v2-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
5
7
  --ai12zBot-v2-font-size: 1rem;
6
8
 
9
+ --ai12zBot-v2-focus-visible-color: #0A2A43;
10
+ --ai12zBot-v2-focus-visible-color-primary: #0A2A43;
11
+ --ai12zBot-v2-focus-visible-color-secondary: #0A2A43;
12
+
7
13
  --ai12zBot-v2-privacy-text-color: #000;
8
14
  --ai12zBot-v2-privacy-text-font-size: 16px;
9
- --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-color);
15
+ --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-accent);
10
16
  --ai12zBot-v2-privacy-link-font-size: 16px;
11
17
 
12
18
  --ai12zBot-v2-feedback-color: var(--ai12zBot-v2-primary-color);
@@ -21,23 +27,23 @@
21
27
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
28
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
29
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
24
- --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-primary-color);
30
+ --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-secondary-accent);
25
31
  --ai12zBot-v2-dropdown-font-color: var(--ai12zBot-v2-secondary-color);
26
32
  --ai12zBot-v2-searchbar-border-color: var(--ai12zBot-v2-primary-color);
27
- --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-primary-color);
33
+ --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-secondary-accent);
28
34
  --ai12zBot-v2-searchbar-submit-color: var(--ai12zBot-v2-secondary-color);
29
35
  --ai12zBot-v2-searchbar-mic-color: var(--ai12zBot-v2-primary-color);
30
36
  --ai12zBot-v2-searchbar-plus-icon-color: var(--ai12zBot-v2-primary-color);
31
37
  --ai12zBot-v2-default-avatar-color: var(--ai12zBot-v2-primary-color);
32
38
  --ai12zBot-v2-content-background: linear-gradient(190.82deg, #9ba8d4 -69.57%, #abc6e0 95.11%);
33
- --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-primary-color);
39
+ --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-secondary-accent);
34
40
  --ai12zBot-v2-user-bubble-font-color: var(--ai12zBot-v2-secondary-color);
35
- --ai12zBot-v2-button-background: var(--ai12zBot-v2-primary-color);
41
+ --ai12zBot-v2-button-background: var(--ai12zBot-v2-secondary-accent);
36
42
  --ai12zBot-v2-button-font-color: var(--ai12zBot-v2-secondary-color);
37
- --ai12zBot-v2-timestamp-font-color: #888;
43
+ --ai12zBot-v2-timestamp-font-color: #666;
38
44
  --ai12zBot-v2-timestamp-font-size: 12px;
39
- --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), #a199b1);
40
- --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), oklch(0.79 0.04 259.8));
45
+ --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
46
+ --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
41
47
  --ai12zBot-v2-modal-backgroundImage: linear-gradient(
42
48
  248.35deg,
43
49
  rgb(108 123 168) -11.3%,
package/dist/themes/theme-yellow.css CHANGED
@@ -1,12 +1,18 @@
1
1
  :root {
2
2
  --ai12zBot-v2-primary-color: #dde572;
3
3
  --ai12zBot-v2-secondary-color: #fff;
4
+ --ai12zBot-v2-secondary-accent: #7A7A00;
5
+
4
6
  --ai12zBot-v2-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
5
7
  --ai12zBot-v2-font-size: 1rem;
6
8
 
9
+ --ai12zBot-v2-focus-visible-color: #0A2A43;
10
+ --ai12zBot-v2-focus-visible-color-primary: #0A2A43;
11
+ --ai12zBot-v2-focus-visible-color-secondary: #0A2A43;
12
+
7
13
  --ai12zBot-v2-privacy-text-color: #000;
8
14
  --ai12zBot-v2-privacy-text-font-size: 16px;
9
- --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-color);
15
+ --ai12zBot-v2-privacy-link-color: var(--ai12zBot-v2-secondary-accent);
10
16
  --ai12zBot-v2-privacy-link-font-size: 16px;
11
17
 
12
18
 
@@ -22,23 +28,23 @@
22
28
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
23
29
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
24
30
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
25
- --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-primary-color);
31
+ --ai12zBot-v2-dropdown-bgcolor: var(--ai12zBot-v2-secondary-accent);
26
32
  --ai12zBot-v2-dropdown-font-color: var(--ai12zBot-v2-secondary-color);
27
33
  --ai12zBot-v2-searchbar-border-color: var(--ai12zBot-v2-primary-color);
28
- --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-primary-color);
34
+ --ai12zBot-v2-searchbar-submit-bgcolor: var(--ai12zBot-v2-secondary-accent);
29
35
  --ai12zBot-v2-searchbar-submit-color: var(--ai12zBot-v2-secondary-color);
30
36
  --ai12zBot-v2-searchbar-mic-color: var(--ai12zBot-v2-primary-color);
31
37
  --ai12zBot-v2-searchbar-plus-icon-color: var(--ai12zBot-v2-primary-color);
32
38
  --ai12zBot-v2-default-avatar-color: var(--ai12zBot-v2-primary-color);
33
39
  --ai12zBot-v2-content-background: linear-gradient(190.82deg, #bec045 -69.57%, #c9c34b 95.11%);
34
- --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-primary-color);
40
+ --ai12zBot-v2-user-bubble-background: var(--ai12zBot-v2-secondary-accent);
35
41
  --ai12zBot-v2-user-bubble-font-color: var(--ai12zBot-v2-secondary-color);
36
- --ai12zBot-v2-button-background: var(--ai12zBot-v2-primary-color);
42
+ --ai12zBot-v2-button-background: var(--ai12zBot-v2-secondary-accent);
37
43
  --ai12zBot-v2-button-font-color: var(--ai12zBot-v2-secondary-color);
38
- --ai12zBot-v2-timestamp-font-color: #888;
44
+ --ai12zBot-v2-timestamp-font-color: #666;
39
45
  --ai12zBot-v2-timestamp-font-size: 12px;
40
- --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), #eee4be);
41
- --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), oklch(0.87 0.15 111.39));
46
+ --ai12zBot-v2-searchbar-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
47
+ --ai12zBot-v2-fab-button-background: linear-gradient(to right, var(--ai12zBot-v2-primary-color), var(--ai12zBot-v2-secondary-accent));
42
48
  --ai12zBot-v2-modal-backgroundImage: linear-gradient(
43
49
  248.35deg,
44
50
  rgb(208 214 78) -11.3%,
package/dist/types/components/stencil-generated/index.d.ts CHANGED
@@ -3,6 +3,7 @@ export declare const Ai12zBot: import("react").ForwardRefExoticComponent<JSX.Ai1
3
3
  export declare const Ai12zCarousel: import("react").ForwardRefExoticComponent<JSX.Ai12zCarousel & Omit<import("react").HTMLAttributes<HTMLAi12zCarouselElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zCarouselElement>>;
4
4
  export declare const Ai12zCategory: import("react").ForwardRefExoticComponent<JSX.Ai12zCategory & Omit<import("react").HTMLAttributes<HTMLAi12zCategoryElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zCategoryElement>>;
5
5
  export declare const Ai12zChat: import("react").ForwardRefExoticComponent<JSX.Ai12zChat & Omit<import("react").HTMLAttributes<HTMLAi12zChatElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zChatElement>>;
6
+ export declare const Ai12zChatMessage: import("react").ForwardRefExoticComponent<JSX.Ai12zChatMessage & Omit<import("react").HTMLAttributes<HTMLAi12zChatMessageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zChatMessageElement>>;
6
7
  export declare const Ai12zCta: import("react").ForwardRefExoticComponent<JSX.Ai12zCta & Omit<import("react").HTMLAttributes<HTMLAi12zCtaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zCtaElement>>;
7
8
  export declare const Ai12zInlineSearch: import("react").ForwardRefExoticComponent<JSX.Ai12zInlineSearch & Omit<import("react").HTMLAttributes<HTMLAi12zInlineSearchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zInlineSearchElement>>;
8
9
  export declare const Ai12zInputForm: import("react").ForwardRefExoticComponent<JSX.Ai12zInputForm & Omit<import("react").HTMLAttributes<HTMLAi12zInputFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zInputFormElement>>;
@@ -11,14 +12,15 @@ export declare const Ai12zMic: import("react").ForwardRefExoticComponent<JSX.Ai1
11
12
  export declare const Ai12zSearchPanel: import("react").ForwardRefExoticComponent<JSX.Ai12zSearchPanel & Omit<import("react").HTMLAttributes<HTMLAi12zSearchPanelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zSearchPanelElement>>;
12
13
  export declare const Ai12zSpinner: import("react").ForwardRefExoticComponent<JSX.Ai12zSpinner & Omit<import("react").HTMLAttributes<HTMLAi12zSpinnerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zSpinnerElement>>;
13
14
  export declare const AudioRecorder: import("react").ForwardRefExoticComponent<JSX.AudioRecorder & Omit<import("react").HTMLAttributes<HTMLAudioRecorderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAudioRecorderElement>>;
14
- export declare const BotPopover: import("react").ForwardRefExoticComponent<JSX.BotPopover & Omit<import("react").HTMLAttributes<HTMLBotPopoverElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLBotPopoverElement>>;
15
15
  export declare const ChatAvatar: import("react").ForwardRefExoticComponent<JSX.ChatAvatar & Omit<import("react").HTMLAttributes<HTMLChatAvatarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLChatAvatarElement>>;
16
16
  export declare const ChatbotHistory: import("react").ForwardRefExoticComponent<JSX.ChatbotHistory & Omit<import("react").HTMLAttributes<HTMLChatbotHistoryElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLChatbotHistoryElement>>;
17
+ export declare const DeleteConfirmationModal: import("react").ForwardRefExoticComponent<JSX.DeleteConfirmationModal & Omit<import("react").HTMLAttributes<HTMLDeleteConfirmationModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDeleteConfirmationModalElement>>;
17
18
  export declare const DynamicForm: import("react").ForwardRefExoticComponent<JSX.DynamicForm & Omit<import("react").HTMLAttributes<HTMLDynamicFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDynamicFormElement>>;
18
19
  export declare const HamburgerMenu: import("react").ForwardRefExoticComponent<JSX.HamburgerMenu & Omit<import("react").HTMLAttributes<HTMLHamburgerMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLHamburgerMenuElement>>;
19
20
  export declare const ImageUploader: import("react").ForwardRefExoticComponent<JSX.ImageUploader & Omit<import("react").HTMLAttributes<HTMLImageUploaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLImageUploaderElement>>;
20
21
  export declare const InteractionButtons: import("react").ForwardRefExoticComponent<JSX.InteractionButtons & Omit<import("react").HTMLAttributes<HTMLInteractionButtonsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLInteractionButtonsElement>>;
21
22
  export declare const ItemList: import("react").ForwardRefExoticComponent<JSX.ItemList & Omit<import("react").HTMLAttributes<HTMLItemListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLItemListElement>>;
23
+ export declare const KeyboardShortcutsDialog: import("react").ForwardRefExoticComponent<JSX.KeyboardShortcutsDialog & Omit<import("react").HTMLAttributes<HTMLKeyboardShortcutsDialogElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKeyboardShortcutsDialogElement>>;
22
24
  export declare const ListData: import("react").ForwardRefExoticComponent<JSX.ListData & Omit<import("react").HTMLAttributes<HTMLListDataElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLListDataElement>>;
23
25
  export declare const LiveAgentChat: import("react").ForwardRefExoticComponent<JSX.LiveAgentChat & Omit<import("react").HTMLAttributes<HTMLLiveAgentChatElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLLiveAgentChatElement>>;
24
26
  export declare const PrivacyModal: import("react").ForwardRefExoticComponent<JSX.PrivacyModal & Omit<import("react").HTMLAttributes<HTMLPrivacyModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPrivacyModalElement>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ai12z/react",
3
- "version": "3.7.1-alpha.2",
3
+ "version": "3.7.1-alpha.20",
4
4
  "description": "ai12z React Library",
5
5
  "author": "Alpesh Patel <alpesh@ai12z.com>",
6
6
  "homepage": "",
@@ -20,7 +20,7 @@
20
20
  "tsc": "tsc -p . --outDir ./dist"
21
21
  },
22
22
  "dependencies": {
23
- "ai12z": "^3.7.1-alpha.2"
23
+ "ai12z": "^3.7.1-alpha.20"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@types/react": "^18.2.55",
@@ -31,5 +31,5 @@
31
31
  "publishConfig": {
32
32
  "access": "public"
33
33
  },
34
- "gitHead": "cbe34c5e04cdff3d6ad6b4a033628ba51229548b"
34
+ "gitHead": "1e8ab556a496b973bacb5216059dbca847ea9d5f"
35
35
  }