@cloudscape-design/components 3.0.1284 → 3.0.1285

package/internal/generated/theming/index.js

@@ -1363,6 +1363,10 @@ export var preset = {
         "light": "{colorNeutral250}",
         "dark": "{colorNeutral700}"
       },
+      "colorBackgroundLayoutToolbar": {
+        "light": "{colorBackgroundLayoutPanelContent}",
+        "dark": "{colorBackgroundLayoutPanelContent}"
+      },
       "colorBackgroundLayoutToggleActive": {
         "light": "{colorNeutral650}",
         "dark": "{colorNeutral650}"
@@ -1611,10 +1615,22 @@ export var preset = {
         "light": "{colorNeutral500}",
         "dark": "{colorNeutral500}"
       },
+      "colorBorderButtonPrimaryActive": {
+        "light": "{colorBackgroundButtonPrimaryActive}",
+        "dark": "{colorBackgroundButtonPrimaryActive}"
+      },
+      "colorBorderButtonPrimaryDefault": {
+        "light": "{colorBackgroundButtonPrimaryDefault}",
+        "dark": "{colorBackgroundButtonPrimaryDefault}"
+      },
       "colorBorderButtonPrimaryDisabled": {
         "light": "{colorBackgroundButtonPrimaryDisabled}",
         "dark": "{colorBackgroundButtonPrimaryDisabled}"
       },
+      "colorBorderButtonPrimaryHover": {
+        "light": "{colorBackgroundButtonPrimaryHover}",
+        "dark": "{colorBackgroundButtonPrimaryHover}"
+      },
       "colorTextButtonPrimaryDisabled": {
         "light": "{colorNeutral500}",
         "dark": "{colorNeutral500}"
@@ -3974,6 +3990,10 @@ export var preset = {
             "light": "{colorNeutral700}",
             "dark": "{colorNeutral700}"
           },
+          "colorBackgroundLayoutToolbar": {
+            "light": "{colorBackgroundLayoutPanelContent}",
+            "dark": "{colorBackgroundLayoutPanelContent}"
+          },
           "colorBackgroundLayoutToggleActive": {
             "light": "{colorNeutral650}",
             "dark": "{colorNeutral650}"
@@ -4222,10 +4242,22 @@ export var preset = {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
           },
+          "colorBorderButtonPrimaryActive": {
+            "light": "{colorBackgroundButtonPrimaryActive}",
+            "dark": "{colorBackgroundButtonPrimaryActive}"
+          },
+          "colorBorderButtonPrimaryDefault": {
+            "light": "{colorBackgroundButtonPrimaryDefault}",
+            "dark": "{colorBackgroundButtonPrimaryDefault}"
+          },
           "colorBorderButtonPrimaryDisabled": {
             "light": "{colorBackgroundButtonPrimaryDisabled}",
             "dark": "{colorBackgroundButtonPrimaryDisabled}"
           },
+          "colorBorderButtonPrimaryHover": {
+            "light": "{colorBackgroundButtonPrimaryHover}",
+            "dark": "{colorBackgroundButtonPrimaryHover}"
+          },
           "colorTextButtonPrimaryDisabled": {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
@@ -5423,6 +5455,10 @@ export var preset = {
             "light": "{colorNeutral700}",
             "dark": "{colorNeutral700}"
           },
+          "colorBackgroundLayoutToolbar": {
+            "light": "{colorBackgroundLayoutPanelContent}",
+            "dark": "{colorBackgroundLayoutPanelContent}"
+          },
           "colorBackgroundLayoutToggleActive": {
             "light": "{colorNeutral650}",
             "dark": "{colorNeutral650}"
@@ -5671,10 +5707,22 @@ export var preset = {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
           },
+          "colorBorderButtonPrimaryActive": {
+            "light": "{colorBackgroundButtonPrimaryActive}",
+            "dark": "{colorBackgroundButtonPrimaryActive}"
+          },
+          "colorBorderButtonPrimaryDefault": {
+            "light": "{colorBackgroundButtonPrimaryDefault}",
+            "dark": "{colorBackgroundButtonPrimaryDefault}"
+          },
           "colorBorderButtonPrimaryDisabled": {
             "light": "{colorBackgroundButtonPrimaryDisabled}",
             "dark": "{colorBackgroundButtonPrimaryDisabled}"
           },
+          "colorBorderButtonPrimaryHover": {
+            "light": "{colorBackgroundButtonPrimaryHover}",
+            "dark": "{colorBackgroundButtonPrimaryHover}"
+          },
           "colorTextButtonPrimaryDisabled": {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
@@ -6800,6 +6848,10 @@ export var preset = {
             "light": "{colorNeutral250}",
             "dark": "{colorNeutral700}"
           },
+          "colorBackgroundLayoutToolbar": {
+            "light": "{colorBackgroundLayoutPanelContent}",
+            "dark": "{colorBackgroundLayoutPanelContent}"
+          },
           "colorBackgroundLayoutToggleActive": {
             "light": "{colorNeutral650}",
             "dark": "{colorNeutral650}"
@@ -7048,10 +7100,22 @@ export var preset = {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
           },
+          "colorBorderButtonPrimaryActive": {
+            "light": "{colorBackgroundButtonPrimaryActive}",
+            "dark": "{colorBackgroundButtonPrimaryActive}"
+          },
+          "colorBorderButtonPrimaryDefault": {
+            "light": "{colorBackgroundButtonPrimaryDefault}",
+            "dark": "{colorBackgroundButtonPrimaryDefault}"
+          },
           "colorBorderButtonPrimaryDisabled": {
             "light": "{colorBackgroundButtonPrimaryDisabled}",
             "dark": "{colorBackgroundButtonPrimaryDisabled}"
           },
+          "colorBorderButtonPrimaryHover": {
+            "light": "{colorBackgroundButtonPrimaryHover}",
+            "dark": "{colorBackgroundButtonPrimaryHover}"
+          },
           "colorTextButtonPrimaryDisabled": {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
@@ -8062,6 +8126,10 @@ export var preset = {
             "light": "{colorNeutral250}",
             "dark": "{colorNeutral700}"
           },
+          "colorBackgroundLayoutToolbar": {
+            "light": "{colorBackgroundLayoutPanelContent}",
+            "dark": "{colorBackgroundLayoutPanelContent}"
+          },
           "colorBackgroundLayoutToggleActive": {
             "light": "{colorNeutral650}",
             "dark": "{colorNeutral650}"
@@ -8310,10 +8378,22 @@ export var preset = {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
           },
+          "colorBorderButtonPrimaryActive": {
+            "light": "{colorBackgroundButtonPrimaryActive}",
+            "dark": "{colorBackgroundButtonPrimaryActive}"
+          },
+          "colorBorderButtonPrimaryDefault": {
+            "light": "{colorBackgroundButtonPrimaryDefault}",
+            "dark": "{colorBackgroundButtonPrimaryDefault}"
+          },
           "colorBorderButtonPrimaryDisabled": {
             "light": "{colorBackgroundButtonPrimaryDisabled}",
             "dark": "{colorBackgroundButtonPrimaryDisabled}"
           },
+          "colorBorderButtonPrimaryHover": {
+            "light": "{colorBackgroundButtonPrimaryHover}",
+            "dark": "{colorBackgroundButtonPrimaryHover}"
+          },
           "colorTextButtonPrimaryDisabled": {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
@@ -9324,6 +9404,10 @@ export var preset = {
             "light": "{colorNeutral250}",
             "dark": "{colorNeutral700}"
           },
+          "colorBackgroundLayoutToolbar": {
+            "light": "{colorBackgroundLayoutPanelContent}",
+            "dark": "{colorBackgroundLayoutPanelContent}"
+          },
           "colorBackgroundLayoutToggleActive": {
             "light": "{colorNeutral650}",
             "dark": "{colorNeutral650}"
@@ -9572,10 +9656,22 @@ export var preset = {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
           },
+          "colorBorderButtonPrimaryActive": {
+            "light": "{colorBackgroundButtonPrimaryActive}",
+            "dark": "{colorBackgroundButtonPrimaryActive}"
+          },
+          "colorBorderButtonPrimaryDefault": {
+            "light": "{colorBackgroundButtonPrimaryDefault}",
+            "dark": "{colorBackgroundButtonPrimaryDefault}"
+          },
           "colorBorderButtonPrimaryDisabled": {
             "light": "{colorBackgroundButtonPrimaryDisabled}",
             "dark": "{colorBackgroundButtonPrimaryDisabled}"
           },
+          "colorBorderButtonPrimaryHover": {
+            "light": "{colorBackgroundButtonPrimaryHover}",
+            "dark": "{colorBackgroundButtonPrimaryHover}"
+          },
           "colorTextButtonPrimaryDisabled": {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
@@ -10588,6 +10684,10 @@ export var preset = {
             "light": "{colorNeutral700}",
             "dark": "{colorNeutral700}"
           },
+          "colorBackgroundLayoutToolbar": {
+            "light": "{colorBackgroundLayoutPanelContent}",
+            "dark": "{colorBackgroundLayoutPanelContent}"
+          },
           "colorBackgroundLayoutToggleActive": {
             "light": "{colorNeutral650}",
             "dark": "{colorNeutral650}"
@@ -10836,10 +10936,22 @@ export var preset = {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
           },
+          "colorBorderButtonPrimaryActive": {
+            "light": "{colorBackgroundButtonPrimaryActive}",
+            "dark": "{colorBackgroundButtonPrimaryActive}"
+          },
+          "colorBorderButtonPrimaryDefault": {
+            "light": "{colorBackgroundButtonPrimaryDefault}",
+            "dark": "{colorBackgroundButtonPrimaryDefault}"
+          },
           "colorBorderButtonPrimaryDisabled": {
             "light": "{colorBackgroundButtonPrimaryDisabled}",
             "dark": "{colorBackgroundButtonPrimaryDisabled}"
           },
+          "colorBorderButtonPrimaryHover": {
+            "light": "{colorBackgroundButtonPrimaryHover}",
+            "dark": "{colorBackgroundButtonPrimaryHover}"
+          },
           "colorTextButtonPrimaryDisabled": {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
@@ -11949,6 +12061,7 @@ export var preset = {
       "colorBackgroundLayoutMobilePanel": "color",
       "colorBackgroundLayoutPanelContent": "color",
       "colorBackgroundLayoutPanelHover": "color",
+      "colorBackgroundLayoutToolbar": "color",
       "colorBackgroundLayoutToggleActive": "color",
       "colorBackgroundLayoutToggleDefault": "color",
       "colorBackgroundLayoutToggleHover": "color",
@@ -12011,7 +12124,10 @@ export var preset = {
       "colorTextButtonNormalDisabled": "color",
       "colorBorderButtonNormalHover": "color",
       "colorTextButtonIconDisabled": "color",
+      "colorBorderButtonPrimaryActive": "color",
+      "colorBorderButtonPrimaryDefault": "color",
       "colorBorderButtonPrimaryDisabled": "color",
+      "colorBorderButtonPrimaryHover": "color",
       "colorTextButtonPrimaryDisabled": "color",
       "colorItemSelected": "color",
       "colorBorderCalendarGrid": "color",
@@ -12709,6 +12825,7 @@ export var preset = {
     "colorBackgroundInputDisabled",
     "colorBackgroundItemSelected",
     "colorBackgroundLayoutMain",
+    "colorBackgroundLayoutToolbar",
     "colorBackgroundLayoutToggleActive",
     "colorBackgroundLayoutToggleDefault",
     "colorBackgroundLayoutToggleHover",
@@ -12751,7 +12868,10 @@ export var preset = {
     "colorTextButtonNormalDisabled",
     "colorBorderButtonNormalHover",
     "colorTextButtonIconDisabled",
+    "colorBorderButtonPrimaryActive",
+    "colorBorderButtonPrimaryDefault",
     "colorBorderButtonPrimaryDisabled",
+    "colorBorderButtonPrimaryHover",
     "colorTextButtonPrimaryDisabled",
     "colorItemSelected",
     "colorBorderCard",
@@ -13136,6 +13256,7 @@ export var preset = {
     "colorBackgroundInputDisabled",
     "colorBackgroundItemSelected",
     "colorBackgroundLayoutMain",
+    "colorBackgroundLayoutToolbar",
     "colorBackgroundLayoutToggleActive",
     "colorBackgroundLayoutToggleDefault",
     "colorBackgroundLayoutToggleHover",
@@ -13181,7 +13302,10 @@ export var preset = {
     "colorTextButtonNormalDisabled",
     "colorBorderButtonNormalHover",
     "colorTextButtonIconDisabled",
+    "colorBorderButtonPrimaryActive",
+    "colorBorderButtonPrimaryDefault",
     "colorBorderButtonPrimaryDisabled",
+    "colorBorderButtonPrimaryHover",
     "colorTextButtonPrimaryDisabled",
     "colorItemSelected",
     "colorBorderCard",
@@ -13744,6 +13868,7 @@ export var preset = {
     "colorBackgroundLayoutMobilePanel": "color-background-layout-mobile-panel",
     "colorBackgroundLayoutPanelContent": "color-background-layout-panel-content",
     "colorBackgroundLayoutPanelHover": "color-background-layout-panel-hover",
+    "colorBackgroundLayoutToolbar": "color-background-layout-toolbar",
     "colorBackgroundLayoutToggleActive": "color-background-layout-toggle-active",
     "colorBackgroundLayoutToggleDefault": "color-background-layout-toggle-default",
     "colorBackgroundLayoutToggleHover": "color-background-layout-toggle-hover",
@@ -13806,7 +13931,10 @@ export var preset = {
     "colorTextButtonNormalDisabled": "color-text-button-normal-disabled",
     "colorBorderButtonNormalHover": "color-border-button-normal-hover",
     "colorTextButtonIconDisabled": "color-text-button-icon-disabled",
+    "colorBorderButtonPrimaryActive": "color-border-button-primary-active",
+    "colorBorderButtonPrimaryDefault": "color-border-button-primary-default",
     "colorBorderButtonPrimaryDisabled": "color-border-button-primary-disabled",
+    "colorBorderButtonPrimaryHover": "color-border-button-primary-hover",
     "colorTextButtonPrimaryDisabled": "color-text-button-primary-disabled",
     "colorItemSelected": "color-item-selected",
     "colorBorderCalendarGrid": "color-border-calendar-grid",
@@ -14640,6 +14768,7 @@ export var preset = {
     "colorBackgroundLayoutMobilePanel": "--color-background-layout-mobile-panel-ed0ava",
     "colorBackgroundLayoutPanelContent": "--color-background-layout-panel-content-xto15e",
     "colorBackgroundLayoutPanelHover": "--color-background-layout-panel-hover-tguulw",
+    "colorBackgroundLayoutToolbar": "--color-background-layout-toolbar-y0cu80",
     "colorBackgroundLayoutToggleActive": "--color-background-layout-toggle-active-ap91vm",
     "colorBackgroundLayoutToggleDefault": "--color-background-layout-toggle-default-2hgjdu",
     "colorBackgroundLayoutToggleHover": "--color-background-layout-toggle-hover-0cpm7g",
@@ -14702,7 +14831,10 @@ export var preset = {
     "colorTextButtonNormalDisabled": "--color-text-button-normal-disabled-05p74s",
     "colorBorderButtonNormalHover": "--color-border-button-normal-hover-6a2tdq",
     "colorTextButtonIconDisabled": "--color-text-button-icon-disabled-nnofkn",
+    "colorBorderButtonPrimaryActive": "--color-border-button-primary-active-6jnxoc",
+    "colorBorderButtonPrimaryDefault": "--color-border-button-primary-default-45p8u2",
     "colorBorderButtonPrimaryDisabled": "--color-border-button-primary-disabled-b5p1ji",
+    "colorBorderButtonPrimaryHover": "--color-border-button-primary-hover-rktx0f",
     "colorTextButtonPrimaryDisabled": "--color-text-button-primary-disabled-q79gms",
     "colorItemSelected": "--color-item-selected-72rnwy",
     "colorBorderCalendarGrid": "--color-border-calendar-grid-67r4w4",

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "84c3be4690035de46011b39032ecbe58e5a9d945"
+  "commit": "f5628d2da804c179a039fbe08e4755e84c017c9e"
 }

package/package.json

@@ -164,7 +164,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.1284",
+  "version": "3.0.1285",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/steps/interfaces.d.ts

@@ -22,8 +22,6 @@ export interface StepsProps extends BaseComponentProps {
    * * `header` (React.ReactNode) - Summary corresponding to the step.
    * * `details` (React.ReactNode) - (Optional) Additional information corresponding to the step.
    * * `icon` (React.ReactNode) - (Optional) Replaces the standard step icon from the status indicator.
-   *
-   * @awsuiSystem core
    */
   renderStep?: (step: StepsProps.Step) => {
     header: React.ReactNode;

package/steps/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;;;;;;;OAQG;IACH,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC;IACrC;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,KAAK;QACtC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;IACF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,MAAM,GAAG,oBAAoB,CAAC,IAAI,CAAC;IAE/C,UAAiB,IAAI;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B;IAED,KAAY,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;CACrD"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;;;;;;;OAQG;IACH,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC;IACrC;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,KAAK;QACtC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;IACF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,MAAM,GAAG,oBAAoB,CAAC,IAAI,CAAC;IAE/C,UAAiB,IAAI;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B;IAED,KAAY,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;CACrD"}

package/steps/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { StatusIndicatorProps } from '../status-indicator/interfaces';\n\nexport interface StepsProps extends BaseComponentProps {\n  /**\n   * An array of individual steps\n   *\n   * Each step definition has the following properties:\n   *  * `status` (string) - Status of the step corresponding to a status indicator.\n   *  * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.\n   *  * `header` (ReactNode) - Summary corresponding to the step.\n   *  * `details` (ReactNode) - (Optional) Additional information corresponding to the step.\n   */\n  steps: ReadonlyArray<StepsProps.Step>;\n  /**\n   * The visual orientation of the steps (vertical or horizontal).\n   * By default the orientation is vertical.\n   */\n  orientation?: StepsProps.Orientation;\n  /**\n   * Render a step. This overrides the default icon, header, and details provided by the component.\n   * The function is called for each step and should return an object with the following keys:\n   * * `header` (React.ReactNode) - Summary corresponding to the step.\n   * * `details` (React.ReactNode) - (Optional) Additional information corresponding to the step.\n   * * `icon` (React.ReactNode) - (Optional) Replaces the standard step icon from the status indicator.\n   *\n   * @awsuiSystem core\n   */\n  renderStep?: (step: StepsProps.Step) => {\n    header: React.ReactNode;\n    details?: React.ReactNode;\n    icon?: React.ReactNode;\n  };\n  /**\n   * Provides an `aria-label` to the progress steps container.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabel?: string;\n  /**\n   * Sets the `aria-labelledby` property on the progress steps container.\n   * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabelledby?: string;\n  /**\n   * Sets the `aria-describedby` property on the progress steps container.\n   */\n  ariaDescribedby?: string;\n}\n\nexport namespace StepsProps {\n  export type Status = StatusIndicatorProps.Type;\n\n  export interface Step {\n    status: Status;\n    statusIconAriaLabel?: string;\n    header: React.ReactNode;\n    details?: React.ReactNode;\n  }\n\n  export type Orientation = 'vertical' | 'horizontal';\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { StatusIndicatorProps } from '../status-indicator/interfaces';\n\nexport interface StepsProps extends BaseComponentProps {\n  /**\n   * An array of individual steps\n   *\n   * Each step definition has the following properties:\n   *  * `status` (string) - Status of the step corresponding to a status indicator.\n   *  * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.\n   *  * `header` (ReactNode) - Summary corresponding to the step.\n   *  * `details` (ReactNode) - (Optional) Additional information corresponding to the step.\n   */\n  steps: ReadonlyArray<StepsProps.Step>;\n  /**\n   * The visual orientation of the steps (vertical or horizontal).\n   * By default the orientation is vertical.\n   */\n  orientation?: StepsProps.Orientation;\n  /**\n   * Render a step. This overrides the default icon, header, and details provided by the component.\n   * The function is called for each step and should return an object with the following keys:\n   * * `header` (React.ReactNode) - Summary corresponding to the step.\n   * * `details` (React.ReactNode) - (Optional) Additional information corresponding to the step.\n   * * `icon` (React.ReactNode) - (Optional) Replaces the standard step icon from the status indicator.\n   */\n  renderStep?: (step: StepsProps.Step) => {\n    header: React.ReactNode;\n    details?: React.ReactNode;\n    icon?: React.ReactNode;\n  };\n  /**\n   * Provides an `aria-label` to the progress steps container.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabel?: string;\n  /**\n   * Sets the `aria-labelledby` property on the progress steps container.\n   * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabelledby?: string;\n  /**\n   * Sets the `aria-describedby` property on the progress steps container.\n   */\n  ariaDescribedby?: string;\n}\n\nexport namespace StepsProps {\n  export type Status = StatusIndicatorProps.Type;\n\n  export interface Step {\n    status: Status;\n    statusIconAriaLabel?: string;\n    header: React.ReactNode;\n    details?: React.ReactNode;\n  }\n\n  export type Orientation = 'vertical' | 'horizontal';\n}\n"]}