@cloudscape-design/chat-components 1.0.98 → 1.0.100
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/internal/api-docs/components/support-prompt-group.js +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/styles/tokens.d.ts +1 -0
- package/internal/generated/styles/tokens.js +1 -0
- package/internal/generated/theming/index.cjs +13 -0
- package/internal/generated/theming/index.cjs.d.ts +45 -0
- package/internal/generated/theming/index.d.ts +45 -0
- package/internal/generated/theming/index.js +13 -0
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/support-prompt-group/interfaces.d.ts +3 -2
- package/support-prompt-group/interfaces.js.map +1 -1
- package/support-prompt-group/prompt.d.ts +2 -1
- package/support-prompt-group/prompt.js.map +1 -1
|
@@ -41,7 +41,7 @@ module.exports = {
|
|
|
41
41
|
"name": "items",
|
|
42
42
|
"type": "ReadonlyArray<SupportPromptGroupProps.Item>",
|
|
43
43
|
"optional": false,
|
|
44
|
-
"description": "An array of objects representing support prompts.\nEach item has the following properties:\n - text: The text of the support prompt.\n - id: The ID of the support prompt.\n - iconName (optional): The name of a built-in icon to display.\n - iconSvg (optional): A custom SVG icon to display. Takes precedence over iconName.\n - iconPosition (optional): Position of the icon relative to text. Can be \"left\" (default) or \"right\".\n - iconVerticalAlignment (optional): Vertical alignment of the icon. Can be \"center\", \"start\" (default), or \"end\".\n - ariaLabel (optional): Custom accessible label for the prompt."
|
|
44
|
+
"description": "An array of objects representing support prompts.\nEach item has the following properties:\n - text: The text or ReactNode content of the support prompt.\n - id: The ID of the support prompt.\n - iconName (optional): The name of a built-in icon to display.\n - iconSvg (optional): A custom SVG icon to display. Takes precedence over iconName.\n - iconPosition (optional): Position of the icon relative to text. Can be \"left\" (default) or \"right\".\n - iconVerticalAlignment (optional): Vertical alignment of the icon. Can be \"center\", \"start\" (default), or \"end\".\n - ariaLabel (optional): Custom accessible label for the prompt."
|
|
45
45
|
}
|
|
46
46
|
],
|
|
47
47
|
"events": [
|
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 (fdfe10a1)";
|
|
3
3
|
export var THEME = "open-source-visual-refresh";
|
|
4
4
|
export var SYSTEM = "core";
|
|
5
5
|
export var ALWAYS_VISUAL_REFRESH = true;
|
|
@@ -593,6 +593,7 @@ export const letterSpacingHeadingXl: string;
|
|
|
593
593
|
export const letterSpacingHeadingL: string;
|
|
594
594
|
export const letterSpacingHeadingM: string;
|
|
595
595
|
export const letterSpacingHeadingS: string;
|
|
596
|
+
export const letterSpacingHeadingXs: string;
|
|
596
597
|
export const lineHeightBodyM: string;
|
|
597
598
|
export const lineHeightBodyS: string;
|
|
598
599
|
export const lineHeightDisplayL: string;
|
|
@@ -593,6 +593,7 @@ export var letterSpacingHeadingXl = "var(--letter-spacing-heading-xl-ckkb6u, -0.
|
|
|
593
593
|
export var letterSpacingHeadingL = "var(--letter-spacing-heading-l-5v6ibv, -0.015em)";
|
|
594
594
|
export var letterSpacingHeadingM = "var(--letter-spacing-heading-m-29ewnk, -0.010em)";
|
|
595
595
|
export var letterSpacingHeadingS = "var(--letter-spacing-heading-s-4st9ep, -0.005em)";
|
|
596
|
+
export var letterSpacingHeadingXs = "var(--letter-spacing-heading-xs-fgog7a, normal)";
|
|
596
597
|
export var lineHeightBodyM = "var(--line-height-body-m-2mh3ke, 20px)";
|
|
597
598
|
export var lineHeightBodyS = "var(--line-height-body-s-nu5hx1, 16px)";
|
|
598
599
|
export var lineHeightDisplayL = "var(--line-height-display-l-vwanzp, 48px)";
|
|
@@ -2296,6 +2296,7 @@ module.exports.preset = {
|
|
|
2296
2296
|
"letterSpacingHeadingL": "-0.015em",
|
|
2297
2297
|
"letterSpacingHeadingM": "-0.010em",
|
|
2298
2298
|
"letterSpacingHeadingS": "-0.005em",
|
|
2299
|
+
"letterSpacingHeadingXs": "normal",
|
|
2299
2300
|
"lineHeightBodyM": "20px",
|
|
2300
2301
|
"lineHeightBodyS": "16px",
|
|
2301
2302
|
"lineHeightDisplayL": "48px",
|
|
@@ -11748,6 +11749,11 @@ module.exports.preset = {
|
|
|
11748
11749
|
"fontWeightHeadingM",
|
|
11749
11750
|
"fontWeightHeadingS",
|
|
11750
11751
|
"fontWeightHeadingXs",
|
|
11752
|
+
"letterSpacingHeadingXl",
|
|
11753
|
+
"letterSpacingHeadingL",
|
|
11754
|
+
"letterSpacingHeadingM",
|
|
11755
|
+
"letterSpacingHeadingS",
|
|
11756
|
+
"letterSpacingHeadingXs",
|
|
11751
11757
|
"lineHeightBodyM",
|
|
11752
11758
|
"lineHeightBodyS",
|
|
11753
11759
|
"lineHeightDisplayL",
|
|
@@ -12127,6 +12133,11 @@ module.exports.preset = {
|
|
|
12127
12133
|
"fontWeightHeadingM",
|
|
12128
12134
|
"fontWeightHeadingS",
|
|
12129
12135
|
"fontWeightHeadingXs",
|
|
12136
|
+
"letterSpacingHeadingXl",
|
|
12137
|
+
"letterSpacingHeadingL",
|
|
12138
|
+
"letterSpacingHeadingM",
|
|
12139
|
+
"letterSpacingHeadingS",
|
|
12140
|
+
"letterSpacingHeadingXs",
|
|
12130
12141
|
"lineHeightBodyM",
|
|
12131
12142
|
"lineHeightBodyS",
|
|
12132
12143
|
"lineHeightDisplayL",
|
|
@@ -12796,6 +12807,7 @@ module.exports.preset = {
|
|
|
12796
12807
|
"letterSpacingHeadingL": "letter-spacing-heading-l",
|
|
12797
12808
|
"letterSpacingHeadingM": "letter-spacing-heading-m",
|
|
12798
12809
|
"letterSpacingHeadingS": "letter-spacing-heading-s",
|
|
12810
|
+
"letterSpacingHeadingXs": "letter-spacing-heading-xs",
|
|
12799
12811
|
"lineHeightBodyM": "line-height-body-m",
|
|
12800
12812
|
"lineHeightBodyS": "line-height-body-s",
|
|
12801
12813
|
"lineHeightDisplayL": "line-height-display-l",
|
|
@@ -13616,6 +13628,7 @@ module.exports.preset = {
|
|
|
13616
13628
|
"letterSpacingHeadingL": "--letter-spacing-heading-l-5v6ibv",
|
|
13617
13629
|
"letterSpacingHeadingM": "--letter-spacing-heading-m-29ewnk",
|
|
13618
13630
|
"letterSpacingHeadingS": "--letter-spacing-heading-s-4st9ep",
|
|
13631
|
+
"letterSpacingHeadingXs": "--letter-spacing-heading-xs-fgog7a",
|
|
13619
13632
|
"lineHeightBodyM": "--line-height-body-m-2mh3ke",
|
|
13620
13633
|
"lineHeightBodyS": "--line-height-body-s-nu5hx1",
|
|
13621
13634
|
"lineHeightDisplayL": "--line-height-display-l-vwanzp",
|
|
@@ -246,6 +246,11 @@ export declare interface TypedOverride {
|
|
|
246
246
|
fontWeightHeadingM?: GlobalValue;
|
|
247
247
|
fontWeightHeadingS?: GlobalValue;
|
|
248
248
|
fontWeightHeadingXs?: GlobalValue;
|
|
249
|
+
letterSpacingHeadingXl?: GlobalValue;
|
|
250
|
+
letterSpacingHeadingL?: GlobalValue;
|
|
251
|
+
letterSpacingHeadingM?: GlobalValue;
|
|
252
|
+
letterSpacingHeadingS?: GlobalValue;
|
|
253
|
+
letterSpacingHeadingXs?: GlobalValue;
|
|
249
254
|
lineHeightBodyM?: GlobalValue;
|
|
250
255
|
lineHeightBodyS?: GlobalValue;
|
|
251
256
|
lineHeightDisplayL?: GlobalValue;
|
|
@@ -529,6 +534,11 @@ export declare interface TypedOverride {
|
|
|
529
534
|
fontWeightHeadingM?: GlobalValue;
|
|
530
535
|
fontWeightHeadingS?: GlobalValue;
|
|
531
536
|
fontWeightHeadingXs?: GlobalValue;
|
|
537
|
+
letterSpacingHeadingXl?: GlobalValue;
|
|
538
|
+
letterSpacingHeadingL?: GlobalValue;
|
|
539
|
+
letterSpacingHeadingM?: GlobalValue;
|
|
540
|
+
letterSpacingHeadingS?: GlobalValue;
|
|
541
|
+
letterSpacingHeadingXs?: GlobalValue;
|
|
532
542
|
lineHeightBodyM?: GlobalValue;
|
|
533
543
|
lineHeightBodyS?: GlobalValue;
|
|
534
544
|
lineHeightDisplayL?: GlobalValue;
|
|
@@ -812,6 +822,11 @@ export declare interface TypedOverride {
|
|
|
812
822
|
fontWeightHeadingM?: GlobalValue;
|
|
813
823
|
fontWeightHeadingS?: GlobalValue;
|
|
814
824
|
fontWeightHeadingXs?: GlobalValue;
|
|
825
|
+
letterSpacingHeadingXl?: GlobalValue;
|
|
826
|
+
letterSpacingHeadingL?: GlobalValue;
|
|
827
|
+
letterSpacingHeadingM?: GlobalValue;
|
|
828
|
+
letterSpacingHeadingS?: GlobalValue;
|
|
829
|
+
letterSpacingHeadingXs?: GlobalValue;
|
|
815
830
|
lineHeightBodyM?: GlobalValue;
|
|
816
831
|
lineHeightBodyS?: GlobalValue;
|
|
817
832
|
lineHeightDisplayL?: GlobalValue;
|
|
@@ -1095,6 +1110,11 @@ export declare interface TypedOverride {
|
|
|
1095
1110
|
fontWeightHeadingM?: GlobalValue;
|
|
1096
1111
|
fontWeightHeadingS?: GlobalValue;
|
|
1097
1112
|
fontWeightHeadingXs?: GlobalValue;
|
|
1113
|
+
letterSpacingHeadingXl?: GlobalValue;
|
|
1114
|
+
letterSpacingHeadingL?: GlobalValue;
|
|
1115
|
+
letterSpacingHeadingM?: GlobalValue;
|
|
1116
|
+
letterSpacingHeadingS?: GlobalValue;
|
|
1117
|
+
letterSpacingHeadingXs?: GlobalValue;
|
|
1098
1118
|
lineHeightBodyM?: GlobalValue;
|
|
1099
1119
|
lineHeightBodyS?: GlobalValue;
|
|
1100
1120
|
lineHeightDisplayL?: GlobalValue;
|
|
@@ -1378,6 +1398,11 @@ export declare interface TypedOverride {
|
|
|
1378
1398
|
fontWeightHeadingM?: GlobalValue;
|
|
1379
1399
|
fontWeightHeadingS?: GlobalValue;
|
|
1380
1400
|
fontWeightHeadingXs?: GlobalValue;
|
|
1401
|
+
letterSpacingHeadingXl?: GlobalValue;
|
|
1402
|
+
letterSpacingHeadingL?: GlobalValue;
|
|
1403
|
+
letterSpacingHeadingM?: GlobalValue;
|
|
1404
|
+
letterSpacingHeadingS?: GlobalValue;
|
|
1405
|
+
letterSpacingHeadingXs?: GlobalValue;
|
|
1381
1406
|
lineHeightBodyM?: GlobalValue;
|
|
1382
1407
|
lineHeightBodyS?: GlobalValue;
|
|
1383
1408
|
lineHeightDisplayL?: GlobalValue;
|
|
@@ -1661,6 +1686,11 @@ export declare interface TypedOverride {
|
|
|
1661
1686
|
fontWeightHeadingM?: GlobalValue;
|
|
1662
1687
|
fontWeightHeadingS?: GlobalValue;
|
|
1663
1688
|
fontWeightHeadingXs?: GlobalValue;
|
|
1689
|
+
letterSpacingHeadingXl?: GlobalValue;
|
|
1690
|
+
letterSpacingHeadingL?: GlobalValue;
|
|
1691
|
+
letterSpacingHeadingM?: GlobalValue;
|
|
1692
|
+
letterSpacingHeadingS?: GlobalValue;
|
|
1693
|
+
letterSpacingHeadingXs?: GlobalValue;
|
|
1664
1694
|
lineHeightBodyM?: GlobalValue;
|
|
1665
1695
|
lineHeightBodyS?: GlobalValue;
|
|
1666
1696
|
lineHeightDisplayL?: GlobalValue;
|
|
@@ -1944,6 +1974,11 @@ export declare interface TypedOverride {
|
|
|
1944
1974
|
fontWeightHeadingM?: GlobalValue;
|
|
1945
1975
|
fontWeightHeadingS?: GlobalValue;
|
|
1946
1976
|
fontWeightHeadingXs?: GlobalValue;
|
|
1977
|
+
letterSpacingHeadingXl?: GlobalValue;
|
|
1978
|
+
letterSpacingHeadingL?: GlobalValue;
|
|
1979
|
+
letterSpacingHeadingM?: GlobalValue;
|
|
1980
|
+
letterSpacingHeadingS?: GlobalValue;
|
|
1981
|
+
letterSpacingHeadingXs?: GlobalValue;
|
|
1947
1982
|
lineHeightBodyM?: GlobalValue;
|
|
1948
1983
|
lineHeightBodyS?: GlobalValue;
|
|
1949
1984
|
lineHeightDisplayL?: GlobalValue;
|
|
@@ -2227,6 +2262,11 @@ export declare interface TypedOverride {
|
|
|
2227
2262
|
fontWeightHeadingM?: GlobalValue;
|
|
2228
2263
|
fontWeightHeadingS?: GlobalValue;
|
|
2229
2264
|
fontWeightHeadingXs?: GlobalValue;
|
|
2265
|
+
letterSpacingHeadingXl?: GlobalValue;
|
|
2266
|
+
letterSpacingHeadingL?: GlobalValue;
|
|
2267
|
+
letterSpacingHeadingM?: GlobalValue;
|
|
2268
|
+
letterSpacingHeadingS?: GlobalValue;
|
|
2269
|
+
letterSpacingHeadingXs?: GlobalValue;
|
|
2230
2270
|
lineHeightBodyM?: GlobalValue;
|
|
2231
2271
|
lineHeightBodyS?: GlobalValue;
|
|
2232
2272
|
lineHeightDisplayL?: GlobalValue;
|
|
@@ -2510,6 +2550,11 @@ export declare interface TypedOverride {
|
|
|
2510
2550
|
fontWeightHeadingM?: GlobalValue;
|
|
2511
2551
|
fontWeightHeadingS?: GlobalValue;
|
|
2512
2552
|
fontWeightHeadingXs?: GlobalValue;
|
|
2553
|
+
letterSpacingHeadingXl?: GlobalValue;
|
|
2554
|
+
letterSpacingHeadingL?: GlobalValue;
|
|
2555
|
+
letterSpacingHeadingM?: GlobalValue;
|
|
2556
|
+
letterSpacingHeadingS?: GlobalValue;
|
|
2557
|
+
letterSpacingHeadingXs?: GlobalValue;
|
|
2513
2558
|
lineHeightBodyM?: GlobalValue;
|
|
2514
2559
|
lineHeightBodyS?: GlobalValue;
|
|
2515
2560
|
lineHeightDisplayL?: GlobalValue;
|
|
@@ -246,6 +246,11 @@ export declare interface TypedOverride {
|
|
|
246
246
|
fontWeightHeadingM?: GlobalValue;
|
|
247
247
|
fontWeightHeadingS?: GlobalValue;
|
|
248
248
|
fontWeightHeadingXs?: GlobalValue;
|
|
249
|
+
letterSpacingHeadingXl?: GlobalValue;
|
|
250
|
+
letterSpacingHeadingL?: GlobalValue;
|
|
251
|
+
letterSpacingHeadingM?: GlobalValue;
|
|
252
|
+
letterSpacingHeadingS?: GlobalValue;
|
|
253
|
+
letterSpacingHeadingXs?: GlobalValue;
|
|
249
254
|
lineHeightBodyM?: GlobalValue;
|
|
250
255
|
lineHeightBodyS?: GlobalValue;
|
|
251
256
|
lineHeightDisplayL?: GlobalValue;
|
|
@@ -529,6 +534,11 @@ export declare interface TypedOverride {
|
|
|
529
534
|
fontWeightHeadingM?: GlobalValue;
|
|
530
535
|
fontWeightHeadingS?: GlobalValue;
|
|
531
536
|
fontWeightHeadingXs?: GlobalValue;
|
|
537
|
+
letterSpacingHeadingXl?: GlobalValue;
|
|
538
|
+
letterSpacingHeadingL?: GlobalValue;
|
|
539
|
+
letterSpacingHeadingM?: GlobalValue;
|
|
540
|
+
letterSpacingHeadingS?: GlobalValue;
|
|
541
|
+
letterSpacingHeadingXs?: GlobalValue;
|
|
532
542
|
lineHeightBodyM?: GlobalValue;
|
|
533
543
|
lineHeightBodyS?: GlobalValue;
|
|
534
544
|
lineHeightDisplayL?: GlobalValue;
|
|
@@ -812,6 +822,11 @@ export declare interface TypedOverride {
|
|
|
812
822
|
fontWeightHeadingM?: GlobalValue;
|
|
813
823
|
fontWeightHeadingS?: GlobalValue;
|
|
814
824
|
fontWeightHeadingXs?: GlobalValue;
|
|
825
|
+
letterSpacingHeadingXl?: GlobalValue;
|
|
826
|
+
letterSpacingHeadingL?: GlobalValue;
|
|
827
|
+
letterSpacingHeadingM?: GlobalValue;
|
|
828
|
+
letterSpacingHeadingS?: GlobalValue;
|
|
829
|
+
letterSpacingHeadingXs?: GlobalValue;
|
|
815
830
|
lineHeightBodyM?: GlobalValue;
|
|
816
831
|
lineHeightBodyS?: GlobalValue;
|
|
817
832
|
lineHeightDisplayL?: GlobalValue;
|
|
@@ -1095,6 +1110,11 @@ export declare interface TypedOverride {
|
|
|
1095
1110
|
fontWeightHeadingM?: GlobalValue;
|
|
1096
1111
|
fontWeightHeadingS?: GlobalValue;
|
|
1097
1112
|
fontWeightHeadingXs?: GlobalValue;
|
|
1113
|
+
letterSpacingHeadingXl?: GlobalValue;
|
|
1114
|
+
letterSpacingHeadingL?: GlobalValue;
|
|
1115
|
+
letterSpacingHeadingM?: GlobalValue;
|
|
1116
|
+
letterSpacingHeadingS?: GlobalValue;
|
|
1117
|
+
letterSpacingHeadingXs?: GlobalValue;
|
|
1098
1118
|
lineHeightBodyM?: GlobalValue;
|
|
1099
1119
|
lineHeightBodyS?: GlobalValue;
|
|
1100
1120
|
lineHeightDisplayL?: GlobalValue;
|
|
@@ -1378,6 +1398,11 @@ export declare interface TypedOverride {
|
|
|
1378
1398
|
fontWeightHeadingM?: GlobalValue;
|
|
1379
1399
|
fontWeightHeadingS?: GlobalValue;
|
|
1380
1400
|
fontWeightHeadingXs?: GlobalValue;
|
|
1401
|
+
letterSpacingHeadingXl?: GlobalValue;
|
|
1402
|
+
letterSpacingHeadingL?: GlobalValue;
|
|
1403
|
+
letterSpacingHeadingM?: GlobalValue;
|
|
1404
|
+
letterSpacingHeadingS?: GlobalValue;
|
|
1405
|
+
letterSpacingHeadingXs?: GlobalValue;
|
|
1381
1406
|
lineHeightBodyM?: GlobalValue;
|
|
1382
1407
|
lineHeightBodyS?: GlobalValue;
|
|
1383
1408
|
lineHeightDisplayL?: GlobalValue;
|
|
@@ -1661,6 +1686,11 @@ export declare interface TypedOverride {
|
|
|
1661
1686
|
fontWeightHeadingM?: GlobalValue;
|
|
1662
1687
|
fontWeightHeadingS?: GlobalValue;
|
|
1663
1688
|
fontWeightHeadingXs?: GlobalValue;
|
|
1689
|
+
letterSpacingHeadingXl?: GlobalValue;
|
|
1690
|
+
letterSpacingHeadingL?: GlobalValue;
|
|
1691
|
+
letterSpacingHeadingM?: GlobalValue;
|
|
1692
|
+
letterSpacingHeadingS?: GlobalValue;
|
|
1693
|
+
letterSpacingHeadingXs?: GlobalValue;
|
|
1664
1694
|
lineHeightBodyM?: GlobalValue;
|
|
1665
1695
|
lineHeightBodyS?: GlobalValue;
|
|
1666
1696
|
lineHeightDisplayL?: GlobalValue;
|
|
@@ -1944,6 +1974,11 @@ export declare interface TypedOverride {
|
|
|
1944
1974
|
fontWeightHeadingM?: GlobalValue;
|
|
1945
1975
|
fontWeightHeadingS?: GlobalValue;
|
|
1946
1976
|
fontWeightHeadingXs?: GlobalValue;
|
|
1977
|
+
letterSpacingHeadingXl?: GlobalValue;
|
|
1978
|
+
letterSpacingHeadingL?: GlobalValue;
|
|
1979
|
+
letterSpacingHeadingM?: GlobalValue;
|
|
1980
|
+
letterSpacingHeadingS?: GlobalValue;
|
|
1981
|
+
letterSpacingHeadingXs?: GlobalValue;
|
|
1947
1982
|
lineHeightBodyM?: GlobalValue;
|
|
1948
1983
|
lineHeightBodyS?: GlobalValue;
|
|
1949
1984
|
lineHeightDisplayL?: GlobalValue;
|
|
@@ -2227,6 +2262,11 @@ export declare interface TypedOverride {
|
|
|
2227
2262
|
fontWeightHeadingM?: GlobalValue;
|
|
2228
2263
|
fontWeightHeadingS?: GlobalValue;
|
|
2229
2264
|
fontWeightHeadingXs?: GlobalValue;
|
|
2265
|
+
letterSpacingHeadingXl?: GlobalValue;
|
|
2266
|
+
letterSpacingHeadingL?: GlobalValue;
|
|
2267
|
+
letterSpacingHeadingM?: GlobalValue;
|
|
2268
|
+
letterSpacingHeadingS?: GlobalValue;
|
|
2269
|
+
letterSpacingHeadingXs?: GlobalValue;
|
|
2230
2270
|
lineHeightBodyM?: GlobalValue;
|
|
2231
2271
|
lineHeightBodyS?: GlobalValue;
|
|
2232
2272
|
lineHeightDisplayL?: GlobalValue;
|
|
@@ -2510,6 +2550,11 @@ export declare interface TypedOverride {
|
|
|
2510
2550
|
fontWeightHeadingM?: GlobalValue;
|
|
2511
2551
|
fontWeightHeadingS?: GlobalValue;
|
|
2512
2552
|
fontWeightHeadingXs?: GlobalValue;
|
|
2553
|
+
letterSpacingHeadingXl?: GlobalValue;
|
|
2554
|
+
letterSpacingHeadingL?: GlobalValue;
|
|
2555
|
+
letterSpacingHeadingM?: GlobalValue;
|
|
2556
|
+
letterSpacingHeadingS?: GlobalValue;
|
|
2557
|
+
letterSpacingHeadingXs?: GlobalValue;
|
|
2513
2558
|
lineHeightBodyM?: GlobalValue;
|
|
2514
2559
|
lineHeightBodyS?: GlobalValue;
|
|
2515
2560
|
lineHeightDisplayL?: GlobalValue;
|
|
@@ -2296,6 +2296,7 @@ export var preset = {
|
|
|
2296
2296
|
"letterSpacingHeadingL": "-0.015em",
|
|
2297
2297
|
"letterSpacingHeadingM": "-0.010em",
|
|
2298
2298
|
"letterSpacingHeadingS": "-0.005em",
|
|
2299
|
+
"letterSpacingHeadingXs": "normal",
|
|
2299
2300
|
"lineHeightBodyM": "20px",
|
|
2300
2301
|
"lineHeightBodyS": "16px",
|
|
2301
2302
|
"lineHeightDisplayL": "48px",
|
|
@@ -11748,6 +11749,11 @@ export var preset = {
|
|
|
11748
11749
|
"fontWeightHeadingM",
|
|
11749
11750
|
"fontWeightHeadingS",
|
|
11750
11751
|
"fontWeightHeadingXs",
|
|
11752
|
+
"letterSpacingHeadingXl",
|
|
11753
|
+
"letterSpacingHeadingL",
|
|
11754
|
+
"letterSpacingHeadingM",
|
|
11755
|
+
"letterSpacingHeadingS",
|
|
11756
|
+
"letterSpacingHeadingXs",
|
|
11751
11757
|
"lineHeightBodyM",
|
|
11752
11758
|
"lineHeightBodyS",
|
|
11753
11759
|
"lineHeightDisplayL",
|
|
@@ -12127,6 +12133,11 @@ export var preset = {
|
|
|
12127
12133
|
"fontWeightHeadingM",
|
|
12128
12134
|
"fontWeightHeadingS",
|
|
12129
12135
|
"fontWeightHeadingXs",
|
|
12136
|
+
"letterSpacingHeadingXl",
|
|
12137
|
+
"letterSpacingHeadingL",
|
|
12138
|
+
"letterSpacingHeadingM",
|
|
12139
|
+
"letterSpacingHeadingS",
|
|
12140
|
+
"letterSpacingHeadingXs",
|
|
12130
12141
|
"lineHeightBodyM",
|
|
12131
12142
|
"lineHeightBodyS",
|
|
12132
12143
|
"lineHeightDisplayL",
|
|
@@ -12796,6 +12807,7 @@ export var preset = {
|
|
|
12796
12807
|
"letterSpacingHeadingL": "letter-spacing-heading-l",
|
|
12797
12808
|
"letterSpacingHeadingM": "letter-spacing-heading-m",
|
|
12798
12809
|
"letterSpacingHeadingS": "letter-spacing-heading-s",
|
|
12810
|
+
"letterSpacingHeadingXs": "letter-spacing-heading-xs",
|
|
12799
12811
|
"lineHeightBodyM": "line-height-body-m",
|
|
12800
12812
|
"lineHeightBodyS": "line-height-body-s",
|
|
12801
12813
|
"lineHeightDisplayL": "line-height-display-l",
|
|
@@ -13616,6 +13628,7 @@ export var preset = {
|
|
|
13616
13628
|
"letterSpacingHeadingL": "--letter-spacing-heading-l-5v6ibv",
|
|
13617
13629
|
"letterSpacingHeadingM": "--letter-spacing-heading-m-29ewnk",
|
|
13618
13630
|
"letterSpacingHeadingS": "--letter-spacing-heading-s-4st9ep",
|
|
13631
|
+
"letterSpacingHeadingXs": "--letter-spacing-heading-xs-fgog7a",
|
|
13619
13632
|
"lineHeightBodyM": "--line-height-body-m-2mh3ke",
|
|
13620
13633
|
"lineHeightBodyS": "--line-height-body-s-nu5hx1",
|
|
13621
13634
|
"lineHeightDisplayL": "--line-height-display-l-vwanzp",
|
package/internal/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
1
2
|
import { IconProps } from "@cloudscape-design/components/icon";
|
|
2
3
|
import { ClickDetail as _ClickDetail, NonCancelableEventHandler } from "../internal/events";
|
|
3
4
|
export interface SupportPromptGroupProps {
|
|
@@ -8,7 +9,7 @@ export interface SupportPromptGroupProps {
|
|
|
8
9
|
/**
|
|
9
10
|
* An array of objects representing support prompts.
|
|
10
11
|
* Each item has the following properties:
|
|
11
|
-
* - text: The text of the support prompt.
|
|
12
|
+
* - text: The text or ReactNode content of the support prompt.
|
|
12
13
|
* - id: The ID of the support prompt.
|
|
13
14
|
* - iconName (optional): The name of a built-in icon to display.
|
|
14
15
|
* - iconSvg (optional): A custom SVG icon to display. Takes precedence over iconName.
|
|
@@ -30,7 +31,7 @@ export interface SupportPromptGroupProps {
|
|
|
30
31
|
export declare namespace SupportPromptGroupProps {
|
|
31
32
|
type Alignment = "vertical" | "horizontal";
|
|
32
33
|
interface Item {
|
|
33
|
-
text:
|
|
34
|
+
text: ReactNode;
|
|
34
35
|
id: string;
|
|
35
36
|
iconName?: IconProps.Name;
|
|
36
37
|
iconSvg?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/support-prompt-group/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { IconProps } from \"@cloudscape-design/components/icon\";\n\nimport { ClickDetail as _ClickDetail, NonCancelableEventHandler } from \"../internal/events\";\n\nexport interface SupportPromptGroupProps {\n /**\n * Alignment of the prompts. Defaults to `vertical`.\n **/\n alignment?: SupportPromptGroupProps.Alignment;\n\n /**\n * An array of objects representing support prompts.\n * Each item has the following properties:\n * - text: The text of the support prompt.\n * - id: The ID of the support prompt.\n * - iconName (optional): The name of a built-in icon to display.\n * - iconSvg (optional): A custom SVG icon to display. Takes precedence over iconName.\n * - iconPosition (optional): Position of the icon relative to text. Can be \"left\" (default) or \"right\".\n * - iconVerticalAlignment (optional): Vertical alignment of the icon. Can be \"center\", \"start\" (default), or \"end\".\n * - ariaLabel (optional): Custom accessible label for the prompt.\n **/\n items: ReadonlyArray<SupportPromptGroupProps.Item>;\n\n /**\n * Called when the user clicks on a support prompt. The event detail object contains the ID of the clicked item.\n */\n onItemClick: NonCancelableEventHandler<SupportPromptGroupProps.ItemClickDetail>;\n\n /**\n * Adds an aria label to the support prompt group.\n * Use this to provide a unique accessible name for each support prompt group on the page.\n */\n ariaLabel: string;\n}\n\nexport namespace SupportPromptGroupProps {\n export type Alignment = \"vertical\" | \"horizontal\";\n\n export interface Item {\n text:
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/support-prompt-group/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ReactNode } from \"react\";\n\nimport { IconProps } from \"@cloudscape-design/components/icon\";\n\nimport { ClickDetail as _ClickDetail, NonCancelableEventHandler } from \"../internal/events\";\n\nexport interface SupportPromptGroupProps {\n /**\n * Alignment of the prompts. Defaults to `vertical`.\n **/\n alignment?: SupportPromptGroupProps.Alignment;\n\n /**\n * An array of objects representing support prompts.\n * Each item has the following properties:\n * - text: The text or ReactNode content of the support prompt.\n * - id: The ID of the support prompt.\n * - iconName (optional): The name of a built-in icon to display.\n * - iconSvg (optional): A custom SVG icon to display. Takes precedence over iconName.\n * - iconPosition (optional): Position of the icon relative to text. Can be \"left\" (default) or \"right\".\n * - iconVerticalAlignment (optional): Vertical alignment of the icon. Can be \"center\", \"start\" (default), or \"end\".\n * - ariaLabel (optional): Custom accessible label for the prompt.\n **/\n items: ReadonlyArray<SupportPromptGroupProps.Item>;\n\n /**\n * Called when the user clicks on a support prompt. The event detail object contains the ID of the clicked item.\n */\n onItemClick: NonCancelableEventHandler<SupportPromptGroupProps.ItemClickDetail>;\n\n /**\n * Adds an aria label to the support prompt group.\n * Use this to provide a unique accessible name for each support prompt group on the page.\n */\n ariaLabel: string;\n}\n\nexport namespace SupportPromptGroupProps {\n export type Alignment = \"vertical\" | \"horizontal\";\n\n export interface Item {\n text: ReactNode;\n id: string;\n iconName?: IconProps.Name;\n iconSvg?: React.ReactNode;\n iconPosition?: \"left\" | \"right\";\n iconVerticalAlignment?: \"center\" | \"start\" | \"end\";\n ariaLabel?: string;\n }\n\n export interface ItemClickDetail extends _ClickDetail {\n id: string;\n }\n\n export interface Ref {\n /**\n * Focuses support prompt group item by ID.\n */\n focus(itemId: string): void;\n }\n}\n"]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
1
2
|
import { IconProps } from "@cloudscape-design/components/icon";
|
|
2
3
|
export interface PromptProps {
|
|
3
|
-
children:
|
|
4
|
+
children: ReactNode;
|
|
4
5
|
id: string;
|
|
5
6
|
onClick: (event: React.MouseEvent, id: string) => void;
|
|
6
7
|
iconName?: IconProps.Name;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prompt.js","sourceRoot":"","sources":["../../../src/support-prompt-group/prompt.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"prompt.js","sourceRoot":"","sources":["../../../src/support-prompt-group/prompt.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,UAAU,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAC3F,OAAO,IAAmB,MAAM,oCAAoC,CAAC;AAErE,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAElE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAarC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,QAAQ,EACR,EAAE,EACF,OAAO,EACP,QAAQ,EACR,OAAO,EACP,YAAY,GAAG,MAAM,EACrB,qBAAqB,GAAG,OAAO,EAC/B,SAAS,GACG,EACd,GAAkC,EAClC,EAAE;IACF,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,eAAe,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;IAEhC,MAAM,EAAE,QAAQ,EAAE,GAAG,0BAA0B,CAAC,SAAS,CAAC,CAAC;IAE3D,mDAAmD;IACnD,yCAAyC;IACzC,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ,EAAE;YACzB,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CACL,eAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,EAAE,MAAM,CAAC,cAAc,qBAAqB,EAAE,CAAC,CAAC,YACjG,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAC,SAAS,GAAG,GAChD,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,kBACE,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACrB,CAAC,EACD,EAAE,EAAE,EAAE,iBACO,EAAE,iBACF,EAAE,EACf,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,gBAC7B,SAAS,aAEpB,YAAY,KAAK,OAAO,IAAI,UAAU,EAAE,EACzC,eAAM,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC,YAAG,QAAQ,GAAQ,EAChE,YAAY,KAAK,OAAO,IAAI,UAAU,EAAE,IAClC,CACV,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { forwardRef, ReactNode, Ref, useRef } from \"react\";\nimport clsx from \"clsx\";\n\nimport { useSingleTabStopNavigation } from \"@cloudscape-design/component-toolkit/internal\";\nimport Icon, { IconProps } from \"@cloudscape-design/components/icon\";\n\nimport useForwardFocus from \"../internal/utils/use-forward-focus\";\n\nimport styles from \"./styles.css.js\";\n\nexport interface PromptProps {\n children: ReactNode;\n id: string;\n onClick: (event: React.MouseEvent, id: string) => void;\n iconName?: IconProps.Name;\n iconSvg?: React.ReactNode;\n iconPosition?: \"left\" | \"right\";\n iconVerticalAlignment?: \"center\" | \"start\" | \"end\";\n ariaLabel?: string;\n}\n\nexport const Prompt = forwardRef(\n (\n {\n children,\n id,\n onClick,\n iconName,\n iconSvg,\n iconPosition = \"left\",\n iconVerticalAlignment = \"start\",\n ariaLabel,\n }: PromptProps,\n ref: Ref<HTMLButtonElement | null>,\n ) => {\n const buttonRef = useRef<HTMLButtonElement>(null);\n useForwardFocus(ref, buttonRef);\n\n const { tabIndex } = useSingleTabStopNavigation(buttonRef);\n\n // Helper function to conditionally render the icon\n // iconSvg takes precedence over iconName\n const renderIcon = () => {\n if (!iconSvg && !iconName) {\n return null;\n }\n\n return (\n <span className={clsx(styles[\"support-prompt-icon\"], styles[`icon-align-${iconVerticalAlignment}`])}>\n <Icon name={iconName} svg={iconSvg} size=\"inherit\" />\n </span>\n );\n };\n\n return (\n <button\n role=\"menuitem\"\n tabIndex={tabIndex}\n ref={buttonRef}\n onClick={(event) => {\n onClick(event, id);\n }}\n id={id}\n data-testid={id}\n data-itemid={id}\n className={clsx(styles[\"support-prompt\"])}\n aria-label={ariaLabel}\n >\n {iconPosition !== \"right\" && renderIcon()}\n <span className={styles[\"support-prompt-text\"]}>{children}</span>\n {iconPosition === \"right\" && renderIcon()}\n </button>\n );\n },\n);\n"]}
|