@gooddata/sdk-ui-gen-ai 10.27.0 → 10.28.0-alpha.1
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.
- package/NOTICE +2 -2
- package/esm/components/Input.d.ts.map +1 -1
- package/esm/components/Input.js +11 -17
- package/esm/components/Input.js.map +1 -1
- package/package.json +14 -13
- package/styles/css/input.css +23 -98
- package/styles/css/input.css.map +1 -1
- package/styles/css/main.css +23 -98
- package/styles/css/main.css.map +1 -1
- package/styles/scss/input.scss +27 -52
package/NOTICE
CHANGED
|
@@ -9,7 +9,7 @@ The following 3rd-party software packages may be used by or distributed with goo
|
|
|
9
9
|
|
|
10
10
|
Date generated: 2025-5-16
|
|
11
11
|
|
|
12
|
-
Revision ID:
|
|
12
|
+
Revision ID: 7d7cfb972facc43e61db5b2af4b9a96537c5379b
|
|
13
13
|
|
|
14
14
|
================================================================================
|
|
15
15
|
================================================================================
|
|
@@ -6177,7 +6177,7 @@ Package Title: @codemirror/autocomplete (6.18.6)
|
|
|
6177
6177
|
|
|
6178
6178
|
Package Locator: npm+@codemirror/autocomplete$6.18.6
|
|
6179
6179
|
|
|
6180
|
-
Package Depth:
|
|
6180
|
+
Package Depth: Direct
|
|
6181
6181
|
--------------------------------------------------------------------------------
|
|
6182
6182
|
|
|
6183
6183
|
* Declared Licenses *
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAwB,gBAAgB,EAAa,MAAM,mBAAmB,CAAC;AAEtF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAIhF,KAAK,eAAe,GAAG;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACtB,UAAU,EAAE,OAAO,gBAAgB,CAAC;CACvC,CAAC;AAmGF,eAAO,MAAM,KAAK;;;;6CAA2E,CAAC"}
|
package/esm/components/Input.js
CHANGED
|
@@ -1,17 +1,12 @@
|
|
|
1
|
-
// (C) 2024 GoodData Corporation
|
|
1
|
+
// (C) 2024-2025 GoodData Corporation
|
|
2
2
|
import React from "react";
|
|
3
|
-
import DefaultTextArea from "react-textarea-autosize";
|
|
4
|
-
import { defaultImport } from "default-import";
|
|
5
3
|
import cx from "classnames";
|
|
6
4
|
import { SendIcon } from "./SendIcon.js";
|
|
7
5
|
import { connect } from "react-redux";
|
|
8
6
|
import { makeTextContents, makeUserMessage } from "../model.js";
|
|
9
7
|
import { asyncProcessSelector, newMessageAction } from "../store/index.js";
|
|
10
8
|
import { defineMessages, injectIntl } from "react-intl";
|
|
11
|
-
|
|
12
|
-
// In ESM, default exports of CJS modules are wrapped in default properties instead of being exposed directly.
|
|
13
|
-
// https://github.com/microsoft/TypeScript/issues/52086#issuecomment-1385978414
|
|
14
|
-
const TextareaAutosize = defaultImport(DefaultTextArea);
|
|
9
|
+
import { SyntaxHighlightingInput, Button } from "@gooddata/sdk-ui-kit";
|
|
15
10
|
const messages = defineMessages({
|
|
16
11
|
placeholder: {
|
|
17
12
|
id: "gd.gen-ai.input-placeholder",
|
|
@@ -25,18 +20,18 @@ const messages = defineMessages({
|
|
|
25
20
|
});
|
|
26
21
|
const InputComponent = ({ isBusy, isEvaluating, newMessage, autofocus = false, intl, }) => {
|
|
27
22
|
const [value, setValue] = React.useState("");
|
|
28
|
-
const
|
|
23
|
+
const [editorApi, setApi] = React.useState(null);
|
|
29
24
|
// Force focus when autofocus is enables on the first mount, right after the initial state is loaded
|
|
30
25
|
const forceFocusOnce = React.useRef(autofocus);
|
|
31
26
|
React.useEffect(() => {
|
|
32
27
|
// Autofocus the textarea when the chat is not disabled and the user is not focusing on another element
|
|
33
28
|
// Important, given the disabled states changes depending on the agent's loading state
|
|
34
29
|
// And it's loosing focus after the loading state changes
|
|
35
|
-
if (!isBusy && (forceFocusOnce.current || document.activeElement === document.body)) {
|
|
36
|
-
|
|
30
|
+
if (!isBusy && (forceFocusOnce.current || document.activeElement === document.body) && editorApi) {
|
|
31
|
+
editorApi.focus();
|
|
37
32
|
forceFocusOnce.current = false;
|
|
38
33
|
}
|
|
39
|
-
}, [isBusy]);
|
|
34
|
+
}, [isBusy, editorApi]);
|
|
40
35
|
const handleSubmit = () => {
|
|
41
36
|
newMessage(makeUserMessage([makeTextContents(value)]));
|
|
42
37
|
setValue("");
|
|
@@ -45,19 +40,18 @@ const InputComponent = ({ isBusy, isEvaluating, newMessage, autofocus = false, i
|
|
|
45
40
|
if (e.key === "Enter" && !e.shiftKey && !isBusy && value) {
|
|
46
41
|
e.preventDefault();
|
|
47
42
|
handleSubmit();
|
|
43
|
+
return true;
|
|
48
44
|
}
|
|
49
|
-
|
|
50
|
-
const handleChange = (e) => {
|
|
51
|
-
setValue(e.target.value);
|
|
45
|
+
return false;
|
|
52
46
|
};
|
|
53
47
|
const buttonDisabled = !value || isBusy || isEvaluating;
|
|
54
48
|
const buttonClasses = cx("gd-gen-ai-chat__input__send_button", {
|
|
55
49
|
"gd-gen-ai-chat__input__send_button--disabled": buttonDisabled,
|
|
56
50
|
});
|
|
57
51
|
return (React.createElement("div", { className: "gd-gen-ai-chat__input" },
|
|
58
|
-
React.createElement(
|
|
59
|
-
React.createElement(
|
|
60
|
-
React.createElement(SendIcon,
|
|
52
|
+
React.createElement(SyntaxHighlightingInput, { className: "gd-gen-ai-chat__input__mc", placeholder: intl.formatMessage(messages.placeholder), label: intl.formatMessage(messages.label), value: value, onApi: setApi, onChange: setValue, onKeyDown: handleKeyDown, disabled: isBusy }),
|
|
53
|
+
React.createElement(Button, { disabled: buttonDisabled, className: buttonClasses, "aria-label": intl.formatMessage(messages.send), onClick: !buttonDisabled ? handleSubmit : undefined },
|
|
54
|
+
React.createElement(SendIcon, null))));
|
|
61
55
|
};
|
|
62
56
|
const mapStateToProps = (state) => {
|
|
63
57
|
const asyncState = asyncProcessSelector(state);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gooddata/sdk-ui-gen-ai",
|
|
3
|
-
"version": "10.
|
|
3
|
+
"version": "10.28.0-alpha.1",
|
|
4
4
|
"description": "GoodData GenAI SDK",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -46,14 +46,15 @@
|
|
|
46
46
|
"react-loading-skeleton": "^3.4.0",
|
|
47
47
|
"react-markdown": "^9.0.1",
|
|
48
48
|
"remark-emoji": "^5.0.1",
|
|
49
|
-
"@
|
|
50
|
-
"@gooddata/
|
|
51
|
-
"@gooddata/sdk-
|
|
52
|
-
"@gooddata/sdk-
|
|
53
|
-
"@gooddata/sdk-ui
|
|
54
|
-
"@gooddata/sdk-ui-
|
|
55
|
-
"@gooddata/
|
|
56
|
-
"@gooddata/sdk-ui-kit": "10.
|
|
49
|
+
"@codemirror/view": "~6.36.4",
|
|
50
|
+
"@gooddata/api-client-tiger": "10.28.0-alpha.1",
|
|
51
|
+
"@gooddata/sdk-model": "10.28.0-alpha.1",
|
|
52
|
+
"@gooddata/sdk-backend-spi": "10.28.0-alpha.1",
|
|
53
|
+
"@gooddata/sdk-ui": "10.28.0-alpha.1",
|
|
54
|
+
"@gooddata/sdk-ui-charts": "10.28.0-alpha.1",
|
|
55
|
+
"@gooddata/sdk-ui-pivot": "10.28.0-alpha.1",
|
|
56
|
+
"@gooddata/sdk-ui-kit": "10.28.0-alpha.1",
|
|
57
|
+
"@gooddata/util": "10.28.0-alpha.1"
|
|
57
58
|
},
|
|
58
59
|
"peerDependencies": {
|
|
59
60
|
"react": "^16.10.0 || ^17.0.0 || ^18.0.0",
|
|
@@ -102,10 +103,10 @@
|
|
|
102
103
|
"vitest-dom": "0.1.1",
|
|
103
104
|
"@types/react-native-listener": "~1.1.3",
|
|
104
105
|
"@types/uuid": "^8.3.4",
|
|
105
|
-
"@gooddata/i18n-toolkit": "10.
|
|
106
|
-
"@gooddata/sdk-backend-mockingbird": "10.
|
|
107
|
-
"@gooddata/
|
|
108
|
-
"@gooddata/
|
|
106
|
+
"@gooddata/i18n-toolkit": "10.28.0-alpha.1",
|
|
107
|
+
"@gooddata/sdk-backend-mockingbird": "10.28.0-alpha.1",
|
|
108
|
+
"@gooddata/sdk-ui-theme-provider": "10.28.0-alpha.1",
|
|
109
|
+
"@gooddata/reference-workspace": "10.28.0-alpha.1"
|
|
109
110
|
},
|
|
110
111
|
"scripts": {
|
|
111
112
|
"clean": "rm -rf ci dist esm coverage *.log styles/css tsconfig.tsbuildinfo",
|
package/styles/css/input.css
CHANGED
|
@@ -7,98 +7,12 @@
|
|
|
7
7
|
position: relative;
|
|
8
8
|
margin: 0 15px;
|
|
9
9
|
}
|
|
10
|
-
.gd-gen-ai-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
padding: 6px 7px 5px;
|
|
14
|
-
border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
|
|
15
|
-
line-height: normal;
|
|
16
|
-
vertical-align: middle;
|
|
17
|
-
color: var(--gd-palette-complementary-8, #464e56);
|
|
18
|
-
background: var(--gd-palette-complementary-0, #fff);
|
|
19
|
-
font-size: 14px;
|
|
20
|
-
font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
|
|
21
|
-
font-weight: 200;
|
|
22
|
-
border-radius: 3px;
|
|
23
|
-
box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.15);
|
|
24
|
-
resize: none;
|
|
25
|
-
box-sizing: border-box;
|
|
26
|
-
width: 100%;
|
|
27
|
-
overflow: hidden;
|
|
28
|
-
padding-right: 30px;
|
|
29
|
-
}
|
|
30
|
-
.gd-gen-ai-chat__input__textarea::-webkit-input-placeholder {
|
|
31
|
-
color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
|
|
32
|
-
-moz-transition-property: color;
|
|
33
|
-
-webkit-transition-property: color;
|
|
34
|
-
transition-property: color;
|
|
35
|
-
-moz-transition-duration: 0.25s;
|
|
36
|
-
-webkit-transition-duration: 0.25s;
|
|
37
|
-
transition-duration: 0.25s;
|
|
38
|
-
-moz-transition-timing-function: ease-in-out;
|
|
39
|
-
-webkit-transition-timing-function: ease-in-out;
|
|
40
|
-
transition-timing-function: ease-in-out;
|
|
10
|
+
.gd-gen-ai-chat__input__mc .cm-editor {
|
|
11
|
+
height: auto;
|
|
12
|
+
padding: 3px 30px 3px 5px;
|
|
41
13
|
}
|
|
42
|
-
.gd-gen-ai-
|
|
43
|
-
|
|
44
|
-
-moz-transition-property: color;
|
|
45
|
-
-webkit-transition-property: color;
|
|
46
|
-
transition-property: color;
|
|
47
|
-
-moz-transition-duration: 0.25s;
|
|
48
|
-
-webkit-transition-duration: 0.25s;
|
|
49
|
-
transition-duration: 0.25s;
|
|
50
|
-
-moz-transition-timing-function: ease-in-out;
|
|
51
|
-
-webkit-transition-timing-function: ease-in-out;
|
|
52
|
-
transition-timing-function: ease-in-out;
|
|
53
|
-
}
|
|
54
|
-
.gd-gen-ai-chat__input__textarea::-moz-placeholder {
|
|
55
|
-
color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
|
|
56
|
-
-moz-transition-property: color;
|
|
57
|
-
-webkit-transition-property: color;
|
|
58
|
-
transition-property: color;
|
|
59
|
-
-moz-transition-duration: 0.25s;
|
|
60
|
-
-webkit-transition-duration: 0.25s;
|
|
61
|
-
transition-duration: 0.25s;
|
|
62
|
-
-moz-transition-timing-function: ease-in-out;
|
|
63
|
-
-webkit-transition-timing-function: ease-in-out;
|
|
64
|
-
transition-timing-function: ease-in-out;
|
|
65
|
-
}
|
|
66
|
-
.gd-gen-ai-chat__input__textarea:-ms-input-placeholder {
|
|
67
|
-
color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
|
|
68
|
-
-moz-transition-property: color;
|
|
69
|
-
-webkit-transition-property: color;
|
|
70
|
-
transition-property: color;
|
|
71
|
-
-moz-transition-duration: 0.25s;
|
|
72
|
-
-webkit-transition-duration: 0.25s;
|
|
73
|
-
transition-duration: 0.25s;
|
|
74
|
-
-moz-transition-timing-function: ease-in-out;
|
|
75
|
-
-webkit-transition-timing-function: ease-in-out;
|
|
76
|
-
transition-timing-function: ease-in-out;
|
|
77
|
-
}
|
|
78
|
-
.gd-gen-ai-chat__input__textarea:hover {
|
|
79
|
-
border-color: var(--gd-palette-complementary-5-from-theme, #b1c1d1);
|
|
80
|
-
}
|
|
81
|
-
.gd-gen-ai-chat__input__textarea:hover::-webkit-input-placeholder {
|
|
82
|
-
color: var(--gd-palette-complementary-7, #6d7680);
|
|
83
|
-
}
|
|
84
|
-
.gd-gen-ai-chat__input__textarea:hover:-moz-placeholder {
|
|
85
|
-
color: var(--gd-palette-complementary-7, #6d7680);
|
|
86
|
-
}
|
|
87
|
-
.gd-gen-ai-chat__input__textarea:hover::-moz-placeholder {
|
|
88
|
-
color: var(--gd-palette-complementary-7, #6d7680);
|
|
89
|
-
}
|
|
90
|
-
.gd-gen-ai-chat__input__textarea:hover:-ms-input-placeholder {
|
|
91
|
-
color: var(--gd-palette-complementary-7, #6d7680);
|
|
92
|
-
}
|
|
93
|
-
.gd-gen-ai-chat__input__textarea:focus {
|
|
94
|
-
box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.2);
|
|
95
|
-
border-color: var(--gd-palette-primary-base, #14b2e2);
|
|
96
|
-
}
|
|
97
|
-
.gd-gen-ai-chat__input__textarea:disabled, .gd-gen-ai-chat__input__textarea:disabled:hover, .gd-gen-ai-chat__input__textarea.disabled, .gd-gen-ai-chat__input__textarea.disabled:hover {
|
|
98
|
-
box-shadow: none;
|
|
99
|
-
color: var(--gd-palette-complementary-5, #b0beca);
|
|
100
|
-
border-color: var(--gd-palette-complementary-4, #ccd8e2);
|
|
101
|
-
background-color: var(--gd-palette-complementary-0-from-theme, #fcfcfd);
|
|
14
|
+
.gd-gen-ai-chat__input__mc .cm-scroller {
|
|
15
|
+
font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif) !important;
|
|
102
16
|
}
|
|
103
17
|
.gd-gen-ai-chat__input__send_button {
|
|
104
18
|
-moz-transition-property: all;
|
|
@@ -111,10 +25,19 @@
|
|
|
111
25
|
-webkit-transition-timing-function: ease-in-out;
|
|
112
26
|
transition-timing-function: ease-in-out;
|
|
113
27
|
position: absolute;
|
|
114
|
-
top:
|
|
115
|
-
|
|
116
|
-
|
|
28
|
+
top: 1px;
|
|
29
|
+
right: 1px;
|
|
30
|
+
bottom: 1px;
|
|
31
|
+
width: 40px;
|
|
32
|
+
margin: 0;
|
|
33
|
+
padding: 0;
|
|
34
|
+
display: flex;
|
|
35
|
+
justify-content: center;
|
|
36
|
+
align-items: center;
|
|
117
37
|
cursor: pointer;
|
|
38
|
+
background: none;
|
|
39
|
+
border: none;
|
|
40
|
+
border-radius: 3px;
|
|
118
41
|
}
|
|
119
42
|
.gd-gen-ai-chat__input__send_button path, .gd-gen-ai-chat__input__send_button rect {
|
|
120
43
|
fill: var(--gd-palette-complementary-7, #6d7680);
|
|
@@ -122,14 +45,16 @@
|
|
|
122
45
|
.gd-gen-ai-chat__input__send_button:hover path, .gd-gen-ai-chat__input__send_button:hover rect {
|
|
123
46
|
fill: var(--gd-palette-primary-base, #14b2e2);
|
|
124
47
|
}
|
|
125
|
-
.gd-gen-ai-chat__input__send_button
|
|
48
|
+
.gd-gen-ai-chat__input__send_button:disabled:hover {
|
|
126
49
|
cursor: default;
|
|
127
50
|
}
|
|
128
|
-
.gd-gen-ai-chat__input__send_button
|
|
129
|
-
.gd-gen-ai-chat__input__send_button
|
|
130
|
-
.gd-gen-ai-chat__input__send_button--disabled:hover rect {
|
|
51
|
+
.gd-gen-ai-chat__input__send_button:disabled:hover path,
|
|
52
|
+
.gd-gen-ai-chat__input__send_button:disabled:hover rect {
|
|
131
53
|
fill: var(--gd-palette-complementary-5, #b0beca);
|
|
132
54
|
}
|
|
55
|
+
.gd-gen-ai-chat__input__send_button:focus, .gd-gen-ai-chat__input__send_button:focus-within, .gd-gen-ai-chat__input__send_button:focus-visible, .gd-gen-ai-chat__input__send_button:active {
|
|
56
|
+
outline: 1px solid var(--gd-palette-primary-base, #14b2e2);
|
|
57
|
+
}
|
|
133
58
|
.gd-gen-ai-chat__input:focus-within .gd-gen-ai-chat__input__send_button path,
|
|
134
59
|
.gd-gen-ai-chat__input:focus-within .gd-gen-ai-chat__input__send_button rect {
|
|
135
60
|
fill: var(--gd-palette-primary-base, #14b2e2);
|
package/styles/css/input.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Form/_mixins.scss","../scss/input.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;AClLA;AAAA;AAAA;ACIA;EACI;EACA;;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Form/_mixins.scss","../scss/input.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;AClLA;AAAA;AAAA;ACIA;EACI;EACA;;AAGI;EACI;EACA;;AAEJ;EAEI;;AAIR;EF4CA,0BE3CmC;EF4CnC,6BE5CmC;EF6CnC,qBE7CmC;EFiDnC,0BEjDwC;EFkDxC,6BElDwC;EFmDxC,qBEnDwC;EFuDxC,iCEvD+C;EFwD/C,oCExD+C;EFyD/C,4BEzD+C;EAE3C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI,MCjBI;;ADoBR;EAEI,MCPc;;ADUlB;EACI;;AAEA;AAAA;EAEI,MCnCI;;ADuCZ;EAII;;AAKJ;AAAA;EAEI,MC9Bc;;ADiClB;EAEI;;AAEA;AAAA;AAAA;EAEI,MC3DI","file":"input.css"}
|
package/styles/css/main.css
CHANGED
|
@@ -249,98 +249,12 @@
|
|
|
249
249
|
position: relative;
|
|
250
250
|
margin: 0 15px;
|
|
251
251
|
}
|
|
252
|
-
.gd-gen-ai-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
padding: 6px 7px 5px;
|
|
256
|
-
border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
|
|
257
|
-
line-height: normal;
|
|
258
|
-
vertical-align: middle;
|
|
259
|
-
color: var(--gd-palette-complementary-8, #464e56);
|
|
260
|
-
background: var(--gd-palette-complementary-0, #fff);
|
|
261
|
-
font-size: 14px;
|
|
262
|
-
font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
|
|
263
|
-
font-weight: 200;
|
|
264
|
-
border-radius: 3px;
|
|
265
|
-
box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.15);
|
|
266
|
-
resize: none;
|
|
267
|
-
box-sizing: border-box;
|
|
268
|
-
width: 100%;
|
|
269
|
-
overflow: hidden;
|
|
270
|
-
padding-right: 30px;
|
|
271
|
-
}
|
|
272
|
-
.gd-gen-ai-chat__input__textarea::-webkit-input-placeholder {
|
|
273
|
-
color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
|
|
274
|
-
-moz-transition-property: color;
|
|
275
|
-
-webkit-transition-property: color;
|
|
276
|
-
transition-property: color;
|
|
277
|
-
-moz-transition-duration: 0.25s;
|
|
278
|
-
-webkit-transition-duration: 0.25s;
|
|
279
|
-
transition-duration: 0.25s;
|
|
280
|
-
-moz-transition-timing-function: ease-in-out;
|
|
281
|
-
-webkit-transition-timing-function: ease-in-out;
|
|
282
|
-
transition-timing-function: ease-in-out;
|
|
283
|
-
}
|
|
284
|
-
.gd-gen-ai-chat__input__textarea:-moz-placeholder {
|
|
285
|
-
color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
|
|
286
|
-
-moz-transition-property: color;
|
|
287
|
-
-webkit-transition-property: color;
|
|
288
|
-
transition-property: color;
|
|
289
|
-
-moz-transition-duration: 0.25s;
|
|
290
|
-
-webkit-transition-duration: 0.25s;
|
|
291
|
-
transition-duration: 0.25s;
|
|
292
|
-
-moz-transition-timing-function: ease-in-out;
|
|
293
|
-
-webkit-transition-timing-function: ease-in-out;
|
|
294
|
-
transition-timing-function: ease-in-out;
|
|
295
|
-
}
|
|
296
|
-
.gd-gen-ai-chat__input__textarea::-moz-placeholder {
|
|
297
|
-
color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
|
|
298
|
-
-moz-transition-property: color;
|
|
299
|
-
-webkit-transition-property: color;
|
|
300
|
-
transition-property: color;
|
|
301
|
-
-moz-transition-duration: 0.25s;
|
|
302
|
-
-webkit-transition-duration: 0.25s;
|
|
303
|
-
transition-duration: 0.25s;
|
|
304
|
-
-moz-transition-timing-function: ease-in-out;
|
|
305
|
-
-webkit-transition-timing-function: ease-in-out;
|
|
306
|
-
transition-timing-function: ease-in-out;
|
|
307
|
-
}
|
|
308
|
-
.gd-gen-ai-chat__input__textarea:-ms-input-placeholder {
|
|
309
|
-
color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
|
|
310
|
-
-moz-transition-property: color;
|
|
311
|
-
-webkit-transition-property: color;
|
|
312
|
-
transition-property: color;
|
|
313
|
-
-moz-transition-duration: 0.25s;
|
|
314
|
-
-webkit-transition-duration: 0.25s;
|
|
315
|
-
transition-duration: 0.25s;
|
|
316
|
-
-moz-transition-timing-function: ease-in-out;
|
|
317
|
-
-webkit-transition-timing-function: ease-in-out;
|
|
318
|
-
transition-timing-function: ease-in-out;
|
|
319
|
-
}
|
|
320
|
-
.gd-gen-ai-chat__input__textarea:hover {
|
|
321
|
-
border-color: var(--gd-palette-complementary-5-from-theme, #b1c1d1);
|
|
322
|
-
}
|
|
323
|
-
.gd-gen-ai-chat__input__textarea:hover::-webkit-input-placeholder {
|
|
324
|
-
color: var(--gd-palette-complementary-7, #6d7680);
|
|
325
|
-
}
|
|
326
|
-
.gd-gen-ai-chat__input__textarea:hover:-moz-placeholder {
|
|
327
|
-
color: var(--gd-palette-complementary-7, #6d7680);
|
|
328
|
-
}
|
|
329
|
-
.gd-gen-ai-chat__input__textarea:hover::-moz-placeholder {
|
|
330
|
-
color: var(--gd-palette-complementary-7, #6d7680);
|
|
331
|
-
}
|
|
332
|
-
.gd-gen-ai-chat__input__textarea:hover:-ms-input-placeholder {
|
|
333
|
-
color: var(--gd-palette-complementary-7, #6d7680);
|
|
334
|
-
}
|
|
335
|
-
.gd-gen-ai-chat__input__textarea:focus {
|
|
336
|
-
box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.2);
|
|
337
|
-
border-color: var(--gd-palette-primary-base, #14b2e2);
|
|
252
|
+
.gd-gen-ai-chat__input__mc .cm-editor {
|
|
253
|
+
height: auto;
|
|
254
|
+
padding: 3px 30px 3px 5px;
|
|
338
255
|
}
|
|
339
|
-
.gd-gen-ai-
|
|
340
|
-
|
|
341
|
-
color: var(--gd-palette-complementary-5, #b0beca);
|
|
342
|
-
border-color: var(--gd-palette-complementary-4, #ccd8e2);
|
|
343
|
-
background-color: var(--gd-palette-complementary-0-from-theme, #fcfcfd);
|
|
256
|
+
.gd-gen-ai-chat__input__mc .cm-scroller {
|
|
257
|
+
font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif) !important;
|
|
344
258
|
}
|
|
345
259
|
.gd-gen-ai-chat__input__send_button {
|
|
346
260
|
-moz-transition-property: all;
|
|
@@ -353,10 +267,19 @@
|
|
|
353
267
|
-webkit-transition-timing-function: ease-in-out;
|
|
354
268
|
transition-timing-function: ease-in-out;
|
|
355
269
|
position: absolute;
|
|
356
|
-
top:
|
|
357
|
-
|
|
358
|
-
|
|
270
|
+
top: 1px;
|
|
271
|
+
right: 1px;
|
|
272
|
+
bottom: 1px;
|
|
273
|
+
width: 40px;
|
|
274
|
+
margin: 0;
|
|
275
|
+
padding: 0;
|
|
276
|
+
display: flex;
|
|
277
|
+
justify-content: center;
|
|
278
|
+
align-items: center;
|
|
359
279
|
cursor: pointer;
|
|
280
|
+
background: none;
|
|
281
|
+
border: none;
|
|
282
|
+
border-radius: 3px;
|
|
360
283
|
}
|
|
361
284
|
.gd-gen-ai-chat__input__send_button path, .gd-gen-ai-chat__input__send_button rect {
|
|
362
285
|
fill: var(--gd-palette-complementary-7, #6d7680);
|
|
@@ -364,14 +287,16 @@
|
|
|
364
287
|
.gd-gen-ai-chat__input__send_button:hover path, .gd-gen-ai-chat__input__send_button:hover rect {
|
|
365
288
|
fill: var(--gd-palette-primary-base, #14b2e2);
|
|
366
289
|
}
|
|
367
|
-
.gd-gen-ai-chat__input__send_button
|
|
290
|
+
.gd-gen-ai-chat__input__send_button:disabled:hover {
|
|
368
291
|
cursor: default;
|
|
369
292
|
}
|
|
370
|
-
.gd-gen-ai-chat__input__send_button
|
|
371
|
-
.gd-gen-ai-chat__input__send_button
|
|
372
|
-
.gd-gen-ai-chat__input__send_button--disabled:hover rect {
|
|
293
|
+
.gd-gen-ai-chat__input__send_button:disabled:hover path,
|
|
294
|
+
.gd-gen-ai-chat__input__send_button:disabled:hover rect {
|
|
373
295
|
fill: var(--gd-palette-complementary-5, #b0beca);
|
|
374
296
|
}
|
|
297
|
+
.gd-gen-ai-chat__input__send_button:focus, .gd-gen-ai-chat__input__send_button:focus-within, .gd-gen-ai-chat__input__send_button:focus-visible, .gd-gen-ai-chat__input__send_button:active {
|
|
298
|
+
outline: 1px solid var(--gd-palette-primary-base, #14b2e2);
|
|
299
|
+
}
|
|
375
300
|
.gd-gen-ai-chat__input:focus-within .gd-gen-ai-chat__input__send_button path,
|
|
376
301
|
.gd-gen-ai-chat__input:focus-within .gd-gen-ai-chat__input__send_button rect {
|
|
377
302
|
fill: var(--gd-palette-primary-base, #14b2e2);
|
package/styles/css/main.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/src/@ui/defaultTheme.scss","../../node_modules/react-loading-skeleton/dist/skeleton.css","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Form/_mixins.scss","../scss/input.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/messages.scss","../scss/variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/typo-mixins.scss","../scss/agentIcon.scss","../scss/window.scss","../scss/main.scss"],"names":[],"mappings":"AAIA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EAGA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC5NJ;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EAEA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;;ACuEJ;AA4DA;AClLA;AAAA;AAAA;ACIA;EACI;EACA;;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/src/@ui/defaultTheme.scss","../../node_modules/react-loading-skeleton/dist/skeleton.css","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Form/_mixins.scss","../scss/input.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/messages.scss","../scss/variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/typo-mixins.scss","../scss/agentIcon.scss","../scss/window.scss","../scss/main.scss"],"names":[],"mappings":"AAIA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EAGA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC5NJ;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EAEA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;;ACuEJ;AA4DA;AClLA;AAAA;AAAA;ACIA;EACI;EACA;;AAGI;EACI;EACA;;AAEJ;EAEI;;AAIR;EF4CA,0BE3CmC;EF4CnC,6BE5CmC;EF6CnC,qBE7CmC;EFiDnC,0BEjDwC;EFkDxC,6BElDwC;EFmDxC,qBEnDwC;EFuDxC,iCEvD+C;EFwD/C,oCExD+C;EFyD/C,4BEzD+C;EAE3C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI,MCjBI;;ADoBR;EAEI,MCPc;;ADUlB;EACI;;AAEA;AAAA;EAEI,MCnCI;;ADuCZ;EAII;;AAKJ;AAAA;EAEI,MC9Bc;;ADiClB;EAEI;;AAEA;AAAA;AAAA;EAEI,MC3DI;;;ACZpB;EACI;EACA;EAGA;EACA,eCbQ;;;ADgBZ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,MDlBQ;;;ACsBhB;AAAA;AAAA;EAGI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI,MD1BkB;EC2BlB;;AAGJ;EAEI,MDhCkB;;ACmCtB;EAEI,MDrCkB;;;AC0CtB;EAII;EACA,kBD/CkB;ECgDlB;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,mBAlBS;EAmBT;EACA;;AAGJ;EACI,OD5FK;;ACgGb;EACI,ODjGS;ECkGT,kBDnEsB;;ACsE1B;EACI,kBDvEsB;;;AC2E9B;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGA;EAEI;;AAIJ;EE1IA,aHuFc;EGnFd;EA+CA;EACA,OH7BY;EG8BZ;;;AF0FJ;EACI;EACA;EACA;EACA,YD9FsB;EC+FtB,ODjGoB;;;ACqGpB;EAMI,ODhJY;;;ACoJpB;EACI;;;AAGJ;EACI;EACA;EACA;EACA,YDhKa;ECiKb;EACA;;AAEA;EACI;;AAEA;EACI;EACA;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YDhMQ;ECiMR;EACA;EACA;;AAEA;EACI;;AAGJ;EACI,MD/Lc;;ACmMtB;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;;AAEA;EACI,ODlNkB;;ACqNtB;EACI;;AAEA;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;;;AAIR;EACI;;;AAGJ;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;AAIR;EACI;IACI;;EAEJ;IACI;;EAEJ;IACI;;;AGvRR;EACI;EACA;EACA;;AAEA;EACI,MJuBoB;;AIpBxB;EACI;EACA;EACA;;AAGJ;EACI,MJUkB;;AINlB;EACI;;AAGJ;EAGI;;AAEA;EACI;;AAMR;EACI;;AAKJ;EACI;EACA;EACA;EACA;;AAKJ;EACI,MJhDK;;AImDT;EACI,MJlDQ;;AIuDZ;EACI,YJpCc;;AIsClB;EACI,YAvEuB;;AAyE3B;EACI,YJnCkB;;;AIwC9B;EACI;IACI;;EAEJ;IACI;;;AAIR;EACI;IACI;;EAEJ;IACI;;EAEJ;IACI;;;AAIR;EACI;IACI,MJnEoB;;EIqExB;IACI,MJzEkB;;EI2EtB;IACI,MJzEoB;;;AI6E5B;EACI;IACI,MJzFc;;EI2FlB;IACI,MJlEkB;;EIoEtB;IACI,MJ/Fc;;;AK1BtB;EACI;EACA;EACA,kBLQa;EKPb;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA,kBLPU;;AKUd;EACI;EACA;;AAEA;EACI;EACA,ML7BI;;AKgCR;EACI;;AAEA;EACI,MLzCI;;AK6CZ;EACI;EACA;;AAIA;EACI,MLfQ;;AKqBZ;EACI,MLvCU;;AK2ClB;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA,YL9EI;EK+EJ;EACA,OL7FK;EK8FL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAEI;;;AChHZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMA;EACI;EACA,ONJe;EMKf;EAGA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA,YNhCK;;AMmCT;EACI;EACA,ON9BI;EM+BJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"main.css"}
|
package/styles/scss/input.scss
CHANGED
|
@@ -10,54 +10,14 @@
|
|
|
10
10
|
position: relative;
|
|
11
11
|
margin: 0 variables.$x-spacing;
|
|
12
12
|
|
|
13
|
-
&
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
inset 0 1px 1px 0 color.adjust(kit-variables.$gd-input-text-box-shadow-color, $alpha: -0.85)
|
|
18
|
-
);
|
|
19
|
-
|
|
20
|
-
@include kit-mixins.placeholder {
|
|
21
|
-
color: var(
|
|
22
|
-
--gd-palette-complementary-6-from-theme,
|
|
23
|
-
color.adjust(kit-variables.$default-gd-color-link, $alpha: -0.25)
|
|
24
|
-
);
|
|
25
|
-
|
|
26
|
-
@include kit-mixins.transition(color, 0.25s, ease-in-out);
|
|
13
|
+
&__mc {
|
|
14
|
+
.cm-editor {
|
|
15
|
+
height: auto;
|
|
16
|
+
padding: 3px 30px 3px 5px;
|
|
27
17
|
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
width: 100%;
|
|
32
|
-
overflow: hidden;
|
|
33
|
-
padding-right: 30px; // Make space for the send button
|
|
34
|
-
|
|
35
|
-
&:hover {
|
|
36
|
-
@include kit-mixins.placeholder {
|
|
37
|
-
color: kit-variables.$gd-color-link;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
border-color: kit-variables.$gd-input-text-hover-border;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
&:focus {
|
|
44
|
-
@include kit-mixins.box-shadow(
|
|
45
|
-
inset 0 1px 1px 0 color.adjust(kit-variables.$gd-input-text-box-shadow-color, $alpha: -0.8)
|
|
46
|
-
);
|
|
47
|
-
|
|
48
|
-
border-color: kit-variables.$gd-palette-primary-base;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
&:disabled,
|
|
52
|
-
&.disabled {
|
|
53
|
-
&,
|
|
54
|
-
&:hover {
|
|
55
|
-
@include kit-mixins.box-shadow(none);
|
|
56
|
-
|
|
57
|
-
color: kit-variables.$gd-color-disabled;
|
|
58
|
-
border-color: kit-variables.$gd-input-text-border;
|
|
59
|
-
background-color: kit-variables.$gd-color-light;
|
|
60
|
-
}
|
|
18
|
+
.cm-scroller {
|
|
19
|
+
// stylelint-disable-next-line declaration-no-important
|
|
20
|
+
font-family: kit-variables.$gd-font-primary !important;
|
|
61
21
|
}
|
|
62
22
|
}
|
|
63
23
|
|
|
@@ -65,10 +25,19 @@
|
|
|
65
25
|
@include kit-mixins.transition(all, 0.25s, ease-in-out);
|
|
66
26
|
|
|
67
27
|
position: absolute;
|
|
68
|
-
top:
|
|
69
|
-
|
|
70
|
-
|
|
28
|
+
top: 1px;
|
|
29
|
+
right: 1px;
|
|
30
|
+
bottom: 1px;
|
|
31
|
+
width: 40px;
|
|
32
|
+
margin: 0;
|
|
33
|
+
padding: 0;
|
|
34
|
+
display: flex;
|
|
35
|
+
justify-content: center;
|
|
36
|
+
align-items: center;
|
|
71
37
|
cursor: pointer;
|
|
38
|
+
background: none;
|
|
39
|
+
border: none;
|
|
40
|
+
border-radius: 3px;
|
|
72
41
|
|
|
73
42
|
& path,
|
|
74
43
|
& rect {
|
|
@@ -80,8 +49,7 @@
|
|
|
80
49
|
fill: kit-variables.$gd-palette-primary-base;
|
|
81
50
|
}
|
|
82
51
|
|
|
83
|
-
|
|
84
|
-
&--disabled:hover {
|
|
52
|
+
&:disabled:hover {
|
|
85
53
|
cursor: default;
|
|
86
54
|
|
|
87
55
|
path,
|
|
@@ -89,6 +57,13 @@
|
|
|
89
57
|
fill: kit-variables.$gd-color-disabled;
|
|
90
58
|
}
|
|
91
59
|
}
|
|
60
|
+
|
|
61
|
+
&:focus,
|
|
62
|
+
&:focus-within,
|
|
63
|
+
&:focus-visible,
|
|
64
|
+
&:active {
|
|
65
|
+
outline: 1px solid kit-variables.$gd-palette-primary-base;
|
|
66
|
+
}
|
|
92
67
|
}
|
|
93
68
|
|
|
94
69
|
&:focus-within &__send_button {
|