@cloudscape-design/chat-components 1.0.58 → 1.0.60
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/avatar/index.d.ts +5 -1
- package/avatar/index.js +16 -10
- package/avatar/interfaces.d.ts +88 -58
- package/avatar/interfaces.js.map +1 -1
- package/avatar/internal-do-not-use-core.js +12 -0
- package/avatar/internal.d.ts +16 -3
- package/avatar/internal.js +7 -6
- package/avatar/internal.js.map +1 -1
- package/avatar/loading-dots/index.d.ts +10 -4
- package/avatar/loading-dots/index.js +3 -2
- package/avatar/loading-dots/index.js.map +1 -1
- package/avatar/style.d.ts +5 -0
- package/avatar/style.js +55 -0
- package/avatar/style.js.map +1 -0
- package/avatar/styles.css.js +6 -6
- package/avatar/styles.scoped.css +27 -24
- package/avatar/styles.selectors.js +6 -6
- package/chat-bubble/index.d.ts +6 -1
- package/chat-bubble/interfaces.d.ts +25 -25
- package/chat-bubble/internal.d.ts +12 -3
- package/index.d.ts +1 -1
- package/internal/api-docs/components/avatar.js +82 -0
- package/internal/api-docs/components/index.d.ts +1 -1
- package/internal/api-docs/components/interfaces.d.ts +56 -56
- package/internal/base-component/get-data-attributes.d.ts +1 -1
- package/internal/base-component/use-base-component.d.ts +3 -3
- package/internal/base-component/use-visual-refresh.d.ts +1 -1
- package/internal/environment.d.ts +1 -0
- package/internal/environment.js +3 -3
- package/internal/environment.json +3 -3
- package/internal/events/index.d.ts +17 -14
- package/internal/generated/custom-css-properties/index.d.ts +6 -2
- package/internal/generated/custom-css-properties/index.js +5 -1
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/generated/theming/index.cjs.d.ts +12 -13
- package/internal/generated/theming/index.d.ts +12 -13
- package/internal/keycode.d.ts +18 -18
- package/internal/manifest.json +1 -1
- package/internal/utils/apply-display-name.d.ts +1 -1
- package/internal/utils/get-visual-theme.d.ts +1 -1
- package/internal/utils/use-forward-focus.d.ts +3 -3
- package/loading-bar/index.d.ts +1 -1
- package/loading-bar/interfaces.d.ts +8 -8
- package/loading-bar/internal.d.ts +5 -1
- package/package.json +1 -1
- package/support-prompt-group/focus-helpers.d.ts +2 -2
- package/support-prompt-group/index.d.ts +1 -1
- package/support-prompt-group/interfaces.d.ts +35 -35
- package/support-prompt-group/internal.d.ts +1 -1
- package/support-prompt-group/prompt.d.ts +4 -4
- package/test-utils/dom/avatar/index.d.ts +3 -3
- package/test-utils/dom/chat-bubble/index.d.ts +6 -6
- package/test-utils/dom/index.d.ts +75 -75
- package/test-utils/dom/loading-bar/index.d.ts +2 -2
- package/test-utils/dom/support-prompt-group/index.d.ts +11 -11
- package/test-utils/selectors/avatar/index.d.ts +3 -3
- package/test-utils/selectors/chat-bubble/index.d.ts +6 -6
- package/test-utils/selectors/index.d.ts +67 -67
- package/test-utils/selectors/loading-bar/index.d.ts +2 -2
- package/test-utils/selectors/support-prompt-group/index.d.ts +11 -11
- /package/avatar/{index.js.map → internal-do-not-use-core.js.map} +0 -0
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export interface ChatBubbleProps {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
3
|
+
/** Avatar slot paired with the chat bubble content. Use [avatar](/components/avatar/). */
|
|
4
|
+
avatar: React.ReactNode;
|
|
5
|
+
/** Defines the type of the chat bubble and sets its color accordingly. */
|
|
6
|
+
type: ChatBubbleProps.Type;
|
|
7
|
+
/** Content of the chat bubble */
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
/** Actions slot of the chat bubble, placed at the footer. Use [button group](/components/button-group/). */
|
|
10
|
+
actions?: React.ReactNode;
|
|
11
|
+
/**
|
|
12
|
+
* Adds a loading bar to the bottom of the chat bubble. This property should only be used for Generative AI loading state.
|
|
13
|
+
* If avatar is being used, set its `loading` state to true.
|
|
14
|
+
*/
|
|
15
|
+
showLoadingBar?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Adds aria-label to the chat bubble container. Use this to provide a unique accessible name for each chat bubble on the page.
|
|
18
|
+
* For example, "John Doe at 3:42:10am".
|
|
19
|
+
*/
|
|
20
|
+
ariaLabel: string;
|
|
21
|
+
/**
|
|
22
|
+
* Hides the avatar while preserving its space.
|
|
23
|
+
* Useful for when there are multiple consecutive messages coming from the same author.
|
|
24
|
+
*/
|
|
25
|
+
hideAvatar?: boolean;
|
|
26
26
|
}
|
|
27
27
|
export declare namespace ChatBubbleProps {
|
|
28
|
-
|
|
29
|
-
}
|
|
28
|
+
type Type = "incoming" | "outgoing";
|
|
29
|
+
}
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
import { InternalBaseComponentProps } from "../internal/base-component/use-base-component";
|
|
2
2
|
import { ChatBubbleProps } from "./interfaces.js";
|
|
3
|
-
export interface InternalChatBubbleProps extends ChatBubbleProps, InternalBaseComponentProps {
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
export interface InternalChatBubbleProps extends ChatBubbleProps, InternalBaseComponentProps {}
|
|
4
|
+
export default function InternalChatBubble({
|
|
5
|
+
type,
|
|
6
|
+
children,
|
|
7
|
+
avatar,
|
|
8
|
+
actions,
|
|
9
|
+
showLoadingBar,
|
|
10
|
+
hideAvatar,
|
|
11
|
+
ariaLabel,
|
|
12
|
+
__internalRootRef,
|
|
13
|
+
...rest
|
|
14
|
+
}: InternalChatBubbleProps): import("react/jsx-runtime").JSX.Element;
|
package/index.d.ts
CHANGED
|
@@ -5,4 +5,4 @@ export type { LoadingBarProps } from "./loading-bar";
|
|
|
5
5
|
export { default as ChatBubble } from "./chat-bubble";
|
|
6
6
|
export type { ChatBubbleProps } from "./chat-bubble";
|
|
7
7
|
export { default as SupportPromptGroup } from "./support-prompt-group";
|
|
8
|
-
export type { SupportPromptGroupProps } from "./support-prompt-group";
|
|
8
|
+
export type { SupportPromptGroupProps } from "./support-prompt-group";
|
|
@@ -197,6 +197,88 @@ module.exports = {
|
|
|
197
197
|
"optional": true,
|
|
198
198
|
"description": "When set to true, a loading indicator is shown in avatar."
|
|
199
199
|
},
|
|
200
|
+
{
|
|
201
|
+
"name": "style",
|
|
202
|
+
"type": "AvatarProps.Style",
|
|
203
|
+
"inlineType": {
|
|
204
|
+
"name": "AvatarProps.Style",
|
|
205
|
+
"type": "object",
|
|
206
|
+
"properties": [
|
|
207
|
+
{
|
|
208
|
+
"name": "root",
|
|
209
|
+
"optional": true,
|
|
210
|
+
"type": "{ background?: string | undefined; borderColor?: string | undefined; borderRadius?: string | undefined; borderWidth?: string | undefined; boxShadow?: string | undefined; color?: string | undefined; focusRing?: { ...; } | undefined; }",
|
|
211
|
+
"inlineType": {
|
|
212
|
+
"name": "object",
|
|
213
|
+
"type": "object",
|
|
214
|
+
"properties": [
|
|
215
|
+
{
|
|
216
|
+
"name": "background",
|
|
217
|
+
"optional": true,
|
|
218
|
+
"type": "string"
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
"name": "borderColor",
|
|
222
|
+
"optional": true,
|
|
223
|
+
"type": "string"
|
|
224
|
+
},
|
|
225
|
+
{
|
|
226
|
+
"name": "borderRadius",
|
|
227
|
+
"optional": true,
|
|
228
|
+
"type": "string"
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"name": "borderWidth",
|
|
232
|
+
"optional": true,
|
|
233
|
+
"type": "string"
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
"name": "boxShadow",
|
|
237
|
+
"optional": true,
|
|
238
|
+
"type": "string"
|
|
239
|
+
},
|
|
240
|
+
{
|
|
241
|
+
"name": "color",
|
|
242
|
+
"optional": true,
|
|
243
|
+
"type": "string"
|
|
244
|
+
},
|
|
245
|
+
{
|
|
246
|
+
"name": "focusRing",
|
|
247
|
+
"optional": true,
|
|
248
|
+
"type": "{ borderColor?: string | undefined; borderRadius?: string | undefined; borderWidth?: string | undefined; }",
|
|
249
|
+
"inlineType": {
|
|
250
|
+
"name": "object",
|
|
251
|
+
"type": "object",
|
|
252
|
+
"properties": [
|
|
253
|
+
{
|
|
254
|
+
"name": "borderColor",
|
|
255
|
+
"optional": true,
|
|
256
|
+
"type": "string"
|
|
257
|
+
},
|
|
258
|
+
{
|
|
259
|
+
"name": "borderRadius",
|
|
260
|
+
"optional": true,
|
|
261
|
+
"type": "string"
|
|
262
|
+
},
|
|
263
|
+
{
|
|
264
|
+
"name": "borderWidth",
|
|
265
|
+
"optional": true,
|
|
266
|
+
"type": "string"
|
|
267
|
+
}
|
|
268
|
+
]
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
]
|
|
272
|
+
}
|
|
273
|
+
}
|
|
274
|
+
]
|
|
275
|
+
},
|
|
276
|
+
"optional": true,
|
|
277
|
+
"description": "Specifies an object of selectors and properties that are used to apply custom styles.\n\n- `root.background` (string) - (Optional) Background of the avatar.\n- `root.borderColor` (string) - (Optional) Border color of the avatar.\n- `root.borderRadius` (string) - (Optional) Border radius of the avatar.\n- `root.borderWidth` (string) - (Optional) Border width of the avatar.\n- `root.boxShadow` (string) - (Optional) Box shadow of the avatar.\n- `root.color` (string) - (Optional) Text color of the avatar.\n- `root.focusRing.borderColor` (string) - (Optional) Focus ring border color.\n- `root.focusRing.borderRadius` (string) - (Optional) Focus ring border radius.\n- `root.focusRing.borderWidth` (string) - (Optional) Focus ring border width.",
|
|
278
|
+
"systemTags": [
|
|
279
|
+
"core"
|
|
280
|
+
]
|
|
281
|
+
},
|
|
200
282
|
{
|
|
201
283
|
"name": "tooltipText",
|
|
202
284
|
"type": "string",
|
|
@@ -1,81 +1,81 @@
|
|
|
1
1
|
export interface ComponentDefinition {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
2
|
+
name: string;
|
|
3
|
+
dashCaseName: string;
|
|
4
|
+
/** @deprecated */
|
|
5
|
+
releaseStatus: string;
|
|
6
|
+
/** @deprecated */
|
|
7
|
+
version?: string;
|
|
8
|
+
/** @deprecated */
|
|
9
|
+
description?: string;
|
|
10
|
+
systemTags?: Array<string>;
|
|
11
|
+
properties: ComponentProperty[];
|
|
12
|
+
regions: ComponentRegion[];
|
|
13
|
+
functions: ComponentFunction[];
|
|
14
|
+
events: EventHandler[];
|
|
15
15
|
}
|
|
16
16
|
interface Taggable {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
deprecatedTag?: string;
|
|
18
|
+
visualRefreshTag?: string;
|
|
19
|
+
i18nTag?: true | undefined;
|
|
20
|
+
systemTags?: Array<string>;
|
|
21
21
|
}
|
|
22
22
|
export interface ValueDescription {
|
|
23
|
-
|
|
23
|
+
systemTags: Array<string>;
|
|
24
24
|
}
|
|
25
25
|
export interface ComponentProperty extends Taggable {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
26
|
+
name: string;
|
|
27
|
+
description?: string;
|
|
28
|
+
optional: boolean;
|
|
29
|
+
type: string;
|
|
30
|
+
inlineType?: TypeDefinition;
|
|
31
|
+
defaultValue?: string;
|
|
32
|
+
analyticsTag?: string;
|
|
33
33
|
}
|
|
34
34
|
export interface ComponentRegion extends Taggable {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
35
|
+
name: string;
|
|
36
|
+
description?: string;
|
|
37
|
+
displayName?: string;
|
|
38
|
+
isDefault: boolean;
|
|
39
39
|
}
|
|
40
40
|
export interface ComponentFunction {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
41
|
+
name: string;
|
|
42
|
+
description?: string;
|
|
43
|
+
parameters: FunctionParameter[];
|
|
44
|
+
returnType: string;
|
|
45
45
|
}
|
|
46
46
|
export type TypeDefinition = ObjectDefinition | FunctionDefinition | UnionTypeDefinition;
|
|
47
47
|
export interface ObjectDefinition {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
48
|
+
name: string;
|
|
49
|
+
type: 'object';
|
|
50
|
+
properties: ObjectDefinitionProperty[];
|
|
51
51
|
}
|
|
52
52
|
export interface ObjectDefinitionProperty {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
53
|
+
name: string;
|
|
54
|
+
optional: boolean;
|
|
55
|
+
type: string;
|
|
56
|
+
inlineType?: TypeDefinition;
|
|
57
57
|
}
|
|
58
58
|
export interface FunctionDefinition {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
59
|
+
name: string;
|
|
60
|
+
type: 'function';
|
|
61
|
+
returnType: string;
|
|
62
|
+
parameters: FunctionParameter[];
|
|
63
63
|
}
|
|
64
64
|
export interface FunctionParameter {
|
|
65
|
-
|
|
66
|
-
|
|
65
|
+
name: string;
|
|
66
|
+
type: string;
|
|
67
67
|
}
|
|
68
68
|
export interface UnionTypeDefinition {
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
69
|
+
name: string;
|
|
70
|
+
type: 'union';
|
|
71
|
+
valueDescriptions?: Record<string, ValueDescription>;
|
|
72
|
+
values: string[];
|
|
73
73
|
}
|
|
74
74
|
export interface EventHandler extends Taggable {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
75
|
+
name: string;
|
|
76
|
+
description?: string;
|
|
77
|
+
detailType?: string;
|
|
78
|
+
detailInlineType?: TypeDefinition;
|
|
79
|
+
cancelable: boolean;
|
|
80
80
|
}
|
|
81
|
-
export {};
|
|
81
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function getDataAttributes(props: Record<string, string>): Record<string, any>;
|
|
1
|
+
export declare function getDataAttributes(props: Record<string, string>): Record<string, any>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { MutableRefObject } from "react";
|
|
2
2
|
import { ComponentConfiguration } from "@cloudscape-design/component-toolkit/internal";
|
|
3
3
|
export interface InternalBaseComponentProps {
|
|
4
|
-
|
|
4
|
+
__internalRootRef?: MutableRefObject<any> | null;
|
|
5
5
|
}
|
|
6
6
|
/**
|
|
7
7
|
* This hook is used for components which are exported to customers. The returned __internalRootRef needs to be
|
|
@@ -9,5 +9,5 @@ export interface InternalBaseComponentProps {
|
|
|
9
9
|
* root DOM node and emits the telemetry for this component.
|
|
10
10
|
*/
|
|
11
11
|
export default function useBaseComponent<T = any>(componentName: string, config?: ComponentConfiguration): {
|
|
12
|
-
|
|
13
|
-
};
|
|
12
|
+
__internalRootRef: import("react").RefObject<T>;
|
|
13
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const useVisualRefresh: () => boolean;
|
|
1
|
+
export declare const useVisualRefresh: () => boolean;
|
package/internal/environment.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export var PACKAGE_SOURCE = "chat-components";
|
|
2
|
-
export var PACKAGE_VERSION = "1.0.0 (
|
|
2
|
+
export var PACKAGE_VERSION = "1.0.0 (0c6e0555)";
|
|
3
3
|
export var THEME = "open-source-visual-refresh";
|
|
4
|
-
export var
|
|
5
|
-
export var
|
|
4
|
+
export var SYSTEM = "console";
|
|
5
|
+
export var ALWAYS_VISUAL_REFRESH = true;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"PACKAGE_SOURCE": "chat-components",
|
|
3
|
-
"PACKAGE_VERSION": "1.0.0 (
|
|
3
|
+
"PACKAGE_VERSION": "1.0.0 (0c6e0555)",
|
|
4
4
|
"THEME": "open-source-visual-refresh",
|
|
5
|
-
"
|
|
6
|
-
"
|
|
5
|
+
"SYSTEM": "console",
|
|
6
|
+
"ALWAYS_VISUAL_REFRESH": true
|
|
7
7
|
}
|
|
@@ -3,21 +3,24 @@ export type CancelableEventHandler<Detail = object> = (event: CustomEvent<Detail
|
|
|
3
3
|
export type NonCancelableEventHandler<Detail = {}> = (event: NonCancelableCustomEvent<Detail>) => void;
|
|
4
4
|
export type NonCancelableCustomEvent<DetailType> = Omit<CustomEvent<DetailType>, "preventDefault">;
|
|
5
5
|
export interface ClickDetail {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
button: number;
|
|
7
|
+
ctrlKey: boolean;
|
|
8
|
+
shiftKey: boolean;
|
|
9
|
+
altKey: boolean;
|
|
10
|
+
metaKey: boolean;
|
|
11
11
|
}
|
|
12
12
|
export declare class CustomEventStub<T> {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
13
|
+
cancelable: boolean;
|
|
14
|
+
detail: T | null;
|
|
15
|
+
defaultPrevented: boolean;
|
|
16
|
+
cancelBubble: boolean;
|
|
17
|
+
constructor(cancelable?: boolean, detail?: T | null);
|
|
18
|
+
preventDefault(): void;
|
|
19
|
+
stopPropagation(): void;
|
|
20
20
|
}
|
|
21
|
-
export declare function createCustomEvent<T>({
|
|
21
|
+
export declare function createCustomEvent<T>({
|
|
22
|
+
cancelable,
|
|
23
|
+
detail
|
|
24
|
+
}: CustomEventInit<T>): CustomEvent<T>;
|
|
22
25
|
export declare function fireCancelableEvent<T>(handler: CancelableEventHandler<T> | undefined, detail: T, sourceEvent?: React.SyntheticEvent | Event): boolean;
|
|
23
|
-
export declare function fireNonCancelableEvent<T = null>(handler: NonCancelableEventHandler<T> | undefined, detail?: T): void;
|
|
26
|
+
export declare function fireNonCancelableEvent<T = null>(handler: NonCancelableEventHandler<T> | undefined, detail?: T): void;
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
declare const customCSSPropertiesMap: {
|
|
2
|
-
|
|
2
|
+
avatarSize: string;
|
|
3
|
+
avatarRootBorderWidth: string;
|
|
4
|
+
avatarFocusRingBorderColor: string;
|
|
5
|
+
avatarFocusRingBorderRadius: string;
|
|
6
|
+
avatarFocusRingBorderWidth: string;
|
|
3
7
|
};
|
|
4
|
-
export default customCSSPropertiesMap;
|
|
8
|
+
export default customCSSPropertiesMap;
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
const customCSSPropertiesMap = {
|
|
2
|
-
"avatarSize": "--awsui-avatar-size-
|
|
2
|
+
"avatarSize": "--awsui-avatar-size-qkxefc",
|
|
3
|
+
"avatarRootBorderWidth": "--awsui-avatar-root-border-width-qkxefc",
|
|
4
|
+
"avatarFocusRingBorderColor": "--awsui-avatar-focus-ring-border-color-qkxefc",
|
|
5
|
+
"avatarFocusRingBorderRadius": "--awsui-avatar-focus-ring-border-radius-qkxefc",
|
|
6
|
+
"avatarFocusRingBorderWidth": "--awsui-avatar-focus-ring-border-width-qkxefc",
|
|
3
7
|
};
|
|
4
8
|
export default customCSSPropertiesMap;
|
|
5
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,MAAM,sBAAsB,GAAG;IAC7B,YAAY,EAAE,4BAA4B;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,MAAM,sBAAsB,GAAG;IAC7B,YAAY,EAAE,4BAA4B;IAClD,uBAAuB,EAAE,yCAAyC;IAClE,4BAA4B,EAAE,+CAA+C;IAC7E,6BAA6B,EAAE,gDAAgD;IAC/E,4BAA4B,EAAE,+CAA+C;CACtE,CAAC;AACF,eAAe,sBAAsB,CAAC","sourcesContent":["\n const customCSSPropertiesMap = {\n \"avatarSize\": \"--awsui-avatar-size-qkxefc\",\n\"avatarRootBorderWidth\": \"--awsui-avatar-root-border-width-qkxefc\",\n\"avatarFocusRingBorderColor\": \"--awsui-avatar-focus-ring-border-color-qkxefc\",\n\"avatarFocusRingBorderRadius\": \"--awsui-avatar-focus-ring-border-radius-qkxefc\",\n\"avatarFocusRingBorderWidth\": \"--awsui-avatar-focus-ring-border-width-qkxefc\",\n };\n export default customCSSPropertiesMap;\n "]}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ThemePreset, GlobalValue, TypedModeValueOverride } from '@amzn/awsui-theming-build';
|
|
2
|
-
|
|
3
2
|
export declare interface TypedOverride {
|
|
4
3
|
tokens: {
|
|
5
4
|
colorChartsStatusCritical?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -257,7 +256,7 @@ export declare interface TypedOverride {
|
|
|
257
256
|
borderWidthField?: GlobalValue;
|
|
258
257
|
borderWidthPopover?: GlobalValue;
|
|
259
258
|
borderWidthToken?: GlobalValue;
|
|
260
|
-
}
|
|
259
|
+
};
|
|
261
260
|
contexts?: {
|
|
262
261
|
'compact-table'?: {
|
|
263
262
|
tokens: {
|
|
@@ -516,7 +515,7 @@ export declare interface TypedOverride {
|
|
|
516
515
|
borderWidthField?: GlobalValue;
|
|
517
516
|
borderWidthPopover?: GlobalValue;
|
|
518
517
|
borderWidthToken?: GlobalValue;
|
|
519
|
-
}
|
|
518
|
+
};
|
|
520
519
|
};
|
|
521
520
|
'top-navigation'?: {
|
|
522
521
|
tokens: {
|
|
@@ -775,7 +774,7 @@ export declare interface TypedOverride {
|
|
|
775
774
|
borderWidthField?: GlobalValue;
|
|
776
775
|
borderWidthPopover?: GlobalValue;
|
|
777
776
|
borderWidthToken?: GlobalValue;
|
|
778
|
-
}
|
|
777
|
+
};
|
|
779
778
|
};
|
|
780
779
|
'header'?: {
|
|
781
780
|
tokens: {
|
|
@@ -1034,7 +1033,7 @@ export declare interface TypedOverride {
|
|
|
1034
1033
|
borderWidthField?: GlobalValue;
|
|
1035
1034
|
borderWidthPopover?: GlobalValue;
|
|
1036
1035
|
borderWidthToken?: GlobalValue;
|
|
1037
|
-
}
|
|
1036
|
+
};
|
|
1038
1037
|
};
|
|
1039
1038
|
'flashbar'?: {
|
|
1040
1039
|
tokens: {
|
|
@@ -1293,7 +1292,7 @@ export declare interface TypedOverride {
|
|
|
1293
1292
|
borderWidthField?: GlobalValue;
|
|
1294
1293
|
borderWidthPopover?: GlobalValue;
|
|
1295
1294
|
borderWidthToken?: GlobalValue;
|
|
1296
|
-
}
|
|
1295
|
+
};
|
|
1297
1296
|
};
|
|
1298
1297
|
'flashbar-warning'?: {
|
|
1299
1298
|
tokens: {
|
|
@@ -1552,7 +1551,7 @@ export declare interface TypedOverride {
|
|
|
1552
1551
|
borderWidthField?: GlobalValue;
|
|
1553
1552
|
borderWidthPopover?: GlobalValue;
|
|
1554
1553
|
borderWidthToken?: GlobalValue;
|
|
1555
|
-
}
|
|
1554
|
+
};
|
|
1556
1555
|
};
|
|
1557
1556
|
'alert'?: {
|
|
1558
1557
|
tokens: {
|
|
@@ -1811,7 +1810,7 @@ export declare interface TypedOverride {
|
|
|
1811
1810
|
borderWidthField?: GlobalValue;
|
|
1812
1811
|
borderWidthPopover?: GlobalValue;
|
|
1813
1812
|
borderWidthToken?: GlobalValue;
|
|
1814
|
-
}
|
|
1813
|
+
};
|
|
1815
1814
|
};
|
|
1816
1815
|
'alert-header'?: {
|
|
1817
1816
|
tokens: {
|
|
@@ -2070,7 +2069,7 @@ export declare interface TypedOverride {
|
|
|
2070
2069
|
borderWidthField?: GlobalValue;
|
|
2071
2070
|
borderWidthPopover?: GlobalValue;
|
|
2072
2071
|
borderWidthToken?: GlobalValue;
|
|
2073
|
-
}
|
|
2072
|
+
};
|
|
2074
2073
|
};
|
|
2075
2074
|
'app-layout-toolbar'?: {
|
|
2076
2075
|
tokens: {
|
|
@@ -2329,8 +2328,8 @@ export declare interface TypedOverride {
|
|
|
2329
2328
|
borderWidthField?: GlobalValue;
|
|
2330
2329
|
borderWidthPopover?: GlobalValue;
|
|
2331
2330
|
borderWidthToken?: GlobalValue;
|
|
2332
|
-
}
|
|
2333
|
-
}
|
|
2334
|
-
}
|
|
2331
|
+
};
|
|
2332
|
+
};
|
|
2333
|
+
};
|
|
2335
2334
|
}
|
|
2336
|
-
export declare const preset: ThemePreset;
|
|
2335
|
+
export declare const preset: ThemePreset;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ThemePreset, GlobalValue, TypedModeValueOverride } from '@amzn/awsui-theming-runtime';
|
|
2
|
-
|
|
3
2
|
export declare interface TypedOverride {
|
|
4
3
|
tokens: {
|
|
5
4
|
colorChartsStatusCritical?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -257,7 +256,7 @@ export declare interface TypedOverride {
|
|
|
257
256
|
borderWidthField?: GlobalValue;
|
|
258
257
|
borderWidthPopover?: GlobalValue;
|
|
259
258
|
borderWidthToken?: GlobalValue;
|
|
260
|
-
}
|
|
259
|
+
};
|
|
261
260
|
contexts?: {
|
|
262
261
|
'compact-table'?: {
|
|
263
262
|
tokens: {
|
|
@@ -516,7 +515,7 @@ export declare interface TypedOverride {
|
|
|
516
515
|
borderWidthField?: GlobalValue;
|
|
517
516
|
borderWidthPopover?: GlobalValue;
|
|
518
517
|
borderWidthToken?: GlobalValue;
|
|
519
|
-
}
|
|
518
|
+
};
|
|
520
519
|
};
|
|
521
520
|
'top-navigation'?: {
|
|
522
521
|
tokens: {
|
|
@@ -775,7 +774,7 @@ export declare interface TypedOverride {
|
|
|
775
774
|
borderWidthField?: GlobalValue;
|
|
776
775
|
borderWidthPopover?: GlobalValue;
|
|
777
776
|
borderWidthToken?: GlobalValue;
|
|
778
|
-
}
|
|
777
|
+
};
|
|
779
778
|
};
|
|
780
779
|
'header'?: {
|
|
781
780
|
tokens: {
|
|
@@ -1034,7 +1033,7 @@ export declare interface TypedOverride {
|
|
|
1034
1033
|
borderWidthField?: GlobalValue;
|
|
1035
1034
|
borderWidthPopover?: GlobalValue;
|
|
1036
1035
|
borderWidthToken?: GlobalValue;
|
|
1037
|
-
}
|
|
1036
|
+
};
|
|
1038
1037
|
};
|
|
1039
1038
|
'flashbar'?: {
|
|
1040
1039
|
tokens: {
|
|
@@ -1293,7 +1292,7 @@ export declare interface TypedOverride {
|
|
|
1293
1292
|
borderWidthField?: GlobalValue;
|
|
1294
1293
|
borderWidthPopover?: GlobalValue;
|
|
1295
1294
|
borderWidthToken?: GlobalValue;
|
|
1296
|
-
}
|
|
1295
|
+
};
|
|
1297
1296
|
};
|
|
1298
1297
|
'flashbar-warning'?: {
|
|
1299
1298
|
tokens: {
|
|
@@ -1552,7 +1551,7 @@ export declare interface TypedOverride {
|
|
|
1552
1551
|
borderWidthField?: GlobalValue;
|
|
1553
1552
|
borderWidthPopover?: GlobalValue;
|
|
1554
1553
|
borderWidthToken?: GlobalValue;
|
|
1555
|
-
}
|
|
1554
|
+
};
|
|
1556
1555
|
};
|
|
1557
1556
|
'alert'?: {
|
|
1558
1557
|
tokens: {
|
|
@@ -1811,7 +1810,7 @@ export declare interface TypedOverride {
|
|
|
1811
1810
|
borderWidthField?: GlobalValue;
|
|
1812
1811
|
borderWidthPopover?: GlobalValue;
|
|
1813
1812
|
borderWidthToken?: GlobalValue;
|
|
1814
|
-
}
|
|
1813
|
+
};
|
|
1815
1814
|
};
|
|
1816
1815
|
'alert-header'?: {
|
|
1817
1816
|
tokens: {
|
|
@@ -2070,7 +2069,7 @@ export declare interface TypedOverride {
|
|
|
2070
2069
|
borderWidthField?: GlobalValue;
|
|
2071
2070
|
borderWidthPopover?: GlobalValue;
|
|
2072
2071
|
borderWidthToken?: GlobalValue;
|
|
2073
|
-
}
|
|
2072
|
+
};
|
|
2074
2073
|
};
|
|
2075
2074
|
'app-layout-toolbar'?: {
|
|
2076
2075
|
tokens: {
|
|
@@ -2329,8 +2328,8 @@ export declare interface TypedOverride {
|
|
|
2329
2328
|
borderWidthField?: GlobalValue;
|
|
2330
2329
|
borderWidthPopover?: GlobalValue;
|
|
2331
2330
|
borderWidthToken?: GlobalValue;
|
|
2332
|
-
}
|
|
2333
|
-
}
|
|
2334
|
-
}
|
|
2331
|
+
};
|
|
2332
|
+
};
|
|
2333
|
+
};
|
|
2335
2334
|
}
|
|
2336
|
-
export declare const preset: ThemePreset;
|
|
2335
|
+
export declare const preset: ThemePreset;
|
package/internal/keycode.d.ts
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
export declare enum KeyCode {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
2
|
+
pageUp = 33,
|
|
3
|
+
pageDown = 34,
|
|
4
|
+
end = 35,
|
|
5
|
+
home = 36,
|
|
6
|
+
backspace = 8,
|
|
7
|
+
space = 32,
|
|
8
|
+
down = 40,
|
|
9
|
+
left = 37,
|
|
10
|
+
right = 39,
|
|
11
|
+
up = 38,
|
|
12
|
+
escape = 27,
|
|
13
|
+
enter = 13,
|
|
14
|
+
tab = 9,
|
|
15
|
+
shift = 16,
|
|
16
|
+
control = 17,
|
|
17
|
+
alt = 18,
|
|
18
|
+
meta = 91,
|
|
19
|
+
}
|
package/internal/manifest.json
CHANGED