chore: Update segmented control visual design #12091
dry-run.yml
on: pull_request
dry-run
/
Create build tree
4s
dry-run
/
Build board components
2m 2s
dry-run
/
Build code view components
1m 4s
dry-run
/
Build chat components
1m 18s
Matrix: dry-run / Components accessibility tests shards
Matrix: dry-run / Components integration tests shards
dry-run
/
Components unit tests
4m 21s
dry-run
/
Components motion tests
1m 7s
dry-run
/
Demos tests
10m 13s
dry-run
/
Components accessibility tests
0s
dry-run
/
Components integration tests
0s
Annotations
6 errors and 24 warnings
CSS Custom Properties › match previous snapshot for mode "light":
src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot()
Snapshot name: `CSS Custom Properties match previous snapshot for mode "light" 1`
- Snapshot - 1
+ Received + 656
- {}
+ {
+ "border-active-width": "2px",
+ "border-code-editor-status-divider-width": "0px",
+ "border-container-sticky-width": "1px",
+ "border-container-top-width": "1px",
+ "border-control-focus-ring-shadow-spread": "1px",
+ "border-control-invalid-focus-ring-shadow-spread": "1px",
+ "border-divider-list-width": "1px",
+ "border-divider-section-width": "1px",
+ "border-dropdown-virtual-offset-width": "0px",
+ "border-invalid-width": "4px",
+ "border-item-width": "1px",
+ "border-line-chart-dash-array": "3 5",
+ "border-line-chart-line-join": "miter",
+ "border-line-chart-width": "2px",
+ "border-link-focus-ring-outline": "5px auto Highlight",
+ "border-link-focus-ring-shadow-spread": "0px",
+ "border-panel-header-width": "0px",
+ "border-panel-top-width": "0px",
+ "border-radius-alert": "2px",
+ "border-radius-badge": "16px",
+ "border-radius-button": "2px",
+ "border-radius-calendar-day-focus-ring": "2px",
+ "border-radius-chat-bubble": "2px",
+ "border-radius-code-editor": "0px",
+ "border-radius-container": "0px",
+ "border-radius-control-circular-focus-ring": "50%",
+ "border-radius-control-default-focus-ring": "2px",
+ "border-radius-dropdown": "0px",
+ "border-radius-dropzone": "0px",
+ "border-radius-flashbar": "0px",
+ "border-radius-input": "2px",
+ "border-radius-item": "0px",
+ "border-radius-popover": "2px",
+ "border-radius-tabs-focus-ring": "0px",
+ "border-radius-tiles": "2px",
+ "border-radius-token": "2px",
+ "border-radius-tutorial-panel-item": "2px",
+ "border-table-sticky-width": "0px",
+ "border-width-alert": "1px",
+ "border-width-field": "1px",
+ "border-width-popover": "1px",
+ "color-background-avatar-default": "#545b64",
+ "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
+ "color-background-badge-icon": "#d13212",
+ "color-background-button-link-active": "#eaeded",
+ "color-background-button-link-hover": "#fafafa",
+ "color-background-button-normal-active": "#eaeded",
+ "color-background-button-normal-default": "#ffffff",
+ "color-background-button-normal-disabled": "#ffffff",
+ "color-background-button-normal-hover": "#fafafa",
+ "color-background-button-primary-active": "#12293b",
+ "color-background-button-primary-default": "#0073bb",
+ "color-background-button-primary-disabled": "#ffffff",
+ "color-background-button-primary-hover": "#0a4a74",
+ "color-background-calendar-current-date": "#f2f3f3",
+ "color-background-cell-shaded": "#f2f3f3",
+ "color-background-chat-bubble-incoming": "#f2f3f3",
+ "color-background-chat-bubble-outgoing": "transparent",
+ "color-background-code-editor-gutter-active-line-default": "#687078",
+ "color-background-code-editor-gutter-active-line-error": "#d13212",
+ "color-background-code-editor-gutter-default": "#f2f3f3",
+ "color-background-code-editor-loading": "#f2f3f3",
+ "color-background-code-editor-pane-item-hover": "#eaeded",
+ "color-background-code-editor-status-bar": "#f2f3f3",
+ "color-background-container-content": "#ffffff",
+ "color-background-container-header": "#fafafa",
+ "color-background-control-checked": "#0073bb",
+ "color-background-control-default": "#ffffff",
+ "color-background-control-disabled": "#d5dbdb",
+ "color-background-dropdown-item-default": "#ffffff",
+ "color-background-dropdown-item-dimmed": "transparent",
+ "color-background-dropdown-item-filter-match": "#f1faff",
+ "color-background-dropdown-item-hover": "#f2f3f3",
+ "color-background-dropdown-item-selected": "#f1faff",
+ "color-background-home-header": "#000000",
+ "color-background-input-default": "#ffffff",
+ "color-background-input-disabled": "#eaeded",
+ "co
|
dry-run / Components integration tests shards (3)
Process completed with exit code 1.
|
dry-run / Components integration tests shards (2)
The job was canceled because "_3" failed.
|
dry-run / Components integration tests shards (2)
The operation was canceled.
|
dry-run / Components integration tests shards (1)
The job was canceled because "_3" failed.
|
dry-run / Components integration tests shards (1)
The operation was canceled.
|
dry-run / Build code view components
Prop "id" is forbidden on Components
|
dry-run / Build code view components
Prop "className" is forbidden on Components
|
dry-run / Build code view components
Unexpected any. Specify a different type
|
dry-run / Build code view components
Unexpected any. Specify a different type
|
dry-run / Build code view components
Unexpected any. Specify a different type
|
dry-run / Build chat components
Prop "id" is forbidden on Components
|
dry-run / Build chat components
Prop "id" is forbidden on Components
|
dry-run / Build chat components
Prop "id" is forbidden on Components
|
dry-run / Build chat components
Prop "id" is forbidden on Components
|
dry-run / Build chat components
Prop "className" is forbidden on Components
|
dry-run / Build chat components
Unexpected any. Specify a different type
|
dry-run / Build chat components
Unexpected any. Specify a different type
|
dry-run / Build chat components
Unexpected any. Specify a different type
|
dry-run / Build chat components
Unexpected any. Specify a different type
|
dry-run / Build chat components
Unexpected any. Specify a different type
|
RETRY 1: CSS Custom Properties › match previous snapshot for mode "light":
src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot()
Snapshot name: `CSS Custom Properties match previous snapshot for mode "light" 1`
- Snapshot - 1
+ Received + 656
- {}
+ {
+ "border-active-width": "2px",
+ "border-code-editor-status-divider-width": "0px",
+ "border-container-sticky-width": "1px",
+ "border-container-top-width": "1px",
+ "border-control-focus-ring-shadow-spread": "1px",
+ "border-control-invalid-focus-ring-shadow-spread": "1px",
+ "border-divider-list-width": "1px",
+ "border-divider-section-width": "1px",
+ "border-dropdown-virtual-offset-width": "0px",
+ "border-invalid-width": "4px",
+ "border-item-width": "1px",
+ "border-line-chart-dash-array": "3 5",
+ "border-line-chart-line-join": "miter",
+ "border-line-chart-width": "2px",
+ "border-link-focus-ring-outline": "5px auto Highlight",
+ "border-link-focus-ring-shadow-spread": "0px",
+ "border-panel-header-width": "0px",
+ "border-panel-top-width": "0px",
+ "border-radius-alert": "2px",
+ "border-radius-badge": "16px",
+ "border-radius-button": "2px",
+ "border-radius-calendar-day-focus-ring": "2px",
+ "border-radius-chat-bubble": "2px",
+ "border-radius-code-editor": "0px",
+ "border-radius-container": "0px",
+ "border-radius-control-circular-focus-ring": "50%",
+ "border-radius-control-default-focus-ring": "2px",
+ "border-radius-dropdown": "0px",
+ "border-radius-dropzone": "0px",
+ "border-radius-flashbar": "0px",
+ "border-radius-input": "2px",
+ "border-radius-item": "0px",
+ "border-radius-popover": "2px",
+ "border-radius-tabs-focus-ring": "0px",
+ "border-radius-tiles": "2px",
+ "border-radius-token": "2px",
+ "border-radius-tutorial-panel-item": "2px",
+ "border-table-sticky-width": "0px",
+ "border-width-alert": "1px",
+ "border-width-field": "1px",
+ "border-width-popover": "1px",
+ "color-background-avatar-default": "#545b64",
+ "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
+ "color-background-badge-icon": "#d13212",
+ "color-background-button-link-active": "#eaeded",
+ "color-background-button-link-hover": "#fafafa",
+ "color-background-button-normal-active": "#eaeded",
+ "color-background-button-normal-default": "#ffffff",
+ "color-background-button-normal-disabled": "#ffffff",
+ "color-background-button-normal-hover": "#fafafa",
+ "color-background-button-primary-active": "#12293b",
+ "color-background-button-primary-default": "#0073bb",
+ "color-background-button-primary-disabled": "#ffffff",
+ "color-background-button-primary-hover": "#0a4a74",
+ "color-background-calendar-current-date": "#f2f3f3",
+ "color-background-cell-shaded": "#f2f3f3",
+ "color-background-chat-bubble-incoming": "#f2f3f3",
+ "color-background-chat-bubble-outgoing": "transparent",
+ "color-background-code-editor-gutter-active-line-default": "#687078",
+ "color-background-code-editor-gutter-active-line-error": "#d13212",
+ "color-background-code-editor-gutter-default": "#f2f3f3",
+ "color-background-code-editor-loading": "#f2f3f3",
+ "color-background-code-editor-pane-item-hover": "#eaeded",
+ "color-background-code-editor-status-bar": "#f2f3f3",
+ "color-background-container-content": "#ffffff",
+ "color-background-container-header": "#fafafa",
+ "color-background-control-checked": "#0073bb",
+ "color-background-control-default": "#ffffff",
+ "color-background-control-disabled": "#d5dbdb",
+ "color-background-dropdown-item-default": "#ffffff",
+ "color-background-dropdown-item-dimmed": "transparent",
+ "color-background-dropdown-item-filter-match": "#f1faff",
+ "color-background-dropdown-item-hover": "#f2f3f3",
+ "color-background-dropdown-item-selected": "#f1faff",
+ "color-background-home-header": "#000000",
+ "color-background-input-default": "#ffffff",
+ "color-background-input-disabled": "#eaeded",
+ "co
|
RETRY 2: CSS Custom Properties › match previous snapshot for mode "light":
src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot()
Snapshot name: `CSS Custom Properties match previous snapshot for mode "light" 1`
- Snapshot - 1
+ Received + 656
- {}
+ {
+ "border-active-width": "2px",
+ "border-code-editor-status-divider-width": "0px",
+ "border-container-sticky-width": "1px",
+ "border-container-top-width": "1px",
+ "border-control-focus-ring-shadow-spread": "1px",
+ "border-control-invalid-focus-ring-shadow-spread": "1px",
+ "border-divider-list-width": "1px",
+ "border-divider-section-width": "1px",
+ "border-dropdown-virtual-offset-width": "0px",
+ "border-invalid-width": "4px",
+ "border-item-width": "1px",
+ "border-line-chart-dash-array": "3 5",
+ "border-line-chart-line-join": "miter",
+ "border-line-chart-width": "2px",
+ "border-link-focus-ring-outline": "5px auto Highlight",
+ "border-link-focus-ring-shadow-spread": "0px",
+ "border-panel-header-width": "0px",
+ "border-panel-top-width": "0px",
+ "border-radius-alert": "2px",
+ "border-radius-badge": "16px",
+ "border-radius-button": "2px",
+ "border-radius-calendar-day-focus-ring": "2px",
+ "border-radius-chat-bubble": "2px",
+ "border-radius-code-editor": "0px",
+ "border-radius-container": "0px",
+ "border-radius-control-circular-focus-ring": "50%",
+ "border-radius-control-default-focus-ring": "2px",
+ "border-radius-dropdown": "0px",
+ "border-radius-dropzone": "0px",
+ "border-radius-flashbar": "0px",
+ "border-radius-input": "2px",
+ "border-radius-item": "0px",
+ "border-radius-popover": "2px",
+ "border-radius-tabs-focus-ring": "0px",
+ "border-radius-tiles": "2px",
+ "border-radius-token": "2px",
+ "border-radius-tutorial-panel-item": "2px",
+ "border-table-sticky-width": "0px",
+ "border-width-alert": "1px",
+ "border-width-field": "1px",
+ "border-width-popover": "1px",
+ "color-background-avatar-default": "#545b64",
+ "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
+ "color-background-badge-icon": "#d13212",
+ "color-background-button-link-active": "#eaeded",
+ "color-background-button-link-hover": "#fafafa",
+ "color-background-button-normal-active": "#eaeded",
+ "color-background-button-normal-default": "#ffffff",
+ "color-background-button-normal-disabled": "#ffffff",
+ "color-background-button-normal-hover": "#fafafa",
+ "color-background-button-primary-active": "#12293b",
+ "color-background-button-primary-default": "#0073bb",
+ "color-background-button-primary-disabled": "#ffffff",
+ "color-background-button-primary-hover": "#0a4a74",
+ "color-background-calendar-current-date": "#f2f3f3",
+ "color-background-cell-shaded": "#f2f3f3",
+ "color-background-chat-bubble-incoming": "#f2f3f3",
+ "color-background-chat-bubble-outgoing": "transparent",
+ "color-background-code-editor-gutter-active-line-default": "#687078",
+ "color-background-code-editor-gutter-active-line-error": "#d13212",
+ "color-background-code-editor-gutter-default": "#f2f3f3",
+ "color-background-code-editor-loading": "#f2f3f3",
+ "color-background-code-editor-pane-item-hover": "#eaeded",
+ "color-background-code-editor-status-bar": "#f2f3f3",
+ "color-background-container-content": "#ffffff",
+ "color-background-container-header": "#fafafa",
+ "color-background-control-checked": "#0073bb",
+ "color-background-control-default": "#ffffff",
+ "color-background-control-disabled": "#d5dbdb",
+ "color-background-dropdown-item-default": "#ffffff",
+ "color-background-dropdown-item-dimmed": "transparent",
+ "color-background-dropdown-item-filter-match": "#f1faff",
+ "color-background-dropdown-item-hover": "#f2f3f3",
+ "color-background-dropdown-item-selected": "#f1faff",
+ "color-background-home-header": "#000000",
+ "color-background-input-default": "#ffffff",
+ "color-background-input-disabled": "#eaeded",
+ "co
|
RETRY 3: CSS Custom Properties › match previous snapshot for mode "light":
src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot()
Snapshot name: `CSS Custom Properties match previous snapshot for mode "light" 1`
- Snapshot - 1
+ Received + 656
- {}
+ {
+ "border-active-width": "2px",
+ "border-code-editor-status-divider-width": "0px",
+ "border-container-sticky-width": "1px",
+ "border-container-top-width": "1px",
+ "border-control-focus-ring-shadow-spread": "1px",
+ "border-control-invalid-focus-ring-shadow-spread": "1px",
+ "border-divider-list-width": "1px",
+ "border-divider-section-width": "1px",
+ "border-dropdown-virtual-offset-width": "0px",
+ "border-invalid-width": "4px",
+ "border-item-width": "1px",
+ "border-line-chart-dash-array": "3 5",
+ "border-line-chart-line-join": "miter",
+ "border-line-chart-width": "2px",
+ "border-link-focus-ring-outline": "5px auto Highlight",
+ "border-link-focus-ring-shadow-spread": "0px",
+ "border-panel-header-width": "0px",
+ "border-panel-top-width": "0px",
+ "border-radius-alert": "2px",
+ "border-radius-badge": "16px",
+ "border-radius-button": "2px",
+ "border-radius-calendar-day-focus-ring": "2px",
+ "border-radius-chat-bubble": "2px",
+ "border-radius-code-editor": "0px",
+ "border-radius-container": "0px",
+ "border-radius-control-circular-focus-ring": "50%",
+ "border-radius-control-default-focus-ring": "2px",
+ "border-radius-dropdown": "0px",
+ "border-radius-dropzone": "0px",
+ "border-radius-flashbar": "0px",
+ "border-radius-input": "2px",
+ "border-radius-item": "0px",
+ "border-radius-popover": "2px",
+ "border-radius-tabs-focus-ring": "0px",
+ "border-radius-tiles": "2px",
+ "border-radius-token": "2px",
+ "border-radius-tutorial-panel-item": "2px",
+ "border-table-sticky-width": "0px",
+ "border-width-alert": "1px",
+ "border-width-field": "1px",
+ "border-width-popover": "1px",
+ "color-background-avatar-default": "#545b64",
+ "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
+ "color-background-badge-icon": "#d13212",
+ "color-background-button-link-active": "#eaeded",
+ "color-background-button-link-hover": "#fafafa",
+ "color-background-button-normal-active": "#eaeded",
+ "color-background-button-normal-default": "#ffffff",
+ "color-background-button-normal-disabled": "#ffffff",
+ "color-background-button-normal-hover": "#fafafa",
+ "color-background-button-primary-active": "#12293b",
+ "color-background-button-primary-default": "#0073bb",
+ "color-background-button-primary-disabled": "#ffffff",
+ "color-background-button-primary-hover": "#0a4a74",
+ "color-background-calendar-current-date": "#f2f3f3",
+ "color-background-cell-shaded": "#f2f3f3",
+ "color-background-chat-bubble-incoming": "#f2f3f3",
+ "color-background-chat-bubble-outgoing": "transparent",
+ "color-background-code-editor-gutter-active-line-default": "#687078",
+ "color-background-code-editor-gutter-active-line-error": "#d13212",
+ "color-background-code-editor-gutter-default": "#f2f3f3",
+ "color-background-code-editor-loading": "#f2f3f3",
+ "color-background-code-editor-pane-item-hover": "#eaeded",
+ "color-background-code-editor-status-bar": "#f2f3f3",
+ "color-background-container-content": "#ffffff",
+ "color-background-container-header": "#fafafa",
+ "color-background-control-checked": "#0073bb",
+ "color-background-control-default": "#ffffff",
+ "color-background-control-disabled": "#d5dbdb",
+ "color-background-dropdown-item-default": "#ffffff",
+ "color-background-dropdown-item-dimmed": "transparent",
+ "color-background-dropdown-item-filter-match": "#f1faff",
+ "color-background-dropdown-item-hover": "#f2f3f3",
+ "color-background-dropdown-item-selected": "#f1faff",
+ "color-background-home-header": "#000000",
+ "color-background-input-default": "#ffffff",
+ "color-background-input-disabled": "#eaeded",
+ "co
|
dry-run / Demos tests
Unexpected any. Specify a different type
|
dry-run / Demos tests
Use JSX file extension as needed
|
dry-run / Demos tests
Use JSX file extension as needed
|
dry-run / Demos tests
Use JSX file extension as needed
|
dry-run / Demos tests
Use JSX file extension as needed
|
dry-run / Demos tests
No files were found with the provided path: lib/*.tgz. No artifacts will be uploaded.
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
cloudscape-design-board-components
|
280 KB |
|
cloudscape-design-chat-components
|
82.8 KB |
|
cloudscape-design-code-view
|
37 KB |
|
cloudscape-design-components
|
7.91 MB |
|