@ai12z/react 3.7.1-alpha.4 → 3.7.1-alpha.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -13,7 +13,6 @@ export const Ai12zMic = createReactComponent('ai12z-mic');
13
13
  export const Ai12zSearchPanel = createReactComponent('ai12z-search-panel');
14
14
  export const Ai12zSpinner = createReactComponent('ai12z-spinner');
15
15
  export const AudioRecorder = createReactComponent('audio-recorder');
16
- export const BotPopover = createReactComponent('bot-popover');
17
16
  export const ChatAvatar = createReactComponent('chat-avatar');
18
17
  export const ChatbotHistory = createReactComponent('chatbot-history');
19
18
  export const DynamicForm = createReactComponent('dynamic-form');
@@ -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%,
@@ -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%,
@@ -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%,
@@ -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%,
@@ -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%,
@@ -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%,
@@ -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%,
@@ -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%,
@@ -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%,
@@ -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%,
@@ -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%,
@@ -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%,
@@ -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%,
@@ -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%,
@@ -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%,
@@ -11,7 +11,6 @@ export declare const Ai12zMic: import("react").ForwardRefExoticComponent<JSX.Ai1
11
11
  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
12
  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
13
  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
14
  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
15
  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
16
  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>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ai12z/react",
3
- "version": "3.7.1-alpha.4",
3
+ "version": "3.7.1-alpha.5",
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.4"
23
+ "ai12z": "^3.7.1-alpha.5"
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": "1ae2561a32dda410b42e50dd2cb21262c6348701"
34
+ "gitHead": "3c68544487bdf05fa6b5be9d0a0e036c62d02a52"
35
35
  }