@cloudscape-design/components 3.0.700 → 3.0.702

package/internal/generated/theming/index.js

@@ -773,6 +773,10 @@ export var preset = {
         "light": "{colorBlue100}",
         "dark": "{colorGrey750}"
       },
+      "colorBackgroundToggleButtonNormalPressed": {
+        "light": "{colorBlue200}",
+        "dark": "{colorGrey650}"
+      },
       "colorBackgroundButtonPrimaryActive": {
         "light": "{colorBlue800}",
         "dark": "{colorBlue500}"
@@ -1069,6 +1073,10 @@ export var preset = {
         "light": "{colorBlue600}",
         "dark": "{colorBlue500}"
       },
+      "colorBorderToggleButtonNormalPressed": {
+        "light": "{colorBlue600}",
+        "dark": "{colorBlue500}"
+      },
       "colorBorderButtonNormalDisabled": {
         "light": "{colorGrey400}",
         "dark": "{colorGrey550}"
@@ -1361,6 +1369,10 @@ export var preset = {
         "light": "{colorBlue800}",
         "dark": "{colorBlue400}"
       },
+      "colorTextToggleButtonNormalPressed": {
+        "light": "{colorBlue800}",
+        "dark": "{colorBlue400}"
+      },
       "colorTextButtonNormalDefault": {
         "light": "{colorBlue600}",
         "dark": "{colorBlue500}"
@@ -1569,6 +1581,10 @@ export var preset = {
         "light": "{colorGrey900}",
         "dark": "{colorGrey100}"
       },
+      "colorTextToggleButtonIconPressed": {
+        "light": "{colorGrey900}",
+        "dark": "{colorGrey100}"
+      },
       "colorTextInteractiveInvertedDefault": {
         "light": "{colorGrey300}",
         "dark": "{colorGrey300}"
@@ -2931,6 +2947,10 @@ export var preset = {
             "light": "{colorGrey750}",
             "dark": "{colorGrey750}"
           },
+          "colorBackgroundToggleButtonNormalPressed": {
+            "light": "{colorGrey650}",
+            "dark": "{colorGrey650}"
+          },
           "colorBackgroundButtonPrimaryActive": {
             "light": "{colorBlue500}",
             "dark": "{colorBlue500}"
@@ -3227,6 +3247,10 @@ export var preset = {
             "light": "{colorBlue500}",
             "dark": "{colorBlue500}"
           },
+          "colorBorderToggleButtonNormalPressed": {
+            "light": "{colorBlue500}",
+            "dark": "{colorBlue500}"
+          },
           "colorBorderButtonNormalDisabled": {
             "light": "{colorGrey550}",
             "dark": "{colorGrey550}"
@@ -3519,6 +3543,10 @@ export var preset = {
             "light": "{colorBlue400}",
             "dark": "{colorBlue400}"
           },
+          "colorTextToggleButtonNormalPressed": {
+            "light": "{colorBlue400}",
+            "dark": "{colorBlue400}"
+          },
           "colorTextButtonNormalDefault": {
             "light": "{colorBlue500}",
             "dark": "{colorBlue500}"
@@ -3727,6 +3755,10 @@ export var preset = {
             "light": "{colorGrey100}",
             "dark": "{colorGrey100}"
           },
+          "colorTextToggleButtonIconPressed": {
+            "light": "{colorGrey100}",
+            "dark": "{colorGrey100}"
+          },
           "colorTextInteractiveInvertedDefault": {
             "light": "{colorGrey300}",
             "dark": "{colorGrey300}"
@@ -4009,6 +4041,10 @@ export var preset = {
             "light": "{colorGrey750}",
             "dark": "{colorGrey750}"
           },
+          "colorBackgroundToggleButtonNormalPressed": {
+            "light": "{colorGrey650}",
+            "dark": "{colorGrey650}"
+          },
           "colorBackgroundButtonPrimaryActive": {
             "light": "{colorBlue500}",
             "dark": "{colorBlue500}"
@@ -4305,6 +4341,10 @@ export var preset = {
             "light": "{colorBlue500}",
             "dark": "{colorBlue500}"
           },
+          "colorBorderToggleButtonNormalPressed": {
+            "light": "{colorBlue500}",
+            "dark": "{colorBlue500}"
+          },
           "colorBorderButtonNormalDisabled": {
             "light": "{colorGrey550}",
             "dark": "{colorGrey550}"
@@ -4597,6 +4637,10 @@ export var preset = {
             "light": "{colorBlue400}",
             "dark": "{colorBlue400}"
           },
+          "colorTextToggleButtonNormalPressed": {
+            "light": "{colorBlue400}",
+            "dark": "{colorBlue400}"
+          },
           "colorTextButtonNormalDefault": {
             "light": "{colorBlue500}",
             "dark": "{colorBlue500}"
@@ -4805,6 +4849,10 @@ export var preset = {
             "light": "{colorGrey100}",
             "dark": "{colorGrey100}"
           },
+          "colorTextToggleButtonIconPressed": {
+            "light": "{colorGrey100}",
+            "dark": "{colorGrey100}"
+          },
           "colorTextInteractiveInvertedDefault": {
             "light": "{colorGrey300}",
             "dark": "{colorGrey300}"
@@ -5019,6 +5067,10 @@ export var preset = {
             "light": "rgba(0, 7, 22, 0.15)",
             "dark": "rgba(0, 7, 22, 0.15)"
           },
+          "colorBackgroundToggleButtonNormalPressed": {
+            "light": "{colorBlue200}",
+            "dark": "{colorGrey650}"
+          },
           "colorBackgroundButtonPrimaryActive": {
             "light": "{colorBlue800}",
             "dark": "{colorBlue500}"
@@ -5315,6 +5367,10 @@ export var preset = {
             "light": "{colorGrey100}",
             "dark": "{colorGrey100}"
           },
+          "colorBorderToggleButtonNormalPressed": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue500}"
+          },
           "colorBorderButtonNormalDisabled": {
             "light": "{colorGrey400}",
             "dark": "{colorGrey550}"
@@ -5607,6 +5663,10 @@ export var preset = {
             "light": "{colorWhite}",
             "dark": "{colorWhite}"
           },
+          "colorTextToggleButtonNormalPressed": {
+            "light": "{colorBlue800}",
+            "dark": "{colorBlue400}"
+          },
           "colorTextButtonNormalDefault": {
             "light": "{colorGrey100}",
             "dark": "{colorGrey100}"
@@ -5815,6 +5875,10 @@ export var preset = {
             "light": "{colorGrey900}",
             "dark": "{colorGrey100}"
           },
+          "colorTextToggleButtonIconPressed": {
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey100}"
+          },
           "colorTextInteractiveInvertedDefault": {
             "light": "{colorGrey300}",
             "dark": "{colorGrey300}"
@@ -6029,6 +6093,10 @@ export var preset = {
             "light": "rgba(0, 7, 22, 0.05)",
             "dark": "rgba(0, 7, 22, 0.05)"
           },
+          "colorBackgroundToggleButtonNormalPressed": {
+            "light": "{colorBlue200}",
+            "dark": "{colorGrey650}"
+          },
           "colorBackgroundButtonPrimaryActive": {
             "light": "{colorBlue800}",
             "dark": "{colorBlue500}"
@@ -6325,6 +6393,10 @@ export var preset = {
             "light": "{colorTextButtonNormalDefault}",
             "dark": "{colorTextButtonNormalDefault}"
           },
+          "colorBorderToggleButtonNormalPressed": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue500}"
+          },
           "colorBorderButtonNormalDisabled": {
             "light": "{colorGrey400}",
             "dark": "{colorGrey550}"
@@ -6617,6 +6689,10 @@ export var preset = {
             "light": "{colorTextButtonNormalHover}",
             "dark": "{colorTextButtonNormalHover}"
           },
+          "colorTextToggleButtonNormalPressed": {
+            "light": "{colorBlue800}",
+            "dark": "{colorBlue400}"
+          },
           "colorTextButtonNormalDefault": {
             "light": "{colorGrey600}",
             "dark": "{colorGrey600}"
@@ -6825,6 +6901,10 @@ export var preset = {
             "light": "{colorGrey900}",
             "dark": "{colorGrey100}"
           },
+          "colorTextToggleButtonIconPressed": {
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey100}"
+          },
           "colorTextInteractiveInvertedDefault": {
             "light": "{colorGrey600}",
             "dark": "{colorGrey600}"
@@ -7039,6 +7119,10 @@ export var preset = {
             "light": "rgba(0, 7, 22, 0.05)",
             "dark": "rgba(255, 255, 255, 0.1)"
           },
+          "colorBackgroundToggleButtonNormalPressed": {
+            "light": "{colorBlue200}",
+            "dark": "{colorGrey650}"
+          },
           "colorBackgroundButtonPrimaryActive": {
             "light": "{colorBlue800}",
             "dark": "{colorBlue500}"
@@ -7335,6 +7419,10 @@ export var preset = {
             "light": "{colorTextButtonNormalDefault}",
             "dark": "{colorTextButtonNormalDefault}"
           },
+          "colorBorderToggleButtonNormalPressed": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue500}"
+          },
           "colorBorderButtonNormalDisabled": {
             "light": "{colorGrey400}",
             "dark": "{colorGrey550}"
@@ -7627,6 +7715,10 @@ export var preset = {
             "light": "{colorTextButtonNormalHover}",
             "dark": "{colorTextButtonNormalHover}"
           },
+          "colorTextToggleButtonNormalPressed": {
+            "light": "{colorBlue800}",
+            "dark": "{colorBlue400}"
+          },
           "colorTextButtonNormalDefault": {
             "light": "{colorGrey600}",
             "dark": "{colorGrey300}"
@@ -7835,6 +7927,10 @@ export var preset = {
             "light": "{colorGrey900}",
             "dark": "{colorGrey100}"
           },
+          "colorTextToggleButtonIconPressed": {
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey100}"
+          },
           "colorTextInteractiveInvertedDefault": {
             "light": "{colorGrey300}",
             "dark": "{colorGrey300}"
@@ -8051,6 +8147,10 @@ export var preset = {
             "light": "rgba(255, 255, 255, 0.1)",
             "dark": "rgba(255, 255, 255, 0.1)"
           },
+          "colorBackgroundToggleButtonNormalPressed": {
+            "light": "{colorGrey650}",
+            "dark": "{colorGrey650}"
+          },
           "colorBackgroundButtonPrimaryActive": {
             "light": "{colorBlue500}",
             "dark": "{colorBlue500}"
@@ -8347,6 +8447,10 @@ export var preset = {
             "light": "{colorTextButtonNormalDefault}",
             "dark": "{colorTextButtonNormalDefault}"
           },
+          "colorBorderToggleButtonNormalPressed": {
+            "light": "{colorBlue500}",
+            "dark": "{colorBlue500}"
+          },
           "colorBorderButtonNormalDisabled": {
             "light": "{colorGrey550}",
             "dark": "{colorGrey550}"
@@ -8639,6 +8743,10 @@ export var preset = {
             "light": "{colorTextButtonNormalHover}",
             "dark": "{colorTextButtonNormalHover}"
           },
+          "colorTextToggleButtonNormalPressed": {
+            "light": "{colorBlue400}",
+            "dark": "{colorBlue400}"
+          },
           "colorTextButtonNormalDefault": {
             "light": "{colorGrey300}",
             "dark": "{colorGrey300}"
@@ -8847,6 +8955,10 @@ export var preset = {
             "light": "{colorGrey100}",
             "dark": "{colorGrey100}"
           },
+          "colorTextToggleButtonIconPressed": {
+            "light": "{colorGrey100}",
+            "dark": "{colorGrey100}"
+          },
           "colorTextInteractiveInvertedDefault": {
             "light": "{colorGrey300}",
             "dark": "{colorGrey300}"
@@ -9165,6 +9277,7 @@ export var preset = {
       "colorBackgroundButtonNormalDefault": "color",
       "colorBackgroundButtonNormalDisabled": "color",
       "colorBackgroundButtonNormalHover": "color",
+      "colorBackgroundToggleButtonNormalPressed": "color",
       "colorBackgroundButtonPrimaryActive": "color",
       "colorBackgroundButtonPrimaryDefault": "color",
       "colorBackgroundButtonPrimaryDisabled": "color",
@@ -9239,6 +9352,7 @@ export var preset = {
       "colorBackgroundLoadingBarGenAi": "color",
       "colorBorderButtonNormalActive": "color",
       "colorBorderButtonNormalDefault": "color",
+      "colorBorderToggleButtonNormalPressed": "color",
       "colorBorderButtonNormalDisabled": "color",
       "colorTextButtonNormalDisabled": "color",
       "colorBorderButtonNormalHover": "color",
@@ -9312,6 +9426,7 @@ export var preset = {
       "colorTextButtonInlineIconDisabled": "color",
       "colorTextButtonInlineIconHover": "color",
       "colorTextButtonNormalActive": "color",
+      "colorTextToggleButtonNormalPressed": "color",
       "colorTextButtonNormalDefault": "color",
       "colorTextButtonNormalHover": "color",
       "colorTextLinkButtonNormalDefault": "color",
@@ -9364,6 +9479,7 @@ export var preset = {
       "colorTextInteractiveDefault": "color",
       "colorTextInteractiveDisabled": "color",
       "colorTextInteractiveHover": "color",
+      "colorTextToggleButtonIconPressed": "color",
       "colorTextInteractiveInvertedDefault": "color",
       "colorTextInteractiveInvertedHover": "color",
       "colorTextInverted": "color",
@@ -9634,6 +9750,7 @@ export var preset = {
     "colorBackgroundButtonNormalDefault",
     "colorBackgroundButtonNormalDisabled",
     "colorBackgroundButtonNormalHover",
+    "colorBackgroundToggleButtonNormalPressed",
     "colorBackgroundButtonPrimaryActive",
     "colorBackgroundButtonPrimaryDefault",
     "colorBackgroundButtonPrimaryDisabled",
@@ -9675,6 +9792,7 @@ export var preset = {
     "colorBackgroundToggleCheckedDisabled",
     "colorBorderButtonNormalActive",
     "colorBorderButtonNormalDefault",
+    "colorBorderToggleButtonNormalPressed",
     "colorBorderButtonNormalDisabled",
     "colorTextButtonNormalDisabled",
     "colorBorderButtonNormalHover",
@@ -9707,6 +9825,7 @@ export var preset = {
     "colorTextBreadcrumbCurrent",
     "colorTextBreadcrumbIcon",
     "colorTextButtonNormalActive",
+    "colorTextToggleButtonNormalPressed",
     "colorTextButtonNormalDefault",
     "colorTextButtonNormalHover",
     "colorTextLinkButtonNormalDefault",
@@ -9734,6 +9853,7 @@ export var preset = {
     "colorTextInteractiveDefault",
     "colorTextInteractiveDisabled",
     "colorTextInteractiveHover",
+    "colorTextToggleButtonIconPressed",
     "colorTextInteractiveInvertedDefault",
     "colorTextInteractiveInvertedHover",
     "colorTextLabel",
@@ -9952,6 +10072,7 @@ export var preset = {
     "colorBackgroundButtonNormalDefault",
     "colorBackgroundButtonNormalDisabled",
     "colorBackgroundButtonNormalHover",
+    "colorBackgroundToggleButtonNormalPressed",
     "colorBackgroundButtonPrimaryActive",
     "colorBackgroundButtonPrimaryDefault",
     "colorBackgroundButtonPrimaryDisabled",
@@ -9997,6 +10118,7 @@ export var preset = {
     "colorBackgroundLoadingBarGenAi",
     "colorBorderButtonNormalActive",
     "colorBorderButtonNormalDefault",
+    "colorBorderToggleButtonNormalPressed",
     "colorBorderButtonNormalDisabled",
     "colorTextButtonNormalDisabled",
     "colorBorderButtonNormalHover",
@@ -10029,6 +10151,7 @@ export var preset = {
     "colorTextBreadcrumbCurrent",
     "colorTextBreadcrumbIcon",
     "colorTextButtonNormalActive",
+    "colorTextToggleButtonNormalPressed",
     "colorTextButtonNormalDefault",
     "colorTextButtonNormalHover",
     "colorTextButtonPrimaryActive",
@@ -10054,6 +10177,7 @@ export var preset = {
     "colorTextInteractiveDefault",
     "colorTextInteractiveDisabled",
     "colorTextInteractiveHover",
+    "colorTextToggleButtonIconPressed",
     "colorTextInteractiveInvertedDefault",
     "colorTextInteractiveInvertedHover",
     "colorTextLabel",
@@ -10376,6 +10500,7 @@ export var preset = {
     "colorBackgroundButtonNormalDefault": "color-background-button-normal-default",
     "colorBackgroundButtonNormalDisabled": "color-background-button-normal-disabled",
     "colorBackgroundButtonNormalHover": "color-background-button-normal-hover",
+    "colorBackgroundToggleButtonNormalPressed": "color-background-toggle-button-normal-pressed",
     "colorBackgroundButtonPrimaryActive": "color-background-button-primary-active",
     "colorBackgroundButtonPrimaryDefault": "color-background-button-primary-default",
     "colorBackgroundButtonPrimaryDisabled": "color-background-button-primary-disabled",
@@ -10450,6 +10575,7 @@ export var preset = {
     "colorBackgroundLoadingBarGenAi": "color-background-loading-bar-gen-ai",
     "colorBorderButtonNormalActive": "color-border-button-normal-active",
     "colorBorderButtonNormalDefault": "color-border-button-normal-default",
+    "colorBorderToggleButtonNormalPressed": "color-border-toggle-button-normal-pressed",
     "colorBorderButtonNormalDisabled": "color-border-button-normal-disabled",
     "colorTextButtonNormalDisabled": "color-text-button-normal-disabled",
     "colorBorderButtonNormalHover": "color-border-button-normal-hover",
@@ -10523,6 +10649,7 @@ export var preset = {
     "colorTextButtonInlineIconDisabled": "color-text-button-inline-icon-disabled",
     "colorTextButtonInlineIconHover": "color-text-button-inline-icon-hover",
     "colorTextButtonNormalActive": "color-text-button-normal-active",
+    "colorTextToggleButtonNormalPressed": "color-text-toggle-button-normal-pressed",
     "colorTextButtonNormalDefault": "color-text-button-normal-default",
     "colorTextButtonNormalHover": "color-text-button-normal-hover",
     "colorTextLinkButtonNormalDefault": "color-text-link-button-normal-default",
@@ -10575,6 +10702,7 @@ export var preset = {
     "colorTextInteractiveDefault": "color-text-interactive-default",
     "colorTextInteractiveDisabled": "color-text-interactive-disabled",
     "colorTextInteractiveHover": "color-text-interactive-hover",
+    "colorTextToggleButtonIconPressed": "color-text-toggle-button-icon-pressed",
     "colorTextInteractiveInvertedDefault": "color-text-interactive-inverted-default",
     "colorTextInteractiveInvertedHover": "color-text-interactive-inverted-hover",
     "colorTextInverted": "color-text-inverted",
@@ -11088,6 +11216,7 @@ export var preset = {
     "colorBackgroundButtonNormalDefault": "--color-background-button-normal-default-klhbuw",
     "colorBackgroundButtonNormalDisabled": "--color-background-button-normal-disabled-3ksod4",
     "colorBackgroundButtonNormalHover": "--color-background-button-normal-hover-imnrq7",
+    "colorBackgroundToggleButtonNormalPressed": "--color-background-toggle-button-normal-pressed-488zeb",
     "colorBackgroundButtonPrimaryActive": "--color-background-button-primary-active-1ucrg4",
     "colorBackgroundButtonPrimaryDefault": "--color-background-button-primary-default-jrg2xu",
     "colorBackgroundButtonPrimaryDisabled": "--color-background-button-primary-disabled-yblour",
@@ -11162,6 +11291,7 @@ export var preset = {
     "colorBackgroundLoadingBarGenAi": "--color-background-loading-bar-gen-ai-7qfi9s",
     "colorBorderButtonNormalActive": "--color-border-button-normal-active-tc4102",
     "colorBorderButtonNormalDefault": "--color-border-button-normal-default-x52rkp",
+    "colorBorderToggleButtonNormalPressed": "--color-border-toggle-button-normal-pressed-s1n6l1",
     "colorBorderButtonNormalDisabled": "--color-border-button-normal-disabled-40wkb4",
     "colorTextButtonNormalDisabled": "--color-text-button-normal-disabled-h3ul0e",
     "colorBorderButtonNormalHover": "--color-border-button-normal-hover-qs1x3s",
@@ -11235,6 +11365,7 @@ export var preset = {
     "colorTextButtonInlineIconDisabled": "--color-text-button-inline-icon-disabled-mz5gmn",
     "colorTextButtonInlineIconHover": "--color-text-button-inline-icon-hover-my2daf",
     "colorTextButtonNormalActive": "--color-text-button-normal-active-4it2mv",
+    "colorTextToggleButtonNormalPressed": "--color-text-toggle-button-normal-pressed-arj8xm",
     "colorTextButtonNormalDefault": "--color-text-button-normal-default-mo7k6u",
     "colorTextButtonNormalHover": "--color-text-button-normal-hover-04pe0y",
     "colorTextLinkButtonNormalDefault": "--color-text-link-button-normal-default-px6yl8",
@@ -11287,6 +11418,7 @@ export var preset = {
     "colorTextInteractiveDefault": "--color-text-interactive-default-lnx6lk",
     "colorTextInteractiveDisabled": "--color-text-interactive-disabled-z7a3t4",
     "colorTextInteractiveHover": "--color-text-interactive-hover-mj8add",
+    "colorTextToggleButtonIconPressed": "--color-text-toggle-button-icon-pressed-q09b5b",
     "colorTextInteractiveInvertedDefault": "--color-text-interactive-inverted-default-yhw7hw",
     "colorTextInteractiveInvertedHover": "--color-text-interactive-inverted-hover-zzkght",
     "colorTextInverted": "--color-text-inverted-70cpkk",

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "ff934416921a1a18223a0676a534a0f1e67e34f4"
+  "commit": "6796f153827a0b07ccb5dc5004838cc1bc37d3ba"
 }

package/package.json

@@ -80,6 +80,7 @@
     "./tiles": "./tiles/index.js",
     "./time-input": "./time-input/index.js",
     "./toggle": "./toggle/index.js",
+    "./toggle-button": "./toggle-button/index.js",
     "./token-group": "./token-group/index.js",
     "./top-navigation": "./top-navigation/index.js",
     "./tutorial-panel": "./tutorial-panel/index.js",
@@ -124,7 +125,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.700",
+  "version": "3.0.702",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/select/parts/filter.d.ts

@@ -5,6 +5,6 @@ export interface FilterProps extends InternalInputProps {
     ref?: React.Ref<HTMLInputElement>;
     filteringType: SelectProps.FilteringType;
 }
-declare const Filter: React.ForwardRefExoticComponent<Pick<FilterProps, "disabled" | "autoComplete" | "autoFocus" | "name" | "className" | "id" | "placeholder" | "inputMode" | "type" | "readOnly" | "step" | "value" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "warning" | "ariaLabel" | "ariaDescribedby" | "clearAriaLabel" | "ariaLabelledby" | "__nativeAttributes" | "__internalRootRef" | "invalid" | "controlId" | "filteringType" | "ariaRequired" | "disableBrowserAutocorrect" | "spellcheck" | "__leftIcon" | "__leftIconVariant" | "__onLeftIconClick" | "__rightIcon" | "__onRightIconClick" | "__noBorderRadius" | "__onDelayedInput" | "__onBlurWithDetail" | "__inheritFormFieldProps"> & React.RefAttributes<HTMLInputElement>>;
+declare const Filter: React.ForwardRefExoticComponent<Pick<FilterProps, "disabled" | "autoComplete" | "autoFocus" | "name" | "className" | "id" | "placeholder" | "inputMode" | "type" | "readOnly" | "step" | "value" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "warning" | "clearAriaLabel" | "ariaLabelledby" | "ariaLabel" | "ariaDescribedby" | "__nativeAttributes" | "__internalRootRef" | "invalid" | "controlId" | "filteringType" | "ariaRequired" | "disableBrowserAutocorrect" | "spellcheck" | "__leftIcon" | "__leftIconVariant" | "__onLeftIconClick" | "__rightIcon" | "__onRightIconClick" | "__noBorderRadius" | "__onDelayedInput" | "__onBlurWithDetail" | "__inheritFormFieldProps"> & React.RefAttributes<HTMLInputElement>>;
 export default Filter;
 //# sourceMappingURL=filter.d.ts.map

package/test-utils/dom/index.d.ts

@@ -136,6 +136,8 @@ import TimeInputWrapper from './time-input';
 export { TimeInputWrapper };
 import ToggleWrapper from './toggle';
 export { ToggleWrapper };
+import ToggleButtonWrapper from './toggle-button';
+export { ToggleButtonWrapper };
 import TokenGroupWrapper from './token-group';
 export { TokenGroupWrapper };
 import TopNavigationWrapper from './top-navigation';
@@ -214,6 +216,7 @@ declare module '@cloudscape-design/test-utils-core/dist/dom' {
         findTiles(selector?: string): TilesWrapper | null;
         findTimeInput(selector?: string): TimeInputWrapper | null;
         findToggle(selector?: string): ToggleWrapper | null;
+        findToggleButton(selector?: string): ToggleButtonWrapper | null;
         findTokenGroup(selector?: string): TokenGroupWrapper | null;
         findTopNavigation(selector?: string): TopNavigationWrapper | null;
         findTutorialPanel(selector?: string): TutorialPanelWrapper | null;

package/test-utils/dom/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PropertyFilterWrapper = exports.PromptInputWrapper = exports.ProgressBarWrapper = exports.PopoverWrapper = exports.PieChartWrapper = exports.PaginationWrapper = exports.MultiselectWrapper = exports.ModalWrapper = exports.MixedLineBarChartWrapper = exports.LinkWrapper = exports.LineChartWrapper = exports.KeyValuePairsWrapper = exports.InputWrapper = exports.IconWrapper = exports.HotspotWrapper = exports.HelpPanelWrapper = exports.HeaderWrapper = exports.GridWrapper = exports.FormFieldWrapper = exports.FormWrapper = exports.FlashbarWrapper = exports.FileUploadWrapper = exports.ExpandableSectionWrapper = exports.DrawerWrapper = exports.DateRangePickerWrapper = exports.DatePickerWrapper = exports.DateInputWrapper = exports.CopyToClipboardWrapper = exports.ContentLayoutWrapper = exports.ContainerWrapper = exports.ColumnLayoutWrapper = exports.CollectionPreferencesWrapper = exports.CodeEditorWrapper = exports.CheckboxWrapper = exports.CardsWrapper = exports.CalendarWrapper = exports.ButtonDropdownWrapper = exports.ButtonWrapper = exports.BreadcrumbGroupWrapper = exports.BoxWrapper = exports.BarChartWrapper = exports.BadgeWrapper = exports.AutosuggestWrapper = exports.AttributeEditorWrapper = exports.AreaChartWrapper = exports.AppLayoutWrapper = exports.AnnotationWrapper = exports.AnchorNavigationWrapper = exports.AlertWrapper = exports.ElementWrapper = void 0;
-exports.WizardWrapper = exports.TutorialPanelWrapper = exports.TopNavigationWrapper = exports.TokenGroupWrapper = exports.ToggleWrapper = exports.TimeInputWrapper = exports.TilesWrapper = exports.TextareaWrapper = exports.TextFilterWrapper = exports.TextContentWrapper = exports.TagEditorWrapper = exports.TabsWrapper = exports.TableWrapper = exports.StatusIndicatorWrapper = exports.SplitPanelWrapper = exports.SpinnerWrapper = exports.SpaceBetweenWrapper = exports.SliderWrapper = exports.SideNavigationWrapper = exports.SelectWrapper = exports.SegmentedControlWrapper = exports.S3ResourceSelectorWrapper = exports.RadioGroupWrapper = void 0;
+exports.WizardWrapper = exports.TutorialPanelWrapper = exports.TopNavigationWrapper = exports.TokenGroupWrapper = exports.ToggleButtonWrapper = exports.ToggleWrapper = exports.TimeInputWrapper = exports.TilesWrapper = exports.TextareaWrapper = exports.TextFilterWrapper = exports.TextContentWrapper = exports.TagEditorWrapper = exports.TabsWrapper = exports.TableWrapper = exports.StatusIndicatorWrapper = exports.SplitPanelWrapper = exports.SpinnerWrapper = exports.SpaceBetweenWrapper = exports.SliderWrapper = exports.SideNavigationWrapper = exports.SelectWrapper = exports.SegmentedControlWrapper = exports.S3ResourceSelectorWrapper = exports.RadioGroupWrapper = void 0;
 const dom_1 = require("@cloudscape-design/test-utils-core/dom");
 Object.defineProperty(exports, "ElementWrapper", { enumerable: true, get: function () { return dom_1.ElementWrapper; } });
 const utils_1 = require("@cloudscape-design/test-utils-core/utils");
@@ -141,6 +141,8 @@ const time_input_1 = require("./time-input");
 exports.TimeInputWrapper = time_input_1.default;
 const toggle_1 = require("./toggle");
 exports.ToggleWrapper = toggle_1.default;
+const toggle_button_1 = require("./toggle-button");
+exports.ToggleButtonWrapper = toggle_button_1.default;
 const token_group_1 = require("./token-group");
 exports.TokenGroupWrapper = token_group_1.default;
 const top_navigation_1 = require("./top-navigation");
@@ -557,6 +559,12 @@ dom_1.ElementWrapper.prototype.findToggle = function (selector) {
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, toggle_1.default);
 };
+dom_1.ElementWrapper.prototype.findToggleButton = function (selector) {
+    const rootSelector = `.${toggle_button_1.default.rootSelector}`;
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, toggle_button_1.default);
+};
 dom_1.ElementWrapper.prototype.findTokenGroup = function (selector) {
     const rootSelector = `.${token_group_1.default.rootSelector}`;
     // casting to 'any' is needed to avoid this issue with generics