npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1205 → 3.0.1207 - Mend

@cloudscape-design/components-themeable 3.0.1205 → 3.0.1207

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 (55) hide show

package/lib/internal/template/steps/interfaces.d.ts CHANGED Viewed

@@ -14,8 +14,6 @@ export interface StepsProps extends BaseComponentProps {
     /**
      * The visual orientation of the steps (vertical or horizontal).
      * By default the orientation is vertical.
-     *
-     * @awsuiSystem core
      */
     orientation?: StepsProps.Orientation;
     /**

package/lib/internal/template/steps/interfaces.d.ts.map CHANGED Viewed

	@@ -1 +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~~;;;;;OAKG~~;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"}
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"}

package/lib/internal/template/steps/interfaces.js.map CHANGED Viewed

	@@ -1 +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 @awsuiSystem core\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"]}
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"]}

package/lib/internal/template/steps/styles.css.js CHANGED Viewed

@@ -1,14 +1,14 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gxp9y_1804k_181",
-  "list": "awsui_list_gxp9y_1804k_214",
-  "container": "awsui_container_gxp9y_1804k_219",
-  "header": "awsui_header_gxp9y_1804k_224",
-  "details": "awsui_details_gxp9y_1804k_230",
-  "connector": "awsui_connector_gxp9y_1804k_236",
-  "custom": "awsui_custom_gxp9y_1804k_252",
-  "horizontal": "awsui_horizontal_gxp9y_1804k_256",
-  "horizontal-header": "awsui_horizontal-header_gxp9y_1804k_288"
+  "root": "awsui_root_gxp9y_16job_181",
+  "list": "awsui_list_gxp9y_16job_214",
+  "container": "awsui_container_gxp9y_16job_219",
+  "header": "awsui_header_gxp9y_16job_224",
+  "details": "awsui_details_gxp9y_16job_230",
+  "connector": "awsui_connector_gxp9y_16job_236",
+  "custom": "awsui_custom_gxp9y_16job_252",
+  "horizontal": "awsui_horizontal_gxp9y_16job_256",
+  "horizontal-header": "awsui_horizontal-header_gxp9y_16job_288"
 };

package/lib/internal/template/steps/styles.scoped.css CHANGED Viewed

@@ -178,7 +178,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_gxp9y_1804k_181:not(#\9) {
+.awsui_root_gxp9y_16job_181:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -211,29 +211,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   min-inline-size: 0;
   word-break: break-word;
 }
-.awsui_root_gxp9y_1804k_181 > .awsui_list_gxp9y_1804k_214:not(#\9) {
+.awsui_root_gxp9y_16job_181 > .awsui_list_gxp9y_16job_214:not(#\9) {
   list-style: none;
   padding-inline-start: 0;
   margin-block: 0;
 }
-.awsui_root_gxp9y_1804k_181 > .awsui_list_gxp9y_1804k_214 > .awsui_container_gxp9y_1804k_219:not(#\9) {
+.awsui_root_gxp9y_16job_181 > .awsui_list_gxp9y_16job_214 > .awsui_container_gxp9y_16job_219:not(#\9) {
   display: grid;
   grid-template-columns: var(--space-static-l-ig026c, 20px) 1fr;
   grid-template-rows: minmax(var(--space-static-l-ig026c, 20px), auto);
 }
-.awsui_root_gxp9y_1804k_181 > .awsui_list_gxp9y_1804k_214 > .awsui_container_gxp9y_1804k_219 > .awsui_header_gxp9y_1804k_224:not(#\9) {
+.awsui_root_gxp9y_16job_181 > .awsui_list_gxp9y_16job_214 > .awsui_container_gxp9y_16job_219 > .awsui_header_gxp9y_16job_224:not(#\9) {
   display: flex;
   gap: var(--space-xxs-jnczic, 4px);
   grid-row: 1;
   grid-column: 1/span 2;
 }
-.awsui_root_gxp9y_1804k_181 > .awsui_list_gxp9y_1804k_214 > .awsui_container_gxp9y_1804k_219 > .awsui_details_gxp9y_1804k_230:not(#\9) {
+.awsui_root_gxp9y_16job_181 > .awsui_list_gxp9y_16job_214 > .awsui_container_gxp9y_16job_219 > .awsui_details_gxp9y_16job_230:not(#\9) {
   align-items: center;
   grid-row: 2;
   grid-column: 2;
   margin-block-end: var(--space-static-xs-4gq40t, 8px);
 }
-.awsui_root_gxp9y_1804k_181 > .awsui_list_gxp9y_1804k_214 > .awsui_container_gxp9y_1804k_219 > .awsui_connector_gxp9y_1804k_236:not(#\9) {
+.awsui_root_gxp9y_16job_181 > .awsui_list_gxp9y_16job_214 > .awsui_container_gxp9y_16job_219 > .awsui_connector_gxp9y_16job_236:not(#\9) {
   grid-row: 2;
   grid-column: 1;
   background-color: var(--color-border-divider-default-ipvpev, #eaeded);
@@ -246,32 +246,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   inset-inline-end: var(--space-static-xxxs-zckw10, 2px);
 }
-.awsui_root_gxp9y_1804k_181 > .awsui_list_gxp9y_1804k_214 > :not(#\9):last-of-type > .awsui_connector_gxp9y_1804k_236 {
+.awsui_root_gxp9y_16job_181 > .awsui_list_gxp9y_16job_214 > :not(#\9):last-of-type > .awsui_connector_gxp9y_16job_236 {
   display: none;
 }
-.awsui_root_gxp9y_1804k_181 > .awsui_list_gxp9y_1804k_214.awsui_custom_gxp9y_1804k_252 > .awsui_details_gxp9y_1804k_230:not(#\9) {
+.awsui_root_gxp9y_16job_181 > .awsui_list_gxp9y_16job_214.awsui_custom_gxp9y_16job_252 > .awsui_details_gxp9y_16job_230:not(#\9) {
   margin-block-end: 0;
 }
-.awsui_horizontal_gxp9y_1804k_256 > .awsui_list_gxp9y_1804k_214:not(#\9) {
+.awsui_horizontal_gxp9y_16job_256 > .awsui_list_gxp9y_16job_214:not(#\9) {
   display: grid;
   align-items: flex-start;
   grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
   grid-auto-flow: column;
 }
-.awsui_horizontal_gxp9y_1804k_256 > .awsui_list_gxp9y_1804k_214 > .awsui_container_gxp9y_1804k_219:not(#\9) {
+.awsui_horizontal_gxp9y_16job_256 > .awsui_list_gxp9y_16job_214 > .awsui_container_gxp9y_16job_219:not(#\9) {
   display: grid;
   grid-template-columns: var(--space-static-l-ig026c, 20px) 1fr;
   grid-template-rows: minmax(var(--space-static-l-ig026c, 20px), auto);
   align-items: center;
 }
-.awsui_horizontal_gxp9y_1804k_256 > .awsui_list_gxp9y_1804k_214 > .awsui_container_gxp9y_1804k_219 > .awsui_header_gxp9y_1804k_224:not(#\9) {
+.awsui_horizontal_gxp9y_16job_256 > .awsui_list_gxp9y_16job_214 > .awsui_container_gxp9y_16job_219 > .awsui_header_gxp9y_16job_224:not(#\9) {
   display: flex;
   grid-row: 1;
   grid-column: 1/span 2;
   align-items: center;
 }
-.awsui_horizontal_gxp9y_1804k_256 > .awsui_list_gxp9y_1804k_214 > .awsui_container_gxp9y_1804k_219 > .awsui_header_gxp9y_1804k_224 > .awsui_connector_gxp9y_1804k_236:not(#\9) {
+.awsui_horizontal_gxp9y_16job_256 > .awsui_list_gxp9y_16job_214 > .awsui_container_gxp9y_16job_219 > .awsui_header_gxp9y_16job_224 > .awsui_connector_gxp9y_16job_236:not(#\9) {
   display: block;
   flex: 1;
   background-color: var(--color-border-divider-default-ipvpev, #eaeded);
@@ -285,14 +285,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   min-inline-size: var(--space-static-xs-4gq40t, 8px);
   margin-inline-end: var(--space-static-xxs-0cgyf1, 4px);
 }
-.awsui_horizontal_gxp9y_1804k_256 > .awsui_list_gxp9y_1804k_214 > .awsui_container_gxp9y_1804k_219 > .awsui_horizontal-header_gxp9y_1804k_288:not(#\9) {
+.awsui_horizontal_gxp9y_16job_256 > .awsui_list_gxp9y_16job_214 > .awsui_container_gxp9y_16job_219 > .awsui_horizontal-header_gxp9y_16job_288:not(#\9) {
   grid-row: 2;
   grid-column: 1/span 3;
+  padding-inline-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_horizontal_gxp9y_1804k_256 > .awsui_list_gxp9y_1804k_214 > .awsui_container_gxp9y_1804k_219 > .awsui_details_gxp9y_1804k_230:not(#\9) {
+.awsui_horizontal_gxp9y_16job_256 > .awsui_list_gxp9y_16job_214 > .awsui_container_gxp9y_16job_219 > .awsui_details_gxp9y_16job_230:not(#\9) {
   grid-row: 3;
   grid-column: 1/span 3;
+  padding-inline-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_horizontal_gxp9y_1804k_256 > .awsui_list_gxp9y_1804k_214 > .awsui_container_gxp9y_1804k_219:not(#\9):last-child > .awsui_header_gxp9y_1804k_224 > .awsui_connector_gxp9y_1804k_236 {
+.awsui_horizontal_gxp9y_16job_256 > .awsui_list_gxp9y_16job_214 > .awsui_container_gxp9y_16job_219:not(#\9):last-child > .awsui_header_gxp9y_16job_224 > .awsui_connector_gxp9y_16job_236 {
   display: none;
 }

package/lib/internal/template/steps/styles.selectors.js CHANGED Viewed

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gxp9y_1804k_181",
-  "list": "awsui_list_gxp9y_1804k_214",
-  "container": "awsui_container_gxp9y_1804k_219",
-  "header": "awsui_header_gxp9y_1804k_224",
-  "details": "awsui_details_gxp9y_1804k_230",
-  "connector": "awsui_connector_gxp9y_1804k_236",
-  "custom": "awsui_custom_gxp9y_1804k_252",
-  "horizontal": "awsui_horizontal_gxp9y_1804k_256",
-  "horizontal-header": "awsui_horizontal-header_gxp9y_1804k_288"
+  "root": "awsui_root_gxp9y_16job_181",
+  "list": "awsui_list_gxp9y_16job_214",
+  "container": "awsui_container_gxp9y_16job_219",
+  "header": "awsui_header_gxp9y_16job_224",
+  "details": "awsui_details_gxp9y_16job_230",
+  "connector": "awsui_connector_gxp9y_16job_236",
+  "custom": "awsui_custom_gxp9y_16job_252",
+  "horizontal": "awsui_horizontal_gxp9y_16job_256",
+  "horizontal-header": "awsui_horizontal-header_gxp9y_16job_288"
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.1205",
+  "version": "3.0.1207",
   "files": [
     "lib"
   ],