@cloudscape-design/components 3.0.802 → 3.0.803

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/internal/base-component/styles.scoped.css +11 -17
  2. package/internal/environment.js +1 -1
  3. package/internal/environment.json +1 -1
  4. package/internal/generated/styles/tokens.js +3 -3
  5. package/internal/generated/theming/index.cjs +34 -32
  6. package/internal/generated/theming/index.cjs.d.ts +16 -0
  7. package/internal/generated/theming/index.d.ts +16 -0
  8. package/internal/generated/theming/index.js +34 -32
  9. package/internal/manifest.json +1 -1
  10. package/package.json +1 -1
  11. package/property-filter/token-editor.d.ts.map +1 -1
  12. package/property-filter/token-editor.js +5 -1
  13. package/property-filter/token-editor.js.map +1 -1
package/internal/base-component/styles.scoped.css CHANGED
@@ -244,8 +244,8 @@
244
244
  --color-background-loading-bar-gen-ai-7qfi9s:linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%);
245
245
  --color-background-chat-bubble-outgoing-pfqan2:transparent;
246
246
  --color-background-chat-bubble-incoming-brq006:#f3f3f7;
247
- --color-text-chat-bubble-outgoing-bvbr0v:#0f141a;
248
- --color-text-chat-bubble-incoming-x2kig8:#0f141a;
247
+ --color-text-chat-bubble-outgoing-25z5e0:#424650;
248
+ --color-text-chat-bubble-incoming-t2slde:#424650;
249
249
  --color-border-button-normal-active-mn0ayd:#002b66;
250
250
  --color-border-button-normal-default-uzqi0v:#006ce0;
251
251
  --color-border-toggle-button-normal-pressed-lylxt2:#006ce0;
@@ -497,7 +497,7 @@
497
497
  --border-radius-tabs-focus-ring-1q0rjo:20px;
498
498
  --border-radius-tiles-60y8e6:8px;
499
499
  --border-radius-token-923jqq:8px;
500
- --border-radius-chat-bubble-ur269r:2px;
500
+ --border-radius-chat-bubble-qvkt36:8px;
501
501
  --border-radius-tutorial-panel-item-b44p0a:8px;
502
502
  --border-table-sticky-width-87kf12:1px;
503
503
  --border-link-focus-ring-outline-kkfop6:0;
@@ -875,8 +875,8 @@
875
875
  --color-background-toggle-checked-disabled-wk1i1j:#002b66;
876
876
  --color-background-toggle-default-ywflhx:#8c8c94;
877
877
  --color-background-chat-bubble-incoming-brq006:#131920;
878
- --color-text-chat-bubble-outgoing-bvbr0v:#c6c6cd;
879
- --color-text-chat-bubble-incoming-x2kig8:#c6c6cd;
878
+ --color-text-chat-bubble-outgoing-25z5e0:#c6c6cd;
879
+ --color-text-chat-bubble-incoming-t2slde:#c6c6cd;
880
880
  --color-border-button-normal-active-mn0ayd:#75cfff;
881
881
  --color-border-button-normal-default-uzqi0v:#42b4ff;
882
882
  --color-border-toggle-button-normal-pressed-lylxt2:#42b4ff;
@@ -1187,8 +1187,8 @@
1187
1187
  --color-background-toggle-checked-disabled-wk1i1j:#002b66;
1188
1188
  --color-background-toggle-default-ywflhx:#8c8c94;
1189
1189
  --color-background-chat-bubble-incoming-brq006:#131920;
1190
- --color-text-chat-bubble-outgoing-bvbr0v:#c6c6cd;
1191
- --color-text-chat-bubble-incoming-x2kig8:#c6c6cd;
1190
+ --color-text-chat-bubble-outgoing-25z5e0:#c6c6cd;
1191
+ --color-text-chat-bubble-incoming-t2slde:#c6c6cd;
1192
1192
  --color-border-button-normal-active-mn0ayd:#75cfff;
1193
1193
  --color-border-button-normal-default-uzqi0v:#42b4ff;
1194
1194
  --color-border-toggle-button-normal-pressed-lylxt2:#42b4ff;
@@ -1393,8 +1393,8 @@
1393
1393
  --color-background-toggle-checked-disabled-wk1i1j:#002b66;
1394
1394
  --color-background-toggle-default-ywflhx:#8c8c94;
1395
1395
  --color-background-chat-bubble-incoming-brq006:#131920;
1396
- --color-text-chat-bubble-outgoing-bvbr0v:#c6c6cd;
1397
- --color-text-chat-bubble-incoming-x2kig8:#c6c6cd;
1396
+ --color-text-chat-bubble-outgoing-25z5e0:#c6c6cd;
1397
+ --color-text-chat-bubble-incoming-t2slde:#c6c6cd;
1398
1398
  --color-border-button-normal-active-mn0ayd:#75cfff;
1399
1399
  --color-border-button-normal-default-uzqi0v:#42b4ff;
1400
1400
  --color-border-toggle-button-normal-pressed-lylxt2:#42b4ff;
@@ -1556,8 +1556,6 @@
1556
1556
  --color-background-button-primary-hover-0qidjj:#ffffff;
1557
1557
  --color-background-segment-default-voaiuw:transparent;
1558
1558
  --color-background-segment-hover-jbzuvp:transparent;
1559
- --color-text-chat-bubble-outgoing-bvbr0v:#f9f9fa;
1560
- --color-text-chat-bubble-incoming-x2kig8:#f9f9fa;
1561
1559
  --color-border-button-normal-active-mn0ayd:#ffffff;
1562
1560
  --color-border-button-normal-default-uzqi0v:#f9f9fa;
1563
1561
  --color-border-button-normal-hover-2d2g0m:#ffffff;
@@ -1701,8 +1699,8 @@
1701
1699
  --color-background-toggle-checked-disabled-wk1i1j:#002b66;
1702
1700
  --color-background-toggle-default-ywflhx:#8c8c94;
1703
1701
  --color-background-chat-bubble-incoming-brq006:#131920;
1704
- --color-text-chat-bubble-outgoing-bvbr0v:#c6c6cd;
1705
- --color-text-chat-bubble-incoming-x2kig8:#c6c6cd;
1702
+ --color-text-chat-bubble-outgoing-25z5e0:#c6c6cd;
1703
+ --color-text-chat-bubble-incoming-t2slde:#c6c6cd;
1706
1704
  --color-border-button-normal-active-mn0ayd:#ffffff;
1707
1705
  --color-border-button-normal-default-uzqi0v:#dedee3;
1708
1706
  --color-border-toggle-button-normal-pressed-lylxt2:#42b4ff;
@@ -1846,16 +1844,12 @@
1846
1844
 
1847
1845
  @media not print {
1848
1846
  .awsui-dark-mode .awsui-context-flashbar-warning:not(#\9) {
1849
- --color-text-chat-bubble-outgoing-bvbr0v:#0f141a;
1850
- --color-text-chat-bubble-incoming-x2kig8:#0f141a;
1851
1847
  --color-text-body-default-7v1jfn:#0f141a;
1852
1848
  --color-text-expandable-section-default-7w1jwq:#0f141a;
1853
1849
  }
1854
1850
  }
