Skip to content

chore: Update segmented control visual design #12091

chore: Update segmented control visual design

chore: Update segmented control visual design #12091

Triggered via pull request February 20, 2025 09:36
Status Failure
Total duration 16m 38s
Artifacts 4

dry-run.yml

on: pull_request
dry-run  /  Create build tree
4s
dry-run / Create build tree
dry-run  /  Build browser-test-tools
4s
dry-run / Build browser-test-tools
dry-run  /  Build documenter
3s
dry-run / Build documenter
dry-run  /  Build global-styles
3s
dry-run / Build global-styles
dry-run  /  Build build-tools
4s
dry-run / Build build-tools
dry-run  /  Build collection-hooks
4s
dry-run / Build collection-hooks
dry-run  /  Build jest-preset
2s
dry-run / Build jest-preset
dry-run  /  Build component-toolkit
2s
dry-run / Build component-toolkit
dry-run  /  Build test-utils
4s
dry-run / Build test-utils
dry-run  /  Build theming-core
2s
dry-run / Build theming-core
dry-run  /  Build components
2m 58s
dry-run / Build components
dry-run  /  Build board components
2m 2s
dry-run / Build board components
dry-run  /  Build code view components
1m 4s
dry-run / Build code view components
dry-run  /  Build chat components
1m 18s
dry-run / Build chat components
Matrix: dry-run / Components accessibility tests shards
Matrix: dry-run / Components integration tests shards
dry-run  /  Components unit tests
4m 21s
dry-run / Components unit tests
dry-run  /  Components motion tests
1m 7s
dry-run / Components motion tests
dry-run  /  Components accessibility tests
0s
dry-run / Components accessibility tests
dry-run  /  Components integration tests
0s
dry-run / Components integration tests
Fit to window
Zoom out
Zoom in

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