1855
1851
  @media not print {
1856
1852
  .awsui-context-flashbar-warning.awsui-dark-mode:not(#\9) {
1857
- --color-text-chat-bubble-outgoing-bvbr0v:#0f141a;
1858
- --color-text-chat-bubble-incoming-x2kig8:#0f141a;
1859
1853
  --color-text-body-default-7v1jfn:#0f141a;
1860
1854
  --color-text-expandable-section-default-7w1jwq:#0f141a;
1861
1855
  }
package/internal/environment.js CHANGED
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (da076669)";
2
+ export var PACKAGE_VERSION = "3.0.0 (063937a8)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
package/internal/environment.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (da076669)",
3
+ "PACKAGE_VERSION": "3.0.0 (063937a8)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
package/internal/generated/styles/tokens.js CHANGED
@@ -298,8 +298,8 @@ export var colorTextAvatar = "var(--color-text-avatar-jddpvm, #ffffff)";
298
298
  export var colorBackgroundLoadingBarGenAi = "var(--color-background-loading-bar-gen-ai-7qfi9s, linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%))";
299
299
  export var colorBackgroundChatBubbleOutgoing = "var(--color-background-chat-bubble-outgoing-pfqan2, transparent)";
300
300
  export var colorBackgroundChatBubbleIncoming = "var(--color-background-chat-bubble-incoming-brq006, #f3f3f7)";
301
- export var colorTextChatBubbleOutgoing = "var(--color-text-chat-bubble-outgoing-bvbr0v, #0f141a)";
302
- export var colorTextChatBubbleIncoming = "var(--color-text-chat-bubble-incoming-x2kig8, #0f141a)";
301
+ export var colorTextChatBubbleOutgoing = "var(--color-text-chat-bubble-outgoing-25z5e0, #424650)";
302
+ export var colorTextChatBubbleIncoming = "var(--color-text-chat-bubble-incoming-t2slde, #424650)";
303
303
  export var colorBorderButtonNormalActive = "var(--color-border-button-normal-active-mn0ayd, #002b66)";
304
304
  export var colorBorderButtonNormalDefault = "var(--color-border-button-normal-default-uzqi0v, #006ce0)";
305
305
  export var colorBorderToggleButtonNormalPressed = "var(--color-border-toggle-button-normal-pressed-lylxt2, #006ce0)";
@@ -558,7 +558,7 @@ export var borderRadiusPopover = "var(--border-radius-popover-clv1ya, 8px)";
558
558
  export var borderRadiusTabsFocusRing = "var(--border-radius-tabs-focus-ring-1q0rjo, 20px)";
559
559
  export var borderRadiusTiles = "var(--border-radius-tiles-60y8e6, 8px)";
560
560
  export var borderRadiusToken = "var(--border-radius-token-923jqq, 8px)";
561
- export var borderRadiusChatBubble = "var(--border-radius-chat-bubble-ur269r, 2px)";
561
+ export var borderRadiusChatBubble = "var(--border-radius-chat-bubble-qvkt36, 8px)";
562
562
  export var borderRadiusTutorialPanelItem = "var(--border-radius-tutorial-panel-item-b44p0a, 8px)";
563
563
  export var borderTableStickyWidth = "var(--border-table-sticky-width-87kf12, 1px)";
564
564
  export var borderLinkFocusRingOutline = "var(--border-link-focus-ring-outline-kkfop6, 0)";
package/internal/generated/theming/index.cjs CHANGED
@@ -1078,12 +1078,12 @@ module.exports.preset = {
1078
1078
  "dark": "{colorGrey850}"
1079
1079
  },
1080
1080
  "colorTextChatBubbleOutgoing": {
1081
- "light": "{colorTextBodyDefault}",
1082
- "dark": "{colorTextBodyDefault}"
1081
+ "light": "{colorTextBodySecondary}",
1082
+ "dark": "{colorTextBodySecondary}"
1083
1083
  },
1084
1084
  "colorTextChatBubbleIncoming": {
1085
- "light": "{colorTextBodyDefault}",
1086
- "dark": "{colorTextBodyDefault}"
1085
+ "light": "{colorTextBodySecondary}",
1086
+ "dark": "{colorTextBodySecondary}"
1087
1087
  },
1088
1088
  "colorBorderButtonNormalActive": {
1089
1089
  "light": "{colorBlue800}",
@@ -1871,7 +1871,7 @@ module.exports.preset = {
1871
1871
  "borderRadiusTabsFocusRing": "20px",
1872
1872
  "borderRadiusTiles": "{borderRadiusInput}",
1873
1873
  "borderRadiusToken": "{borderRadiusInput}",
1874
- "borderRadiusChatBubble": "2px",
1874
+ "borderRadiusChatBubble": "8px",
1875
1875
  "borderRadiusTutorialPanelItem": "{borderRadiusInput}",
1876
1876
  "borderTableStickyWidth": "1px",
1877
1877
  "borderLinkFocusRingOutline": "0",
@@ -3313,12 +3313,12 @@ module.exports.preset = {
3313
3313
  "dark": "{colorGrey850}"
3314
3314
  },
3315
3315
  "colorTextChatBubbleOutgoing": {
3316
- "light": "{colorTextBodyDefault}",
3317
- "dark": "{colorTextBodyDefault}"
3316
+ "light": "{colorTextBodySecondary}",
3317
+ "dark": "{colorTextBodySecondary}"
3318
3318
  },
3319
3319
  "colorTextChatBubbleIncoming": {
3320
- "light": "{colorTextBodyDefault}",
3321
- "dark": "{colorTextBodyDefault}"
3320
+ "light": "{colorTextBodySecondary}",
3321
+ "dark": "{colorTextBodySecondary}"
3322
3322
  },
3323
3323
  "colorBorderButtonNormalActive": {
3324
3324
  "light": "{colorBlue400}",
@@ -4467,12 +4467,12 @@ module.exports.preset = {
4467
4467
  "dark": "{colorGrey850}"
4468
4468
  },
4469
4469
  "colorTextChatBubbleOutgoing": {
4470
- "light": "{colorTextBodyDefault}",
4471
- "dark": "{colorTextBodyDefault}"
4470
+ "light": "{colorTextBodySecondary}",
4471
+ "dark": "{colorTextBodySecondary}"
4472
4472
  },
4473
4473
  "colorTextChatBubbleIncoming": {
4474
- "light": "{colorTextBodyDefault}",
4475
- "dark": "{colorTextBodyDefault}"
4474
+ "light": "{colorTextBodySecondary}",
4475
+ "dark": "{colorTextBodySecondary}"
4476
4476
  },
4477
4477
  "colorBorderButtonNormalActive": {
4478
4478
  "light": "{colorBlue400}",
@@ -5553,12 +5553,12 @@ module.exports.preset = {
5553
5553
  "dark": "{colorGrey850}"
5554
5554
  },
5555
5555
  "colorTextChatBubbleOutgoing": {
5556
- "light": "{colorTextBodyDefault}",
5557
- "dark": "{colorTextBodyDefault}"
5556
+ "light": "{colorTextBodySecondary}",
5557
+ "dark": "{colorTextBodySecondary}"
5558
5558
  },
5559
5559
  "colorTextChatBubbleIncoming": {
5560
- "light": "{colorTextBodyDefault}",
5561
- "dark": "{colorTextBodyDefault}"
5560
+ "light": "{colorTextBodySecondary}",
5561
+ "dark": "{colorTextBodySecondary}"
5562
5562
  },
5563
5563
  "colorBorderButtonNormalActive": {
5564
5564
  "light": "{colorWhite}",
@@ -6639,12 +6639,12 @@ module.exports.preset = {
6639
6639
  "dark": "{colorGrey850}"
6640
6640
  },
6641
6641
  "colorTextChatBubbleOutgoing": {
6642
- "light": "{colorTextBodyDefault}",
6643
- "dark": "{colorTextBodyDefault}"
6642
+ "light": "{colorTextBodySecondary}",
6643
+ "dark": "{colorTextBodySecondary}"
6644
6644
  },
6645
6645
  "colorTextChatBubbleIncoming": {
6646
- "light": "{colorTextBodyDefault}",
6647
- "dark": "{colorTextBodyDefault}"
6646
+ "light": "{colorTextBodySecondary}",
6647
+ "dark": "{colorTextBodySecondary}"
6648
6648
  },
6649
6649
  "colorBorderButtonNormalActive": {
6650
6650
  "light": "{colorTextButtonNormalHover}",
@@ -7725,12 +7725,12 @@ module.exports.preset = {
7725
7725
  "dark": "{colorGrey850}"
7726
7726
  },
7727
7727
  "colorTextChatBubbleOutgoing": {
7728
- "light": "{colorTextBodyDefault}",
7729
- "dark": "{colorTextBodyDefault}"
7728
+ "light": "{colorTextBodySecondary}",
7729
+ "dark": "{colorTextBodySecondary}"
7730
7730
  },
7731
7731
  "colorTextChatBubbleIncoming": {
7732
- "light": "{colorTextBodyDefault}",
7733
- "dark": "{colorTextBodyDefault}"
7732
+ "light": "{colorTextBodySecondary}",
7733
+ "dark": "{colorTextBodySecondary}"
7734
7734
  },
7735
7735
  "colorBorderButtonNormalActive": {
7736
7736
  "light": "{colorTextButtonNormalHover}",
@@ -8813,12 +8813,12 @@ module.exports.preset = {
8813
8813
  "dark": "{colorGrey850}"
8814
8814
  },
8815
8815
  "colorTextChatBubbleOutgoing": {
8816
- "light": "{colorTextBodyDefault}",
8817
- "dark": "{colorTextBodyDefault}"
8816
+ "light": "{colorTextBodySecondary}",
8817
+ "dark": "{colorTextBodySecondary}"
8818
8818
  },
8819
8819
  "colorTextChatBubbleIncoming": {
8820
- "light": "{colorTextBodyDefault}",
8821
- "dark": "{colorTextBodyDefault}"
8820
+ "light": "{colorTextBodySecondary}",
8821
+ "dark": "{colorTextBodySecondary}"
8822
8822
  },
8823
8823
  "colorBorderButtonNormalActive": {
8824
8824
  "light": "{colorTextButtonNormalHover}",
@@ -10226,6 +10226,8 @@ module.exports.preset = {
10226
10226
  "colorBackgroundStatusSuccess",
10227
10227
  "colorBackgroundStatusWarning",
10228
10228
  "colorBackgroundToggleCheckedDisabled",
10229
+ "colorBackgroundChatBubbleOutgoing",
10230
+ "colorBackgroundChatBubbleIncoming",
10229
10231
  "colorTextChatBubbleOutgoing",
10230
10232
  "colorTextChatBubbleIncoming",
10231
10233
  "colorBorderButtonNormalActive",
@@ -11751,8 +11753,8 @@ module.exports.preset = {
11751
11753
  "colorBackgroundLoadingBarGenAi": "--color-background-loading-bar-gen-ai-7qfi9s",
11752
11754
  "colorBackgroundChatBubbleOutgoing": "--color-background-chat-bubble-outgoing-pfqan2",
11753
11755
  "colorBackgroundChatBubbleIncoming": "--color-background-chat-bubble-incoming-brq006",
11754
- "colorTextChatBubbleOutgoing": "--color-text-chat-bubble-outgoing-bvbr0v",
11755
- "colorTextChatBubbleIncoming": "--color-text-chat-bubble-incoming-x2kig8",
11756
+ "colorTextChatBubbleOutgoing": "--color-text-chat-bubble-outgoing-25z5e0",
11757
+ "colorTextChatBubbleIncoming": "--color-text-chat-bubble-incoming-t2slde",
11756
11758
  "colorBorderButtonNormalActive": "--color-border-button-normal-active-mn0ayd",
11757
11759
  "colorBorderButtonNormalDefault": "--color-border-button-normal-default-uzqi0v",
11758
11760
  "colorBorderToggleButtonNormalPressed": "--color-border-toggle-button-normal-pressed-lylxt2",
@@ -12011,7 +12013,7 @@ module.exports.preset = {
12011
12013
  "borderRadiusTabsFocusRing": "--border-radius-tabs-focus-ring-1q0rjo",
12012
12014
  "borderRadiusTiles": "--border-radius-tiles-60y8e6",
12013
12015
  "borderRadiusToken": "--border-radius-token-923jqq",
12014
- "borderRadiusChatBubble": "--border-radius-chat-bubble-ur269r",
12016
+ "borderRadiusChatBubble": "--border-radius-chat-bubble-qvkt36",
12015
12017
  "borderRadiusTutorialPanelItem": "--border-radius-tutorial-panel-item-b44p0a",
12016
12018
  "borderTableStickyWidth": "--border-table-sticky-width-87kf12",
12017
12019
  "borderLinkFocusRingOutline": "--border-link-focus-ring-outline-kkfop6",
package/internal/generated/theming/index.cjs.d.ts CHANGED
@@ -107,6 +107,8 @@ export declare interface TypedOverride {
107
107
  colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
108
108
  colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
109
109
  colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
110
+ colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
111
+ colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
110
112
  colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
111
113
  colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
112
114
  colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -340,6 +342,8 @@ export declare interface TypedOverride {
340
342
  colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
341
343
  colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
342
344
  colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
345
+ colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
346
+ colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
343
347
  colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
344
348
  colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
345
349
  colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -573,6 +577,8 @@ export declare interface TypedOverride {
573
577
  colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
574
578
  colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
575
579
  colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
580
+ colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
581
+ colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
576
582
  colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
577
583
  colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
578
584
  colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -806,6 +812,8 @@ export declare interface TypedOverride {
806
812
  colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
807
813
  colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
808
814
  colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
815
+ colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
816
+ colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
809
817
  colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
810
818
  colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
811
819
  colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1039,6 +1047,8 @@ export declare interface TypedOverride {
1039
1047
  colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1040
1048
  colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1041
1049
  colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1050
+ colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1051
+ colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1042
1052
  colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1043
1053
  colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1044
1054
  colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1272,6 +1282,8 @@ export declare interface TypedOverride {
1272
1282
  colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1273
1283
  colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1274
1284
  colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1285
+ colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1286
+ colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1275
1287
  colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1276
1288
  colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1277
1289
  colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1505,6 +1517,8 @@ export declare interface TypedOverride {
1505
1517
  colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1506
1518
  colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1507
1519
  colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1520
+ colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1521
+ colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1508
1522
  colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1509
1523
  colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1510
1524
  colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1738,6 +1752,8 @@ export declare interface TypedOverride {
1738
1752
  colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1739
1753
  colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1740
1754
  colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1755
+ colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1756
+ colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1741
1757
  colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1742
1758
  colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1743
1759
  colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/internal/generated/theming/index.d.ts CHANGED
@@ -107,6 +107,8 @@ export declare interface TypedOverride {
107
107
  colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
108
108
  colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
109
109
  colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
110
+ colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
111
+ colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
110
112
  colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
111
113
  colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
112
114
  colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -340,6 +342,8 @@ export declare interface TypedOverride {
340
342
  colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
341
343
  colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
342
344
  colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
345
+ colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
346
+ colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
343
347
  colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
344
348
  colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
345
349
  colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -573,6 +577,8 @@ export declare interface TypedOverride {
573
577
  colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
574
578
  colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
575
579
  colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
580
+ colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
581
+ colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
576
582
  colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
577
583
  colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
578
584
  colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -806,6 +812,8 @@ export declare interface TypedOverride {
806
812
  colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
807
813
  colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
808
814
  colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
815
+ colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
816
+ colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
809
817
  colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
810
818
  colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
811
819
  colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1039,6 +1047,8 @@ export declare interface TypedOverride {
1039
1047
  colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1040
1048
  colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1041
1049
  colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1050
+ colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1051
+ colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1042
1052
  colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1043
1053
  colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1044
1054
  colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1272,6 +1282,8 @@ export declare interface TypedOverride {
1272
1282
  colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1273
1283
  colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1274
1284
  colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1285
+ colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1286
+ colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1275
1287
  colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1276
1288
  colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1277
1289
  colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1505,6 +1517,8 @@ export declare interface TypedOverride {
1505
1517
  colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1506
1518
  colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1507
1519
  colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1520
+ colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1521
+ colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1508
1522
  colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1509
1523
  colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1510
1524
  colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1738,6 +1752,8 @@ export declare interface TypedOverride {
1738
1752
  colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1739
1753
  colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1740
1754
  colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1755
+ colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1756
+ colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1741
1757
  colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1742
1758
  colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1743
1759
  colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/internal/generated/theming/index.js CHANGED
@@ -1078,12 +1078,12 @@ export var preset = {
1078
1078
  "dark": "{colorGrey850}"
1079
1079
  },
1080
1080
  "colorTextChatBubbleOutgoing": {
1081
- "light": "{colorTextBodyDefault}",
1082
- "dark": "{colorTextBodyDefault}"
1081
+ "light": "{colorTextBodySecondary}",
1082
+ "dark": "{colorTextBodySecondary}"
1083
1083
  },
1084
1084
  "colorTextChatBubbleIncoming": {
1085
- "light": "{colorTextBodyDefault}",
1086
- "dark": "{colorTextBodyDefault}"
1085
+ "light": "{colorTextBodySecondary}",
1086
+ "dark": "{colorTextBodySecondary}"
1087
1087
  },
1088
1088
  "colorBorderButtonNormalActive": {
1089
1089
  "light": "{colorBlue800}",
@@ -1871,7 +1871,7 @@ export var preset = {
1871
1871
  "borderRadiusTabsFocusRing": "20px",
1872
1872
  "borderRadiusTiles": "{borderRadiusInput}",
1873
1873
  "borderRadiusToken": "{borderRadiusInput}",
1874
- "borderRadiusChatBubble": "2px",
1874
+ "borderRadiusChatBubble": "8px",
1875
1875
  "borderRadiusTutorialPanelItem": "{borderRadiusInput}",
1876
1876
  "borderTableStickyWidth": "1px",
1877
1877
  "borderLinkFocusRingOutline": "0",
@@ -3313,12 +3313,12 @@ export var preset = {
3313
3313
  "dark": "{colorGrey850}"
3314
3314
  },
3315
3315
  "colorTextChatBubbleOutgoing": {
3316
- "light": "{colorTextBodyDefault}",
3317
- "dark": "{colorTextBodyDefault}"
3316
+ "light": "{colorTextBodySecondary}",
3317
+ "dark": "{colorTextBodySecondary}"
3318
3318
  },
3319
3319
  "colorTextChatBubbleIncoming": {
3320
- "light": "{colorTextBodyDefault}",
3321
- "dark": "{colorTextBodyDefault}"
3320
+ "light": "{colorTextBodySecondary}",
3321
+ "dark": "{colorTextBodySecondary}"
3322
3322
  },
3323
3323
  "colorBorderButtonNormalActive": {
3324
3324
  "light": "{colorBlue400}",
@@ -4467,12 +4467,12 @@ export var preset = {
4467
4467
  "dark": "{colorGrey850}"
4468
4468
  },
4469
4469
  "colorTextChatBubbleOutgoing": {
4470
- "light": "{colorTextBodyDefault}",
4471
- "dark": "{colorTextBodyDefault}"
4470
+ "light": "{colorTextBodySecondary}",
4471
+ "dark": "{colorTextBodySecondary}"
4472
4472
  },
4473
4473
  "colorTextChatBubbleIncoming": {
4474
- "light": "{colorTextBodyDefault}",
4475
- "dark": "{colorTextBodyDefault}"
4474
+ "light": "{colorTextBodySecondary}",
4475
+ "dark": "{colorTextBodySecondary}"
4476
4476
  },
4477
4477
  "colorBorderButtonNormalActive": {
4478
4478
  "light": "{colorBlue400}",
@@ -5553,12 +5553,12 @@ export var preset = {
5553
5553
  "dark": "{colorGrey850}"
5554
5554
  },
5555
5555
  "colorTextChatBubbleOutgoing": {
5556
- "light": "{colorTextBodyDefault}",
5557
- "dark": "{colorTextBodyDefault}"
5556
+ "light": "{colorTextBodySecondary}",
5557
+ "dark": "{colorTextBodySecondary}"
5558
5558
  },
5559
5559
  "colorTextChatBubbleIncoming": {
5560
- "light": "{colorTextBodyDefault}",
5561
- "dark": "{colorTextBodyDefault}"
5560
+ "light": "{colorTextBodySecondary}",
5561
+ "dark": "{colorTextBodySecondary}"
5562
5562
  },
5563
5563
  "colorBorderButtonNormalActive": {
5564
5564
  "light": "{colorWhite}",
@@ -6639,12 +6639,12 @@ export var preset = {
6639
6639
  "dark": "{colorGrey850}"
6640
6640
  },
6641
6641
  "colorTextChatBubbleOutgoing": {
6642
- "light": "{colorTextBodyDefault}",
6643
- "dark": "{colorTextBodyDefault}"
6642
+ "light": "{colorTextBodySecondary}",
6643
+ "dark": "{colorTextBodySecondary}"
6644
6644
  },
6645
6645
  "colorTextChatBubbleIncoming": {
6646
- "light": "{colorTextBodyDefault}",
6647
- "dark": "{colorTextBodyDefault}"
6646
+ "light": "{colorTextBodySecondary}",
6647
+ "dark": "{colorTextBodySecondary}"
6648
6648
  },
6649
6649
  "colorBorderButtonNormalActive": {
6650
6650
  "light": "{colorTextButtonNormalHover}",
@@ -7725,12 +7725,12 @@ export var preset = {
7725
7725
  "dark": "{colorGrey850}"
7726
7726
  },
7727
7727
  "colorTextChatBubbleOutgoing": {
7728
- "light": "{colorTextBodyDefault}",
7729
- "dark": "{colorTextBodyDefault}"
7728
+ "light": "{colorTextBodySecondary}",
7729
+ "dark": "{colorTextBodySecondary}"
7730
7730
  },
7731
7731
  "colorTextChatBubbleIncoming": {
7732
- "light": "{colorTextBodyDefault}",
7733
- "dark": "{colorTextBodyDefault}"
7732
+ "light": "{colorTextBodySecondary}",
7733
+ "dark": "{colorTextBodySecondary}"
7734
7734
  },
7735
7735
  "colorBorderButtonNormalActive": {
7736
7736
  "light": "{colorTextButtonNormalHover}",
@@ -8813,12 +8813,12 @@ export var preset = {
8813
8813
  "dark": "{colorGrey850}"
8814
8814
  },
8815
8815
  "colorTextChatBubbleOutgoing": {
8816
- "light": "{colorTextBodyDefault}",
8817
- "dark": "{colorTextBodyDefault}"
8816
+ "light": "{colorTextBodySecondary}",
8817
+ "dark": "{colorTextBodySecondary}"
8818
8818
  },
8819
8819
  "colorTextChatBubbleIncoming": {
8820
- "light": "{colorTextBodyDefault}",
8821
- "dark": "{colorTextBodyDefault}"
8820
+ "light": "{colorTextBodySecondary}",
8821
+ "dark": "{colorTextBodySecondary}"
8822
8822
  },
8823
8823
  "colorBorderButtonNormalActive": {
8824
8824
  "light": "{colorTextButtonNormalHover}",
@@ -10226,6 +10226,8 @@ export var preset = {
10226
10226
  "colorBackgroundStatusSuccess",
10227
10227
  "colorBackgroundStatusWarning",
10228
10228
  "colorBackgroundToggleCheckedDisabled",
10229
+ "colorBackgroundChatBubbleOutgoing",
10230
+ "colorBackgroundChatBubbleIncoming",
10229
10231
  "colorTextChatBubbleOutgoing",
10230
10232
  "colorTextChatBubbleIncoming",
10231
10233
  "colorBorderButtonNormalActive",
@@ -11751,8 +11753,8 @@ export var preset = {
11751
11753
  "colorBackgroundLoadingBarGenAi": "--color-background-loading-bar-gen-ai-7qfi9s",
11752
11754
  "colorBackgroundChatBubbleOutgoing": "--color-background-chat-bubble-outgoing-pfqan2",
11753
11755
  "colorBackgroundChatBubbleIncoming": "--color-background-chat-bubble-incoming-brq006",
11754
- "colorTextChatBubbleOutgoing": "--color-text-chat-bubble-outgoing-bvbr0v",
11755
- "colorTextChatBubbleIncoming": "--color-text-chat-bubble-incoming-x2kig8",
11756
+ "colorTextChatBubbleOutgoing": "--color-text-chat-bubble-outgoing-25z5e0",
11757
+ "colorTextChatBubbleIncoming": "--color-text-chat-bubble-incoming-t2slde",
11756
11758
  "colorBorderButtonNormalActive": "--color-border-button-normal-active-mn0ayd",
11757
11759
  "colorBorderButtonNormalDefault": "--color-border-button-normal-default-uzqi0v",
11758
11760
  "colorBorderToggleButtonNormalPressed": "--color-border-toggle-button-normal-pressed-lylxt2",
@@ -12011,7 +12013,7 @@ export var preset = {
12011
12013
  "borderRadiusTabsFocusRing": "--border-radius-tabs-focus-ring-1q0rjo",
12012
12014
  "borderRadiusTiles": "--border-radius-tiles-60y8e6",
12013
12015
  "borderRadiusToken": "--border-radius-token-923jqq",
12014
- "borderRadiusChatBubble": "--border-radius-chat-bubble-ur269r",
12016
+ "borderRadiusChatBubble": "--border-radius-chat-bubble-qvkt36",
12015
12017
  "borderRadiusTutorialPanelItem": "--border-radius-tutorial-panel-item-b44p0a",
12016
12018
  "borderTableStickyWidth": "--border-table-sticky-width-87kf12",
12017
12019
  "borderLinkFocusRingOutline": "--border-link-focus-ring-outline-kkfop6",
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "da076669637ff47afb03c7a2f3770e59ffe3ebab"
2
+ "commit": "063937a84bc5a60ae4cc4d3c72e6da67a20dba28"
3
3
  }
package/package.json CHANGED
@@ -128,7 +128,7 @@
128
128
  "./internal/base-component/index.js",
129
129
  "./internal/base-component/styles.css.js"
130
130
  ],
131
- "version": "3.0.802",
131
+ "version": "3.0.803",
132
132
  "repository": {
133
133
  "type": "git",
134
134
  "url": "https://github.com/cloudscape-design/components.git"
package/property-filter/token-editor.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"token-editor.d.ts","sourceRoot":"","sources":["../../../src/property-filter/token-editor.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAE3F,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AASxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAEL,SAAS,EACT,uBAAuB,EACvB,yBAAyB,EACzB,yBAAyB,EACzB,aAAa,EACb,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAMzB,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,mBAAmB,CAAC;IAChC,gBAAgB,EAAE,SAAS,SAAS,EAAE,CAAC;IACvC,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,mBAAmB,EAAE,SAAS,yBAAyB,EAAE,CAAC;IAC1D,gBAAgB,EAAE,SAAS,uBAAuB,EAAE,CAAC;IACrD,WAAW,EAAE,mBAAmB,CAAC;IACjC,WAAW,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;IACzD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,EAAE,aAAa,EAAE,CAAC;IACjC,cAAc,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,iBAAiB,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CACrD;AAED,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,SAAS,EACT,eAAe,EACf,cAAc,EACd,cAAc,EACd,SAAS,EACT,iBAAiB,GAClB,EAAE,gBAAgB,eA4KlB"}
1
+ {"version":3,"file":"token-editor.d.ts","sourceRoot":"","sources":["../../../src/property-filter/token-editor.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAE3F,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AASxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAEL,SAAS,EACT,uBAAuB,EACvB,yBAAyB,EACzB,yBAAyB,EACzB,aAAa,EACb,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAMzB,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,mBAAmB,CAAC;IAChC,gBAAgB,EAAE,SAAS,SAAS,EAAE,CAAC;IACvC,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,mBAAmB,EAAE,SAAS,yBAAyB,EAAE,CAAC;IAC1D,gBAAgB,EAAE,SAAS,uBAAuB,EAAE,CAAC;IACrD,WAAW,EAAE,mBAAmB,CAAC;IACjC,WAAW,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;IACzD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,EAAE,aAAa,EAAE,CAAC;IACjC,cAAc,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,iBAAiB,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CACrD;AAED,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,SAAS,EACT,eAAe,EACf,cAAc,EACd,cAAc,EACd,SAAS,EACT,iBAAiB,GAClB,EAAE,gBAAgB,eA+KlB"}
package/property-filter/token-editor.js CHANGED
@@ -91,7 +91,11 @@ export function TokenEditor({ supportsGroups, asyncProperties, asyncProps, custo
91
91
  }, disabled: tokensToCapture.length === 0, showMainActionOnly: tokensToCapture.length === 0, mainAction: {
92
92
  text: (_a = i18nStrings.tokenEditorAddNewTokenLabel) !== null && _a !== void 0 ? _a : '',
93
93
  onClick: () => {
94
- onChangeTempGroup([...tempGroup, { property: null, operator: ':', value: null }]);
94
+ var _a;
95
+ const lastTokenInGroup = tempGroup[tempGroup.length - 1];
96
+ const property = lastTokenInGroup ? lastTokenInGroup.property : null;
97
+ const operator = (_a = property === null || property === void 0 ? void 0 : property.defaultOperator) !== null && _a !== void 0 ? _a : ':';
98
+ onChangeTempGroup([...tempGroup, { property, operator, value: null }]);
95
99
  setNextFocusIndex(groups.length);
96
100
  },
97
101
  } }))),
package/property-filter/token-editor.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"token-editor.js","sourceRoot":"","sources":["../../../src/property-filter/token-editor.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useState } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalButton from '../button/internal.js';\nimport { ButtonDropdownProps } from '../button-dropdown/interfaces.js';\nimport InternalButtonDropdown from '../button-dropdown/internal.js';\nimport InternalFormField from '../form-field/internal.js';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces.js';\nimport { FormFieldContext } from '../internal/context/form-field-context.js';\nimport { NonCancelableEventHandler } from '../internal/events/index.js';\nimport { useListFocusController } from '../internal/hooks/use-list-focus-controller.js';\nimport { useMobile } from '../internal/hooks/use-mobile/index.js';\nimport { useUniqueId } from '../internal/hooks/use-unique-id/index.js';\nimport {\n GeneratedAnalyticsMetadataPropertyEditCancel,\n GeneratedAnalyticsMetadataPropertyEditConfirm,\n} from './analytics-metadata/interfaces';\nimport { getAllowedOperators } from './controller.js';\nimport { I18nStringsInternal } from './i18n-utils.js';\nimport {\n ComparisonOperator,\n GroupText,\n InternalFilteringOption,\n InternalFilteringProperty,\n InternalFreeTextFiltering,\n InternalToken,\n LoadItemsDetail,\n} from './interfaces.js';\nimport { OperatorInput, PropertyInput, ValueInput } from './token-editor-inputs.js';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport interface TokenEditorProps {\n supportsGroups: boolean;\n asyncProperties?: boolean;\n asyncProps: DropdownStatusProps;\n customGroupsText: readonly GroupText[];\n freeTextFiltering: InternalFreeTextFiltering;\n filteringProperties: readonly InternalFilteringProperty[];\n filteringOptions: readonly InternalFilteringOption[];\n i18nStrings: I18nStringsInternal;\n onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;\n onSubmit: () => void;\n onDismiss: () => void;\n tokensToCapture: InternalToken[];\n onTokenCapture: (token: InternalToken) => void;\n onTokenRelease: (token: InternalToken) => void;\n tempGroup: InternalToken[];\n onChangeTempGroup: (token: InternalToken[]) => void;\n}\n\nexport function TokenEditor({\n supportsGroups,\n asyncProperties,\n asyncProps,\n customGroupsText,\n freeTextFiltering,\n filteringProperties,\n filteringOptions,\n i18nStrings,\n onLoadItems,\n onSubmit,\n onDismiss,\n tokensToCapture,\n onTokenCapture,\n onTokenRelease,\n tempGroup,\n onChangeTempGroup,\n}: TokenEditorProps) {\n const [nextFocusIndex, setNextFocusIndex] = useState<null | number>(null);\n const tokenListRef = useListFocusController({\n nextFocusIndex,\n onFocusMoved: target => {\n target.focus();\n setNextFocusIndex(null);\n },\n listItemSelector: `.${styles['token-editor-field-property']}`,\n fallbackSelector: `.${styles['token-editor-add-token']}`,\n });\n\n const groups = tempGroup.map((temporaryToken, index) => {\n const setTemporaryToken = (newToken: InternalToken) => {\n const copy = [...tempGroup];\n copy[index] = newToken;\n if (newToken.property?.getTokenType(newToken.operator) === 'enum' && newToken.value === null) {\n newToken.value = [];\n }\n onChangeTempGroup(copy);\n };\n const property = temporaryToken.property;\n const onChangePropertyKey = (newPropertyKey: undefined | string) => {\n const filteringProperty = filteringProperties.reduce<InternalFilteringProperty | undefined>(\n (acc, property) => (property.propertyKey === newPropertyKey ? property : acc),\n undefined\n );\n const allowedOperators = filteringProperty ? getAllowedOperators(filteringProperty) : freeTextFiltering.operators;\n const operator =\n temporaryToken.operator && allowedOperators.indexOf(temporaryToken.operator) !== -1\n ? temporaryToken.operator\n : allowedOperators[0];\n const matchedProperty = filteringProperties.find(property => property.propertyKey === newPropertyKey) ?? null;\n setTemporaryToken({ ...temporaryToken, property: matchedProperty, operator, value: null });\n };\n\n const operator = temporaryToken.operator;\n const onChangeOperator = (newOperator: ComparisonOperator) => {\n const currentOperatorTokenType = property?.getTokenType(operator);\n const newOperatorTokenType = property?.getTokenType(newOperator);\n const shouldClearValue = currentOperatorTokenType !== newOperatorTokenType;\n const value = shouldClearValue ? null : temporaryToken.value;\n setTemporaryToken({ ...temporaryToken, operator: newOperator, value });\n };\n\n const value = temporaryToken.value;\n const onChangeValue = (newValue: unknown) => {\n setTemporaryToken({ ...temporaryToken, value: newValue });\n };\n\n return { token: temporaryToken, property, onChangePropertyKey, operator, onChangeOperator, value, onChangeValue };\n });\n\n return (\n <div className={styles['token-editor']} ref={tokenListRef}>\n <TokenEditorFields\n supportsGroups={supportsGroups}\n tokens={groups.map(group => group.token)}\n onRemove={index => {\n const updated = tempGroup.filter((_, existingIndex) => existingIndex !== index);\n onChangeTempGroup(updated);\n setNextFocusIndex(index);\n }}\n onRemoveFromGroup={index => {\n const releasedToken = tempGroup[index];\n const updated = tempGroup.filter((_, existingIndex) => existingIndex !== index);\n onChangeTempGroup(updated);\n onTokenRelease(releasedToken);\n setNextFocusIndex(index);\n }}\n onSubmit={onSubmit}\n renderProperty={index => (\n <PropertyInput\n property={groups[index].property}\n onChangePropertyKey={groups[index].onChangePropertyKey}\n asyncProps={asyncProperties ? asyncProps : null}\n filteringProperties={filteringProperties}\n onLoadItems={onLoadItems}\n customGroupsText={customGroupsText}\n i18nStrings={i18nStrings}\n freeTextFiltering={freeTextFiltering}\n />\n )}\n renderOperator={index => (\n <OperatorInput\n property={groups[index].property}\n operator={groups[index].operator}\n onChangeOperator={groups[index].onChangeOperator}\n i18nStrings={i18nStrings}\n freeTextFiltering={freeTextFiltering}\n triggerVariant={supportsGroups ? 'label' : 'option'}\n />\n )}\n renderValue={index => (\n <ValueInput\n property={groups[index].property}\n operator={groups[index].operator}\n value={groups[index].value}\n onChangeValue={groups[index].onChangeValue}\n asyncProps={asyncProps}\n filteringOptions={filteringOptions}\n onLoadItems={onLoadItems}\n i18nStrings={i18nStrings}\n />\n )}\n i18nStrings={i18nStrings}\n />\n\n {supportsGroups && (\n <div className={clsx(styles['token-editor-add-token'], testUtilStyles['token-editor-token-add-actions'])}>\n <InternalButtonDropdown\n variant=\"normal\"\n ariaLabel={i18nStrings.tokenEditorAddTokenActionsAriaLabel}\n items={tokensToCapture.map((token, index) => {\n return {\n id: index.toString(),\n text: i18nStrings.tokenEditorAddExistingTokenLabel?.(token) ?? '',\n ariaLabel: i18nStrings.tokenEditorAddExistingTokenAriaLabel?.(token) ?? '',\n };\n })}\n onItemClick={({ detail }) => {\n const index = parseInt(detail.id);\n if (!isNaN(index) && tokensToCapture[index]) {\n onChangeTempGroup([...tempGroup, { ...tokensToCapture[index] }]);\n setNextFocusIndex(groups.length);\n onTokenCapture(tokensToCapture[index]);\n }\n }}\n disabled={tokensToCapture.length === 0}\n showMainActionOnly={tokensToCapture.length === 0}\n mainAction={{\n text: i18nStrings.tokenEditorAddNewTokenLabel ?? '',\n onClick: () => {\n onChangeTempGroup([...tempGroup, { property: null, operator: ':', value: null }]);\n setNextFocusIndex(groups.length);\n },\n }}\n />\n </div>\n )}\n\n <div className={styles['token-editor-actions']}>\n <span\n {...getAnalyticsMetadataAttribute({\n action: 'editCancel',\n } as Partial<GeneratedAnalyticsMetadataPropertyEditCancel>)}\n >\n <InternalButton\n formAction=\"none\"\n variant=\"link\"\n className={clsx(styles['token-editor-cancel'], testUtilStyles['token-editor-cancel'])}\n onClick={onDismiss}\n >\n {i18nStrings.cancelActionText}\n </InternalButton>\n </span>\n <span\n {...getAnalyticsMetadataAttribute({\n action: 'editConfirm',\n } as Partial<GeneratedAnalyticsMetadataPropertyEditConfirm>)}\n >\n <InternalButton\n className={clsx(styles['token-editor-submit'], testUtilStyles['token-editor-submit'])}\n formAction=\"none\"\n onClick={onSubmit}\n >\n {i18nStrings.applyActionText}\n </InternalButton>\n </span>\n </div>\n </div>\n );\n}\n\ninterface TokenEditorLayout {\n tokens: InternalToken[];\n supportsGroups: boolean;\n onRemove: (index: number) => void;\n onRemoveFromGroup: (index: number) => void;\n onSubmit: () => void;\n renderProperty: (index: number) => React.ReactNode;\n renderOperator: (index: number) => React.ReactNode;\n renderValue: (index: number) => React.ReactNode;\n i18nStrings: I18nStringsInternal;\n}\n\nfunction TokenEditorFields({\n tokens,\n supportsGroups,\n onRemove,\n onRemoveFromGroup,\n onSubmit,\n renderProperty,\n renderOperator,\n renderValue,\n i18nStrings,\n}: TokenEditorLayout) {\n const isMobile = useMobile();\n const isNarrow = isMobile || !supportsGroups;\n\n const propertyLabelId = useUniqueId();\n const operatorLabelId = useUniqueId();\n const valueLabelId = useUniqueId();\n const headers = (\n <div className={styles['token-editor-grid-group']}>\n <div id={propertyLabelId} className={styles['token-editor-grid-header']}>\n {i18nStrings.propertyText}\n </div>\n <div id={operatorLabelId} className={styles['token-editor-grid-header']}>\n {i18nStrings.operatorText}\n </div>\n <div id={valueLabelId} className={styles['token-editor-grid-header']}>\n {i18nStrings.valueText}\n </div>\n <div className={styles['token-editor-grid-header']}></div>\n </div>\n );\n\n return (\n <form\n className={clsx(\n styles['token-editor-grid'],\n isNarrow && styles['token-editor-narrow'],\n styles['token-editor-form']\n )}\n onSubmit={event => {\n event.preventDefault();\n onSubmit();\n }}\n >\n {!isNarrow && headers}\n\n {tokens.map((token, index) => (\n <div\n key={index}\n role=\"group\"\n aria-label={i18nStrings.formatToken(token).formattedText}\n className={clsx(styles['token-editor-grid-group'], supportsGroups && styles['token-editor-supports-groups'])}\n >\n <div className={clsx(styles['token-editor-grid-cell'], isNarrow && styles['token-editor-narrow'])}>\n <TokenEditorField\n isNarrow={isNarrow}\n label={i18nStrings.propertyText}\n labelId={propertyLabelId}\n className={clsx(styles['token-editor-field-property'], testUtilStyles['token-editor-field-property'])}\n index={index}\n >\n {renderProperty(index)}\n </TokenEditorField>\n </div>\n\n <div className={clsx(styles['token-editor-grid-cell'], isNarrow && styles['token-editor-narrow'])}>\n <TokenEditorField\n isNarrow={isNarrow}\n label={i18nStrings.operatorText}\n labelId={operatorLabelId}\n className={clsx(styles['token-editor-field-operator'], testUtilStyles['token-editor-field-operator'])}\n index={index}\n >\n {renderOperator(index)}\n </TokenEditorField>\n </div>\n\n <div className={clsx(styles['token-editor-grid-cell'], isNarrow && styles['token-editor-narrow'])}>\n <TokenEditorField\n isNarrow={isNarrow}\n label={i18nStrings.valueText}\n labelId={valueLabelId}\n className={clsx(styles['token-editor-field-value'], testUtilStyles['token-editor-field-value'])}\n index={index}\n >\n {renderValue(index)}\n </TokenEditorField>\n </div>\n\n {supportsGroups && (\n <div className={clsx(styles['token-editor-grid-cell'], isNarrow && styles['token-editor-narrow'])}>\n <div className={styles['token-editor-remove-token']}>\n <TokenEditorRemoveActions\n isNarrow={isNarrow}\n ariaLabel={i18nStrings.tokenEditorTokenActionsAriaLabel?.(token) ?? ''}\n mainActionAriaLabel={i18nStrings.tokenEditorTokenRemoveAriaLabel?.(token) ?? ''}\n disabled={tokens.length === 1}\n items={[\n {\n id: 'remove',\n text: i18nStrings.tokenEditorTokenRemoveLabel ?? '',\n disabled: token.standaloneIndex !== undefined,\n },\n { id: 'remove-from-group', text: i18nStrings.tokenEditorTokenRemoveFromGroupLabel ?? '' },\n ]}\n onItemClick={itemId => {\n switch (itemId) {\n case 'remove':\n return onRemove(index);\n case 'remove-from-group':\n return onRemoveFromGroup(index);\n }\n }}\n index={index}\n />\n </div>\n </div>\n )}\n </div>\n ))}\n </form>\n );\n}\n\nfunction TokenEditorField({\n isNarrow,\n label,\n labelId,\n children,\n className,\n index,\n}: {\n isNarrow: boolean;\n label: React.ReactNode;\n labelId: string;\n children: React.ReactNode;\n className: string;\n index: number;\n}) {\n return isNarrow ? (\n <InternalFormField label={label} className={className} stretch={true} data-testindex={index}>\n {children}\n </InternalFormField>\n ) : (\n <FormFieldContext.Provider value={{ ariaLabelledby: labelId }}>\n <InternalFormField className={className} data-testindex={index}>\n {children}\n </InternalFormField>\n </FormFieldContext.Provider>\n );\n}\n\nfunction TokenEditorRemoveActions({\n isNarrow,\n ariaLabel,\n mainActionAriaLabel,\n disabled,\n items,\n onItemClick,\n index,\n}: {\n isNarrow: boolean;\n ariaLabel: string;\n mainActionAriaLabel: string;\n disabled: boolean;\n items: ButtonDropdownProps.Item[];\n onItemClick: (itemId: string) => void;\n index: number;\n}) {\n return isNarrow ? (\n <InternalButtonDropdown\n variant=\"normal\"\n ariaLabel={ariaLabel}\n items={items.slice(1)}\n onItemClick={({ detail }) => onItemClick(detail.id)}\n disabled={disabled}\n mainAction={{\n text: items[0].text,\n onClick: () => onItemClick(items[0].id),\n disabled,\n ariaLabel: mainActionAriaLabel,\n }}\n className={testUtilStyles['token-editor-token-remove-actions']}\n data-testindex={index}\n />\n ) : (\n <InternalButtonDropdown\n variant=\"icon\"\n ariaLabel={ariaLabel}\n items={items}\n onItemClick={({ detail }) => onItemClick(detail.id)}\n disabled={disabled}\n className={testUtilStyles['token-editor-token-remove-actions']}\n data-testindex={index}\n />\n );\n}\n"]}
1
+ {"version":3,"file":"token-editor.js","sourceRoot":"","sources":["../../../src/property-filter/token-editor.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useState } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalButton from '../button/internal.js';\nimport { ButtonDropdownProps } from '../button-dropdown/interfaces.js';\nimport InternalButtonDropdown from '../button-dropdown/internal.js';\nimport InternalFormField from '../form-field/internal.js';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces.js';\nimport { FormFieldContext } from '../internal/context/form-field-context.js';\nimport { NonCancelableEventHandler } from '../internal/events/index.js';\nimport { useListFocusController } from '../internal/hooks/use-list-focus-controller.js';\nimport { useMobile } from '../internal/hooks/use-mobile/index.js';\nimport { useUniqueId } from '../internal/hooks/use-unique-id/index.js';\nimport {\n GeneratedAnalyticsMetadataPropertyEditCancel,\n GeneratedAnalyticsMetadataPropertyEditConfirm,\n} from './analytics-metadata/interfaces';\nimport { getAllowedOperators } from './controller.js';\nimport { I18nStringsInternal } from './i18n-utils.js';\nimport {\n ComparisonOperator,\n GroupText,\n InternalFilteringOption,\n InternalFilteringProperty,\n InternalFreeTextFiltering,\n InternalToken,\n LoadItemsDetail,\n} from './interfaces.js';\nimport { OperatorInput, PropertyInput, ValueInput } from './token-editor-inputs.js';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport interface TokenEditorProps {\n supportsGroups: boolean;\n asyncProperties?: boolean;\n asyncProps: DropdownStatusProps;\n customGroupsText: readonly GroupText[];\n freeTextFiltering: InternalFreeTextFiltering;\n filteringProperties: readonly InternalFilteringProperty[];\n filteringOptions: readonly InternalFilteringOption[];\n i18nStrings: I18nStringsInternal;\n onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;\n onSubmit: () => void;\n onDismiss: () => void;\n tokensToCapture: InternalToken[];\n onTokenCapture: (token: InternalToken) => void;\n onTokenRelease: (token: InternalToken) => void;\n tempGroup: InternalToken[];\n onChangeTempGroup: (token: InternalToken[]) => void;\n}\n\nexport function TokenEditor({\n supportsGroups,\n asyncProperties,\n asyncProps,\n customGroupsText,\n freeTextFiltering,\n filteringProperties,\n filteringOptions,\n i18nStrings,\n onLoadItems,\n onSubmit,\n onDismiss,\n tokensToCapture,\n onTokenCapture,\n onTokenRelease,\n tempGroup,\n onChangeTempGroup,\n}: TokenEditorProps) {\n const [nextFocusIndex, setNextFocusIndex] = useState<null | number>(null);\n const tokenListRef = useListFocusController({\n nextFocusIndex,\n onFocusMoved: target => {\n target.focus();\n setNextFocusIndex(null);\n },\n listItemSelector: `.${styles['token-editor-field-property']}`,\n fallbackSelector: `.${styles['token-editor-add-token']}`,\n });\n\n const groups = tempGroup.map((temporaryToken, index) => {\n const setTemporaryToken = (newToken: InternalToken) => {\n const copy = [...tempGroup];\n copy[index] = newToken;\n if (newToken.property?.getTokenType(newToken.operator) === 'enum' && newToken.value === null) {\n newToken.value = [];\n }\n onChangeTempGroup(copy);\n };\n const property = temporaryToken.property;\n const onChangePropertyKey = (newPropertyKey: undefined | string) => {\n const filteringProperty = filteringProperties.reduce<InternalFilteringProperty | undefined>(\n (acc, property) => (property.propertyKey === newPropertyKey ? property : acc),\n undefined\n );\n const allowedOperators = filteringProperty ? getAllowedOperators(filteringProperty) : freeTextFiltering.operators;\n const operator =\n temporaryToken.operator && allowedOperators.indexOf(temporaryToken.operator) !== -1\n ? temporaryToken.operator\n : allowedOperators[0];\n const matchedProperty = filteringProperties.find(property => property.propertyKey === newPropertyKey) ?? null;\n setTemporaryToken({ ...temporaryToken, property: matchedProperty, operator, value: null });\n };\n\n const operator = temporaryToken.operator;\n const onChangeOperator = (newOperator: ComparisonOperator) => {\n const currentOperatorTokenType = property?.getTokenType(operator);\n const newOperatorTokenType = property?.getTokenType(newOperator);\n const shouldClearValue = currentOperatorTokenType !== newOperatorTokenType;\n const value = shouldClearValue ? null : temporaryToken.value;\n setTemporaryToken({ ...temporaryToken, operator: newOperator, value });\n };\n\n const value = temporaryToken.value;\n const onChangeValue = (newValue: unknown) => {\n setTemporaryToken({ ...temporaryToken, value: newValue });\n };\n\n return { token: temporaryToken, property, onChangePropertyKey, operator, onChangeOperator, value, onChangeValue };\n });\n\n return (\n <div className={styles['token-editor']} ref={tokenListRef}>\n <TokenEditorFields\n supportsGroups={supportsGroups}\n tokens={groups.map(group => group.token)}\n onRemove={index => {\n const updated = tempGroup.filter((_, existingIndex) => existingIndex !== index);\n onChangeTempGroup(updated);\n setNextFocusIndex(index);\n }}\n onRemoveFromGroup={index => {\n const releasedToken = tempGroup[index];\n const updated = tempGroup.filter((_, existingIndex) => existingIndex !== index);\n onChangeTempGroup(updated);\n onTokenRelease(releasedToken);\n setNextFocusIndex(index);\n }}\n onSubmit={onSubmit}\n renderProperty={index => (\n <PropertyInput\n property={groups[index].property}\n onChangePropertyKey={groups[index].onChangePropertyKey}\n asyncProps={asyncProperties ? asyncProps : null}\n filteringProperties={filteringProperties}\n onLoadItems={onLoadItems}\n customGroupsText={customGroupsText}\n i18nStrings={i18nStrings}\n freeTextFiltering={freeTextFiltering}\n />\n )}\n renderOperator={index => (\n <OperatorInput\n property={groups[index].property}\n operator={groups[index].operator}\n onChangeOperator={groups[index].onChangeOperator}\n i18nStrings={i18nStrings}\n freeTextFiltering={freeTextFiltering}\n triggerVariant={supportsGroups ? 'label' : 'option'}\n />\n )}\n renderValue={index => (\n <ValueInput\n property={groups[index].property}\n operator={groups[index].operator}\n value={groups[index].value}\n onChangeValue={groups[index].onChangeValue}\n asyncProps={asyncProps}\n filteringOptions={filteringOptions}\n onLoadItems={onLoadItems}\n i18nStrings={i18nStrings}\n />\n )}\n i18nStrings={i18nStrings}\n />\n\n {supportsGroups && (\n <div className={clsx(styles['token-editor-add-token'], testUtilStyles['token-editor-token-add-actions'])}>\n <InternalButtonDropdown\n variant=\"normal\"\n ariaLabel={i18nStrings.tokenEditorAddTokenActionsAriaLabel}\n items={tokensToCapture.map((token, index) => {\n return {\n id: index.toString(),\n text: i18nStrings.tokenEditorAddExistingTokenLabel?.(token) ?? '',\n ariaLabel: i18nStrings.tokenEditorAddExistingTokenAriaLabel?.(token) ?? '',\n };\n })}\n onItemClick={({ detail }) => {\n const index = parseInt(detail.id);\n if (!isNaN(index) && tokensToCapture[index]) {\n onChangeTempGroup([...tempGroup, { ...tokensToCapture[index] }]);\n setNextFocusIndex(groups.length);\n onTokenCapture(tokensToCapture[index]);\n }\n }}\n disabled={tokensToCapture.length === 0}\n showMainActionOnly={tokensToCapture.length === 0}\n mainAction={{\n text: i18nStrings.tokenEditorAddNewTokenLabel ?? '',\n onClick: () => {\n const lastTokenInGroup = tempGroup[tempGroup.length - 1];\n const property = lastTokenInGroup ? lastTokenInGroup.property : null;\n const operator = property?.defaultOperator ?? ':';\n onChangeTempGroup([...tempGroup, { property, operator, value: null }]);\n setNextFocusIndex(groups.length);\n },\n }}\n />\n </div>\n )}\n\n <div className={styles['token-editor-actions']}>\n <span\n {...getAnalyticsMetadataAttribute({\n action: 'editCancel',\n } as Partial<GeneratedAnalyticsMetadataPropertyEditCancel>)}\n >\n <InternalButton\n formAction=\"none\"\n variant=\"link\"\n className={clsx(styles['token-editor-cancel'], testUtilStyles['token-editor-cancel'])}\n onClick={onDismiss}\n >\n {i18nStrings.cancelActionText}\n </InternalButton>\n </span>\n <span\n {...getAnalyticsMetadataAttribute({\n action: 'editConfirm',\n } as Partial<GeneratedAnalyticsMetadataPropertyEditConfirm>)}\n >\n <InternalButton\n className={clsx(styles['token-editor-submit'], testUtilStyles['token-editor-submit'])}\n formAction=\"none\"\n onClick={onSubmit}\n >\n {i18nStrings.applyActionText}\n </InternalButton>\n </span>\n </div>\n </div>\n );\n}\n\ninterface TokenEditorLayout {\n tokens: InternalToken[];\n supportsGroups: boolean;\n onRemove: (index: number) => void;\n onRemoveFromGroup: (index: number) => void;\n onSubmit: () => void;\n renderProperty: (index: number) => React.ReactNode;\n renderOperator: (index: number) => React.ReactNode;\n renderValue: (index: number) => React.ReactNode;\n i18nStrings: I18nStringsInternal;\n}\n\nfunction TokenEditorFields({\n tokens,\n supportsGroups,\n onRemove,\n onRemoveFromGroup,\n onSubmit,\n renderProperty,\n renderOperator,\n renderValue,\n i18nStrings,\n}: TokenEditorLayout) {\n const isMobile = useMobile();\n const isNarrow = isMobile || !supportsGroups;\n\n const propertyLabelId = useUniqueId();\n const operatorLabelId = useUniqueId();\n const valueLabelId = useUniqueId();\n const headers = (\n <div className={styles['token-editor-grid-group']}>\n <div id={propertyLabelId} className={styles['token-editor-grid-header']}>\n {i18nStrings.propertyText}\n </div>\n <div id={operatorLabelId} className={styles['token-editor-grid-header']}>\n {i18nStrings.operatorText}\n </div>\n <div id={valueLabelId} className={styles['token-editor-grid-header']}>\n {i18nStrings.valueText}\n </div>\n <div className={styles['token-editor-grid-header']}></div>\n </div>\n );\n\n return (\n <form\n className={clsx(\n styles['token-editor-grid'],\n isNarrow && styles['token-editor-narrow'],\n styles['token-editor-form']\n )}\n onSubmit={event => {\n event.preventDefault();\n onSubmit();\n }}\n >\n {!isNarrow && headers}\n\n {tokens.map((token, index) => (\n <div\n key={index}\n role=\"group\"\n aria-label={i18nStrings.formatToken(token).formattedText}\n className={clsx(styles['token-editor-grid-group'], supportsGroups && styles['token-editor-supports-groups'])}\n >\n <div className={clsx(styles['token-editor-grid-cell'], isNarrow && styles['token-editor-narrow'])}>\n <TokenEditorField\n isNarrow={isNarrow}\n label={i18nStrings.propertyText}\n labelId={propertyLabelId}\n className={clsx(styles['token-editor-field-property'], testUtilStyles['token-editor-field-property'])}\n index={index}\n >\n {renderProperty(index)}\n </TokenEditorField>\n </div>\n\n <div className={clsx(styles['token-editor-grid-cell'], isNarrow && styles['token-editor-narrow'])}>\n <TokenEditorField\n isNarrow={isNarrow}\n label={i18nStrings.operatorText}\n labelId={operatorLabelId}\n className={clsx(styles['token-editor-field-operator'], testUtilStyles['token-editor-field-operator'])}\n index={index}\n >\n {renderOperator(index)}\n </TokenEditorField>\n </div>\n\n <div className={clsx(styles['token-editor-grid-cell'], isNarrow && styles['token-editor-narrow'])}>\n <TokenEditorField\n isNarrow={isNarrow}\n label={i18nStrings.valueText}\n labelId={valueLabelId}\n className={clsx(styles['token-editor-field-value'], testUtilStyles['token-editor-field-value'])}\n index={index}\n >\n {renderValue(index)}\n </TokenEditorField>\n </div>\n\n {supportsGroups && (\n <div className={clsx(styles['token-editor-grid-cell'], isNarrow && styles['token-editor-narrow'])}>\n <div className={styles['token-editor-remove-token']}>\n <TokenEditorRemoveActions\n isNarrow={isNarrow}\n ariaLabel={i18nStrings.tokenEditorTokenActionsAriaLabel?.(token) ?? ''}\n mainActionAriaLabel={i18nStrings.tokenEditorTokenRemoveAriaLabel?.(token) ?? ''}\n disabled={tokens.length === 1}\n items={[\n {\n id: 'remove',\n text: i18nStrings.tokenEditorTokenRemoveLabel ?? '',\n disabled: token.standaloneIndex !== undefined,\n },\n { id: 'remove-from-group', text: i18nStrings.tokenEditorTokenRemoveFromGroupLabel ?? '' },\n ]}\n onItemClick={itemId => {\n switch (itemId) {\n case 'remove':\n return onRemove(index);\n case 'remove-from-group':\n return onRemoveFromGroup(index);\n }\n }}\n index={index}\n />\n </div>\n </div>\n )}\n </div>\n ))}\n </form>\n );\n}\n\nfunction TokenEditorField({\n isNarrow,\n label,\n labelId,\n children,\n className,\n index,\n}: {\n isNarrow: boolean;\n label: React.ReactNode;\n labelId: string;\n children: React.ReactNode;\n className: string;\n index: number;\n}) {\n return isNarrow ? (\n <InternalFormField label={label} className={className} stretch={true} data-testindex={index}>\n {children}\n </InternalFormField>\n ) : (\n <FormFieldContext.Provider value={{ ariaLabelledby: labelId }}>\n <InternalFormField className={className} data-testindex={index}>\n {children}\n </InternalFormField>\n </FormFieldContext.Provider>\n );\n}\n\nfunction TokenEditorRemoveActions({\n isNarrow,\n ariaLabel,\n mainActionAriaLabel,\n disabled,\n items,\n onItemClick,\n index,\n}: {\n isNarrow: boolean;\n ariaLabel: string;\n mainActionAriaLabel: string;\n disabled: boolean;\n items: ButtonDropdownProps.Item[];\n onItemClick: (itemId: string) => void;\n index: number;\n}) {\n return isNarrow ? (\n <InternalButtonDropdown\n variant=\"normal\"\n ariaLabel={ariaLabel}\n items={items.slice(1)}\n onItemClick={({ detail }) => onItemClick(detail.id)}\n disabled={disabled}\n mainAction={{\n text: items[0].text,\n onClick: () => onItemClick(items[0].id),\n disabled,\n ariaLabel: mainActionAriaLabel,\n }}\n className={testUtilStyles['token-editor-token-remove-actions']}\n data-testindex={index}\n />\n ) : (\n <InternalButtonDropdown\n variant=\"icon\"\n ariaLabel={ariaLabel}\n items={items}\n onItemClick={({ detail }) => onItemClick(detail.id)}\n disabled={disabled}\n className={testUtilStyles['token-editor-token-remove-actions']}\n data-testindex={index}\n />\n );\n}\n"]}