chore: Experiment - VR as primary theme #11946
Annotations
11 errors and 10 warnings
|
Integration tests:
src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot()
Snapshot name: `CSS Custom Properties match previous snapshot for mode "light" 1`
- Snapshot - 368
+ Received + 368
@@ -1,190 +1,190 @@
{
- "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-active-width": "4px",
+ "border-code-editor-status-divider-width": "1px",
+ "border-container-sticky-width": "0px",
+ "border-container-top-width": "0px",
+ "border-control-focus-ring-shadow-spread": "0px",
+ "border-control-invalid-focus-ring-shadow-spread": "2px",
"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-dropdown-virtual-offset-width": "2px",
+ "border-invalid-width": "8px",
+ "border-item-width": "2px",
"border-line-chart-dash-array": "3 5",
- "border-line-chart-line-join": "miter",
+ "border-line-chart-line-join": "round",
"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",
+ "border-link-focus-ring-outline": "0",
+ "border-link-focus-ring-shadow-spread": "2px",
+ "border-panel-header-width": "1px",
+ "border-panel-top-width": "1px",
+ "border-radius-alert": "12px",
+ "border-radius-badge": "4px",
+ "border-radius-button": "20px",
+ "border-radius-calendar-day-focus-ring": "3px",
+ "border-radius-chat-bubble": "8px",
+ "border-radius-code-editor": "8px",
+ "border-radius-container": "16px",
+ "border-radius-control-circular-focus-ring": "4px",
+ "border-radius-control-default-focus-ring": "4px",
+ "border-radius-dropdown": "8px",
+ "border-radius-dropzone": "12px",
+ "border-radius-flashbar": "12px",
+ "border-radius-input": "8px",
+ "border-radius-item": "8px",
+ "border-radius-popover": "8px",
+ "border-radius-tabs-focus-ring": "20px",
+ "border-radius-tiles": "8px",
+ "border-radius-token": "8px",
+ "border-radius-tutorial-panel-item": "8px",
+ "border-table-sticky-width": "1px",
+ "border-width-alert": "2px",
+ "border-width-field": "2px",
+ "border-width-popover": "2px",
+ "color-background-avatar-default": "#424650",
"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-badge-icon": "#db0000",
+ "color-background-button-link-active": "#d1f1ff",
+ "color-backg
|
Integration tests:
src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot()
Snapshot name: `CSS Custom Properties match previous snapshot for mode "dark" 1`
- Snapshot - 388
+ Received + 388
@@ -1,190 +1,190 @@
{
- "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-active-width": "4px",
+ "border-code-editor-status-divider-width": "1px",
+ "border-container-sticky-width": "0px",
+ "border-container-top-width": "0px",
+ "border-control-focus-ring-shadow-spread": "0px",
+ "border-control-invalid-focus-ring-shadow-spread": "2px",
"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-dropdown-virtual-offset-width": "2px",
+ "border-invalid-width": "8px",
+ "border-item-width": "2px",
"border-line-chart-dash-array": "3 5",
- "border-line-chart-line-join": "miter",
+ "border-line-chart-line-join": "round",
"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",
+ "border-link-focus-ring-outline": "0",
+ "border-link-focus-ring-shadow-spread": "2px",
+ "border-panel-header-width": "1px",
+ "border-panel-top-width": "1px",
+ "border-radius-alert": "12px",
+ "border-radius-badge": "4px",
+ "border-radius-button": "20px",
+ "border-radius-calendar-day-focus-ring": "3px",
+ "border-radius-chat-bubble": "8px",
+ "border-radius-code-editor": "8px",
+ "border-radius-container": "16px",
+ "border-radius-control-circular-focus-ring": "4px",
+ "border-radius-control-default-focus-ring": "4px",
+ "border-radius-dropdown": "8px",
+ "border-radius-dropzone": "12px",
+ "border-radius-flashbar": "12px",
+ "border-radius-input": "8px",
+ "border-radius-item": "8px",
+ "border-radius-popover": "8px",
+ "border-radius-tabs-focus-ring": "20px",
+ "border-radius-tiles": "8px",
+ "border-radius-token": "8px",
+ "border-radius-tutorial-panel-item": "8px",
+ "border-table-sticky-width": "1px",
+ "border-width-alert": "2px",
+ "border-width-field": "2px",
+ "border-width-popover": "2px",
+ "color-background-avatar-default": "#424650",
"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": "#ff5d64",
- "color-background-button-link-active": "#16191f",
- "color-background-button-link-hover": "#21252c",
- "color-background-button-normal-active": "#16191f",
- "color-background-button-normal-default": "#2a2e33",
- "color-background-button-normal-disabled": "#2a2e33",
-
|
Integration tests:
src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot()
Snapshot name: `CSS Custom Properties match previous snapshot for mode "compact" 1`
- Snapshot - 370
+ Received + 370
@@ -1,190 +1,190 @@
{
- "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-active-width": "4px",
+ "border-code-editor-status-divider-width": "1px",
+ "border-container-sticky-width": "0px",
+ "border-container-top-width": "0px",
+ "border-control-focus-ring-shadow-spread": "0px",
+ "border-control-invalid-focus-ring-shadow-spread": "2px",
"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-dropdown-virtual-offset-width": "2px",
+ "border-invalid-width": "8px",
+ "border-item-width": "2px",
"border-line-chart-dash-array": "3 5",
- "border-line-chart-line-join": "miter",
+ "border-line-chart-line-join": "round",
"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",
+ "border-link-focus-ring-outline": "0",
+ "border-link-focus-ring-shadow-spread": "2px",
+ "border-panel-header-width": "1px",
+ "border-panel-top-width": "1px",
+ "border-radius-alert": "12px",
+ "border-radius-badge": "4px",
+ "border-radius-button": "20px",
+ "border-radius-calendar-day-focus-ring": "3px",
+ "border-radius-chat-bubble": "8px",
+ "border-radius-code-editor": "8px",
+ "border-radius-container": "16px",
+ "border-radius-control-circular-focus-ring": "4px",
+ "border-radius-control-default-focus-ring": "4px",
+ "border-radius-dropdown": "8px",
+ "border-radius-dropzone": "12px",
+ "border-radius-flashbar": "12px",
+ "border-radius-input": "8px",
+ "border-radius-item": "8px",
+ "border-radius-popover": "8px",
+ "border-radius-tabs-focus-ring": "20px",
+ "border-radius-tiles": "8px",
+ "border-radius-token": "8px",
+ "border-radius-tutorial-panel-item": "8px",
+ "border-table-sticky-width": "1px",
+ "border-width-alert": "2px",
+ "border-width-field": "2px",
+ "border-width-popover": "2px",
+ "color-background-avatar-default": "#424650",
"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-badge-icon": "#db0000",
+ "color-background-button-link-active": "#d1f1ff",
+ "color-bac
|
Integration tests:
src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot()
Snapshot name: `CSS Custom Properties match previous snapshot for mode "reduced-motion" 1`
- Snapshot - 362
+ Received + 362
@@ -1,190 +1,190 @@
{
- "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-active-width": "4px",
+ "border-code-editor-status-divider-width": "1px",
+ "border-container-sticky-width": "0px",
+ "border-container-top-width": "0px",
+ "border-control-focus-ring-shadow-spread": "0px",
+ "border-control-invalid-focus-ring-shadow-spread": "2px",
"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-dropdown-virtual-offset-width": "2px",
+ "border-invalid-width": "8px",
+ "border-item-width": "2px",
"border-line-chart-dash-array": "3 5",
- "border-line-chart-line-join": "miter",
+ "border-line-chart-line-join": "round",
"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",
+ "border-link-focus-ring-outline": "0",
+ "border-link-focus-ring-shadow-spread": "2px",
+ "border-panel-header-width": "1px",
+ "border-panel-top-width": "1px",
+ "border-radius-alert": "12px",
+ "border-radius-badge": "4px",
+ "border-radius-button": "20px",
+ "border-radius-calendar-day-focus-ring": "3px",
+ "border-radius-chat-bubble": "8px",
+ "border-radius-code-editor": "8px",
+ "border-radius-container": "16px",
+ "border-radius-control-circular-focus-ring": "4px",
+ "border-radius-control-default-focus-ring": "4px",
+ "border-radius-dropdown": "8px",
+ "border-radius-dropzone": "12px",
+ "border-radius-flashbar": "12px",
+ "border-radius-input": "8px",
+ "border-radius-item": "8px",
+ "border-radius-popover": "8px",
+ "border-radius-tabs-focus-ring": "20px",
+ "border-radius-tiles": "8px",
+ "border-radius-token": "8px",
+ "border-radius-tutorial-panel-item": "8px",
+ "border-table-sticky-width": "1px",
+ "border-width-alert": "2px",
+ "border-width-field": "2px",
+ "border-width-popover": "2px",
+ "color-background-avatar-default": "#424650",
"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-badge-icon": "#db0000",
+ "color-background-button-link-active": "#d1f1ff",
+ "co
|
Integration tests:
src/app-layout/__integ__/app-layout-drawers.test.ts#L158
expect(received).resolves.toEqual(expected) // deep equality
Expected: 290
Received: 291
at Object.toEqual (node_modules/expect/build/index.js:174:22)
at src/app-layout/__integ__/app-layout-drawers.test.ts:158:60
at src/app-layout/__integ__/app-layout-drawers.test.ts:114:5
at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
|
Integration tests:
src/app-layout/__integ__/app-layout-drawers.test.ts#L35
Can't call click on element with selector "body [class*="awsui_root_1fj9k"] [class*="awsui_drawers-trigger_1fj9k"][data-testid="awsui-app-layout-trigger-links"]" because element wasn't found
at implicitWait (node_modules/webdriverio/build/utils/implicitWait.js:34:19)
at Element.elementErrorHandlerCallbackFn (node_modules/webdriverio/build/middlewares.js:20:29)
at Element.wrapCommandFn (node_modules/@wdio/utils/build/shim.js:136:29)
at AppLayoutDrawersPage.click (node_modules/@cloudscape-design/browser-test-tools/page-objects/base.js:57:9)
at AppLayoutDrawersPage.openThirdDrawer (src/app-layout/__integ__/app-layout-drawers.test.ts:35:7)
at src/app-layout/__integ__/app-layout-drawers.test.ts:187:9
at src/app-layout/__integ__/app-layout-drawers.test.ts:114:5
at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
|
Integration tests:
src/app-layout/__integ__/app-layout-drawers.test.ts#L232
expect(received).resolves.toEqual(expected) // deep equality
Expected: true
Received: false
at Object.toEqual (node_modules/expect/build/index.js:174:22)
at src/app-layout/__integ__/app-layout-drawers.test.ts:232:78
at src/app-layout/__integ__/app-layout-drawers.test.ts:114:5
at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
|
Integration tests:
src/app-layout/__integ__/app-layout-drawers.test.ts#L266
expect(received).resolves.toBe(expected) // Object.is equality
Expected: true
Received: false
at Object.toBe (node_modules/expect/build/index.js:174:22)
at src/app-layout/__integ__/app-layout-drawers.test.ts:266:20
at src/app-layout/__integ__/app-layout-drawers.test.ts:114:5
at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
|
Integration tests:
src/app-layout/__integ__/app-layout-drawers.test.ts#L158
expect(received).resolves.toEqual(expected) // deep equality
Expected: 292
Received: 291
at Object.toEqual (node_modules/expect/build/index.js:174:22)
at src/app-layout/__integ__/app-layout-drawers.test.ts:158:60
at src/app-layout/__integ__/app-layout-drawers.test.ts:114:5
at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
|
Integration tests:
src/app-layout/__integ__/app-layout-drawers.test.ts#L35
Can't call click on element with selector "body [class*="awsui_root_1fj9k"] [class*="awsui_drawers-trigger_1fj9k"][data-testid="awsui-app-layout-trigger-links"]" because element wasn't found
at implicitWait (node_modules/webdriverio/build/utils/implicitWait.js:34:19)
at Element.elementErrorHandlerCallbackFn (node_modules/webdriverio/build/middlewares.js:20:29)
at Element.wrapCommandFn (node_modules/@wdio/utils/build/shim.js:136:29)
at AppLayoutDrawersPage.click (node_modules/@cloudscape-design/browser-test-tools/page-objects/base.js:57:9)
at AppLayoutDrawersPage.openThirdDrawer (src/app-layout/__integ__/app-layout-drawers.test.ts:35:7)
at src/app-layout/__integ__/app-layout-drawers.test.ts:187:9
at src/app-layout/__integ__/app-layout-drawers.test.ts:114:5
at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
|
Integration tests:
src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot()
Snapshot name: `CSS Custom Properties match previous snapshot for mode "light" 1`
- Snapshot - 368
+ Received + 368
@@ -1,190 +1,190 @@
{
- "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-active-width": "4px",
+ "border-code-editor-status-divider-width": "1px",
+ "border-container-sticky-width": "0px",
+ "border-container-top-width": "0px",
+ "border-control-focus-ring-shadow-spread": "0px",
+ "border-control-invalid-focus-ring-shadow-spread": "2px",
"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-dropdown-virtual-offset-width": "2px",
+ "border-invalid-width": "8px",
+ "border-item-width": "2px",
"border-line-chart-dash-array": "3 5",
- "border-line-chart-line-join": "miter",
+ "border-line-chart-line-join": "round",
"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",
+ "border-link-focus-ring-outline": "0",
+ "border-link-focus-ring-shadow-spread": "2px",
+ "border-panel-header-width": "1px",
+ "border-panel-top-width": "1px",
+ "border-radius-alert": "12px",
+ "border-radius-badge": "4px",
+ "border-radius-button": "20px",
+ "border-radius-calendar-day-focus-ring": "3px",
+ "border-radius-chat-bubble": "8px",
+ "border-radius-code-editor": "8px",
+ "border-radius-container": "16px",
+ "border-radius-control-circular-focus-ring": "4px",
+ "border-radius-control-default-focus-ring": "4px",
+ "border-radius-dropdown": "8px",
+ "border-radius-dropzone": "12px",
+ "border-radius-flashbar": "12px",
+ "border-radius-input": "8px",
+ "border-radius-item": "8px",
+ "border-radius-popover": "8px",
+ "border-radius-tabs-focus-ring": "20px",
+ "border-radius-tiles": "8px",
+ "border-radius-token": "8px",
+ "border-radius-tutorial-panel-item": "8px",
+ "border-table-sticky-width": "1px",
+ "border-width-alert": "2px",
+ "border-width-field": "2px",
+ "border-width-popover": "2px",
+ "color-background-avatar-default": "#424650",
"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-badge-icon": "#db0000",
+ "color-background-button-link-active": "#d1f1ff",
+ "color-backg
|
Integration tests:
src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot()
Snapshot name: `CSS Custom Properties match previous snapshot for mode "light" 1`
- Snapshot - 368
+ Received + 368
@@ -1,190 +1,190 @@
{
- "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-active-width": "4px",
+ "border-code-editor-status-divider-width": "1px",
+ "border-container-sticky-width": "0px",
+ "border-container-top-width": "0px",
+ "border-control-focus-ring-shadow-spread": "0px",
+ "border-control-invalid-focus-ring-shadow-spread": "2px",
"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-dropdown-virtual-offset-width": "2px",
+ "border-invalid-width": "8px",
+ "border-item-width": "2px",
"border-line-chart-dash-array": "3 5",
- "border-line-chart-line-join": "miter",
+ "border-line-chart-line-join": "round",
"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",
+ "border-link-focus-ring-outline": "0",
+ "border-link-focus-ring-shadow-spread": "2px",
+ "border-panel-header-width": "1px",
+ "border-panel-top-width": "1px",
+ "border-radius-alert": "12px",
+ "border-radius-badge": "4px",
+ "border-radius-button": "20px",
+ "border-radius-calendar-day-focus-ring": "3px",
+ "border-radius-chat-bubble": "8px",
+ "border-radius-code-editor": "8px",
+ "border-radius-container": "16px",
+ "border-radius-control-circular-focus-ring": "4px",
+ "border-radius-control-default-focus-ring": "4px",
+ "border-radius-dropdown": "8px",
+ "border-radius-dropzone": "12px",
+ "border-radius-flashbar": "12px",
+ "border-radius-input": "8px",
+ "border-radius-item": "8px",
+ "border-radius-popover": "8px",
+ "border-radius-tabs-focus-ring": "20px",
+ "border-radius-tiles": "8px",
+ "border-radius-token": "8px",
+ "border-radius-tutorial-panel-item": "8px",
+ "border-table-sticky-width": "1px",
+ "border-width-alert": "2px",
+ "border-width-field": "2px",
+ "border-width-popover": "2px",
+ "color-background-avatar-default": "#424650",
"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-badge-icon": "#db0000",
+ "color-background-button-link-active": "#d1f1ff",
+ "color-backg
|
Integration tests:
src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot()
Snapshot name: `CSS Custom Properties match previous snapshot for mode "light" 1`
- Snapshot - 368
+ Received + 368
@@ -1,190 +1,190 @@
{
- "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-active-width": "4px",
+ "border-code-editor-status-divider-width": "1px",
+ "border-container-sticky-width": "0px",
+ "border-container-top-width": "0px",
+ "border-control-focus-ring-shadow-spread": "0px",
+ "border-control-invalid-focus-ring-shadow-spread": "2px",
"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-dropdown-virtual-offset-width": "2px",
+ "border-invalid-width": "8px",
+ "border-item-width": "2px",
"border-line-chart-dash-array": "3 5",
- "border-line-chart-line-join": "miter",
+ "border-line-chart-line-join": "round",
"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",
+ "border-link-focus-ring-outline": "0",
+ "border-link-focus-ring-shadow-spread": "2px",
+ "border-panel-header-width": "1px",
+ "border-panel-top-width": "1px",
+ "border-radius-alert": "12px",
+ "border-radius-badge": "4px",
+ "border-radius-button": "20px",
+ "border-radius-calendar-day-focus-ring": "3px",
+ "border-radius-chat-bubble": "8px",
+ "border-radius-code-editor": "8px",
+ "border-radius-container": "16px",
+ "border-radius-control-circular-focus-ring": "4px",
+ "border-radius-control-default-focus-ring": "4px",
+ "border-radius-dropdown": "8px",
+ "border-radius-dropzone": "12px",
+ "border-radius-flashbar": "12px",
+ "border-radius-input": "8px",
+ "border-radius-item": "8px",
+ "border-radius-popover": "8px",
+ "border-radius-tabs-focus-ring": "20px",
+ "border-radius-tiles": "8px",
+ "border-radius-token": "8px",
+ "border-radius-tutorial-panel-item": "8px",
+ "border-table-sticky-width": "1px",
+ "border-width-alert": "2px",
+ "border-width-field": "2px",
+ "border-width-popover": "2px",
+ "color-background-avatar-default": "#424650",
"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-badge-icon": "#db0000",
+ "color-background-button-link-active": "#d1f1ff",
+ "color-backg
|
Integration tests:
src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot()
Snapshot name: `CSS Custom Properties match previous snapshot for mode "dark" 1`
- Snapshot - 388
+ Received + 388
@@ -1,190 +1,190 @@
{
- "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-active-width": "4px",
+ "border-code-editor-status-divider-width": "1px",
+ "border-container-sticky-width": "0px",
+ "border-container-top-width": "0px",
+ "border-control-focus-ring-shadow-spread": "0px",
+ "border-control-invalid-focus-ring-shadow-spread": "2px",
"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-dropdown-virtual-offset-width": "2px",
+ "border-invalid-width": "8px",
+ "border-item-width": "2px",
"border-line-chart-dash-array": "3 5",
- "border-line-chart-line-join": "miter",
+ "border-line-chart-line-join": "round",
"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",
+ "border-link-focus-ring-outline": "0",
+ "border-link-focus-ring-shadow-spread": "2px",
+ "border-panel-header-width": "1px",
+ "border-panel-top-width": "1px",
+ "border-radius-alert": "12px",
+ "border-radius-badge": "4px",
+ "border-radius-button": "20px",
+ "border-radius-calendar-day-focus-ring": "3px",
+ "border-radius-chat-bubble": "8px",
+ "border-radius-code-editor": "8px",
+ "border-radius-container": "16px",
+ "border-radius-control-circular-focus-ring": "4px",
+ "border-radius-control-default-focus-ring": "4px",
+ "border-radius-dropdown": "8px",
+ "border-radius-dropzone": "12px",
+ "border-radius-flashbar": "12px",
+ "border-radius-input": "8px",
+ "border-radius-item": "8px",
+ "border-radius-popover": "8px",
+ "border-radius-tabs-focus-ring": "20px",
+ "border-radius-tiles": "8px",
+ "border-radius-token": "8px",
+ "border-radius-tutorial-panel-item": "8px",
+ "border-table-sticky-width": "1px",
+ "border-width-alert": "2px",
+ "border-width-field": "2px",
+ "border-width-popover": "2px",
+ "color-background-avatar-default": "#424650",
"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": "#ff5d64",
- "color-background-button-link-active": "#16191f",
- "color-background-button-link-hover": "#21252c",
- "color-background-button-normal-active": "#16191f",
- "color-background-button-normal-default": "#2a2e33",
- "color-background-button-normal-disabled": "#2a2e33",
-
|
Integration tests:
src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot()
Snapshot name: `CSS Custom Properties match previous snapshot for mode "dark" 1`
- Snapshot - 388
+ Received + 388
@@ -1,190 +1,190 @@
{
- "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-active-width": "4px",
+ "border-code-editor-status-divider-width": "1px",
+ "border-container-sticky-width": "0px",
+ "border-container-top-width": "0px",
+ "border-control-focus-ring-shadow-spread": "0px",
+ "border-control-invalid-focus-ring-shadow-spread": "2px",
"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-dropdown-virtual-offset-width": "2px",
+ "border-invalid-width": "8px",
+ "border-item-width": "2px",
"border-line-chart-dash-array": "3 5",
- "border-line-chart-line-join": "miter",
+ "border-line-chart-line-join": "round",
"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",
+ "border-link-focus-ring-outline": "0",
+ "border-link-focus-ring-shadow-spread": "2px",
+ "border-panel-header-width": "1px",
+ "border-panel-top-width": "1px",
+ "border-radius-alert": "12px",
+ "border-radius-badge": "4px",
+ "border-radius-button": "20px",
+ "border-radius-calendar-day-focus-ring": "3px",
+ "border-radius-chat-bubble": "8px",
+ "border-radius-code-editor": "8px",
+ "border-radius-container": "16px",
+ "border-radius-control-circular-focus-ring": "4px",
+ "border-radius-control-default-focus-ring": "4px",
+ "border-radius-dropdown": "8px",
+ "border-radius-dropzone": "12px",
+ "border-radius-flashbar": "12px",
+ "border-radius-input": "8px",
+ "border-radius-item": "8px",
+ "border-radius-popover": "8px",
+ "border-radius-tabs-focus-ring": "20px",
+ "border-radius-tiles": "8px",
+ "border-radius-token": "8px",
+ "border-radius-tutorial-panel-item": "8px",
+ "border-table-sticky-width": "1px",
+ "border-width-alert": "2px",
+ "border-width-field": "2px",
+ "border-width-popover": "2px",
+ "color-background-avatar-default": "#424650",
"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": "#ff5d64",
- "color-background-button-link-active": "#16191f",
- "color-background-button-link-hover": "#21252c",
- "color-background-button-normal-active": "#16191f",
- "color-background-button-normal-default": "#2a2e33",
- "color-background-button-normal-disabled": "#2a2e33",
-
|
Integration tests:
src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot()
Snapshot name: `CSS Custom Properties match previous snapshot for mode "dark" 1`
- Snapshot - 388
+ Received + 388
@@ -1,190 +1,190 @@
{
- "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-active-width": "4px",
+ "border-code-editor-status-divider-width": "1px",
+ "border-container-sticky-width": "0px",
+ "border-container-top-width": "0px",
+ "border-control-focus-ring-shadow-spread": "0px",
+ "border-control-invalid-focus-ring-shadow-spread": "2px",
"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-dropdown-virtual-offset-width": "2px",
+ "border-invalid-width": "8px",
+ "border-item-width": "2px",
"border-line-chart-dash-array": "3 5",
- "border-line-chart-line-join": "miter",
+ "border-line-chart-line-join": "round",
"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",
+ "border-link-focus-ring-outline": "0",
+ "border-link-focus-ring-shadow-spread": "2px",
+ "border-panel-header-width": "1px",
+ "border-panel-top-width": "1px",
+ "border-radius-alert": "12px",
+ "border-radius-badge": "4px",
+ "border-radius-button": "20px",
+ "border-radius-calendar-day-focus-ring": "3px",
+ "border-radius-chat-bubble": "8px",
+ "border-radius-code-editor": "8px",
+ "border-radius-container": "16px",
+ "border-radius-control-circular-focus-ring": "4px",
+ "border-radius-control-default-focus-ring": "4px",
+ "border-radius-dropdown": "8px",
+ "border-radius-dropzone": "12px",
+ "border-radius-flashbar": "12px",
+ "border-radius-input": "8px",
+ "border-radius-item": "8px",
+ "border-radius-popover": "8px",
+ "border-radius-tabs-focus-ring": "20px",
+ "border-radius-tiles": "8px",
+ "border-radius-token": "8px",
+ "border-radius-tutorial-panel-item": "8px",
+ "border-table-sticky-width": "1px",
+ "border-width-alert": "2px",
+ "border-width-field": "2px",
+ "border-width-popover": "2px",
+ "color-background-avatar-default": "#424650",
"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": "#ff5d64",
- "color-background-button-link-active": "#16191f",
- "color-background-button-link-hover": "#21252c",
- "color-background-button-normal-active": "#16191f",
- "color-background-button-normal-default": "#2a2e33",
- "color-background-button-normal-disabled": "#2a2e33",
-
|
Integration tests:
src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot()
Snapshot name: `CSS Custom Properties match previous snapshot for mode "compact" 1`
- Snapshot - 370
+ Received + 370
@@ -1,190 +1,190 @@
{
- "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-active-width": "4px",
+ "border-code-editor-status-divider-width": "1px",
+ "border-container-sticky-width": "0px",
+ "border-container-top-width": "0px",
+ "border-control-focus-ring-shadow-spread": "0px",
+ "border-control-invalid-focus-ring-shadow-spread": "2px",
"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-dropdown-virtual-offset-width": "2px",
+ "border-invalid-width": "8px",
+ "border-item-width": "2px",
"border-line-chart-dash-array": "3 5",
- "border-line-chart-line-join": "miter",
+ "border-line-chart-line-join": "round",
"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",
+ "border-link-focus-ring-outline": "0",
+ "border-link-focus-ring-shadow-spread": "2px",
+ "border-panel-header-width": "1px",
+ "border-panel-top-width": "1px",
+ "border-radius-alert": "12px",
+ "border-radius-badge": "4px",
+ "border-radius-button": "20px",
+ "border-radius-calendar-day-focus-ring": "3px",
+ "border-radius-chat-bubble": "8px",
+ "border-radius-code-editor": "8px",
+ "border-radius-container": "16px",
+ "border-radius-control-circular-focus-ring": "4px",
+ "border-radius-control-default-focus-ring": "4px",
+ "border-radius-dropdown": "8px",
+ "border-radius-dropzone": "12px",
+ "border-radius-flashbar": "12px",
+ "border-radius-input": "8px",
+ "border-radius-item": "8px",
+ "border-radius-popover": "8px",
+ "border-radius-tabs-focus-ring": "20px",
+ "border-radius-tiles": "8px",
+ "border-radius-token": "8px",
+ "border-radius-tutorial-panel-item": "8px",
+ "border-table-sticky-width": "1px",
+ "border-width-alert": "2px",
+ "border-width-field": "2px",
+ "border-width-popover": "2px",
+ "color-background-avatar-default": "#424650",
"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-badge-icon": "#db0000",
+ "color-background-button-link-active": "#d1f1ff",
+ "color-bac
|
Integration tests:
src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot()
Snapshot name: `CSS Custom Properties match previous snapshot for mode "compact" 1`
- Snapshot - 370
+ Received + 370
@@ -1,190 +1,190 @@
{
- "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-active-width": "4px",
+ "border-code-editor-status-divider-width": "1px",
+ "border-container-sticky-width": "0px",
+ "border-container-top-width": "0px",
+ "border-control-focus-ring-shadow-spread": "0px",
+ "border-control-invalid-focus-ring-shadow-spread": "2px",
"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-dropdown-virtual-offset-width": "2px",
+ "border-invalid-width": "8px",
+ "border-item-width": "2px",
"border-line-chart-dash-array": "3 5",
- "border-line-chart-line-join": "miter",
+ "border-line-chart-line-join": "round",
"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",
+ "border-link-focus-ring-outline": "0",
+ "border-link-focus-ring-shadow-spread": "2px",
+ "border-panel-header-width": "1px",
+ "border-panel-top-width": "1px",
+ "border-radius-alert": "12px",
+ "border-radius-badge": "4px",
+ "border-radius-button": "20px",
+ "border-radius-calendar-day-focus-ring": "3px",
+ "border-radius-chat-bubble": "8px",
+ "border-radius-code-editor": "8px",
+ "border-radius-container": "16px",
+ "border-radius-control-circular-focus-ring": "4px",
+ "border-radius-control-default-focus-ring": "4px",
+ "border-radius-dropdown": "8px",
+ "border-radius-dropzone": "12px",
+ "border-radius-flashbar": "12px",
+ "border-radius-input": "8px",
+ "border-radius-item": "8px",
+ "border-radius-popover": "8px",
+ "border-radius-tabs-focus-ring": "20px",
+ "border-radius-tiles": "8px",
+ "border-radius-token": "8px",
+ "border-radius-tutorial-panel-item": "8px",
+ "border-table-sticky-width": "1px",
+ "border-width-alert": "2px",
+ "border-width-field": "2px",
+ "border-width-popover": "2px",
+ "color-background-avatar-default": "#424650",
"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-badge-icon": "#db0000",
+ "color-background-button-link-active": "#d1f1ff",
+ "color-bac
|
Integration tests:
src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot()
Snapshot name: `CSS Custom Properties match previous snapshot for mode "compact" 1`
- Snapshot - 370
+ Received + 370
@@ -1,190 +1,190 @@
{
- "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-active-width": "4px",
+ "border-code-editor-status-divider-width": "1px",
+ "border-container-sticky-width": "0px",
+ "border-container-top-width": "0px",
+ "border-control-focus-ring-shadow-spread": "0px",
+ "border-control-invalid-focus-ring-shadow-spread": "2px",
"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-dropdown-virtual-offset-width": "2px",
+ "border-invalid-width": "8px",
+ "border-item-width": "2px",
"border-line-chart-dash-array": "3 5",
- "border-line-chart-line-join": "miter",
+ "border-line-chart-line-join": "round",
"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",
+ "border-link-focus-ring-outline": "0",
+ "border-link-focus-ring-shadow-spread": "2px",
+ "border-panel-header-width": "1px",
+ "border-panel-top-width": "1px",
+ "border-radius-alert": "12px",
+ "border-radius-badge": "4px",
+ "border-radius-button": "20px",
+ "border-radius-calendar-day-focus-ring": "3px",
+ "border-radius-chat-bubble": "8px",
+ "border-radius-code-editor": "8px",
+ "border-radius-container": "16px",
+ "border-radius-control-circular-focus-ring": "4px",
+ "border-radius-control-default-focus-ring": "4px",
+ "border-radius-dropdown": "8px",
+ "border-radius-dropzone": "12px",
+ "border-radius-flashbar": "12px",
+ "border-radius-input": "8px",
+ "border-radius-item": "8px",
+ "border-radius-popover": "8px",
+ "border-radius-tabs-focus-ring": "20px",
+ "border-radius-tiles": "8px",
+ "border-radius-token": "8px",
+ "border-radius-tutorial-panel-item": "8px",
+ "border-table-sticky-width": "1px",
+ "border-width-alert": "2px",
+ "border-width-field": "2px",
+ "border-width-popover": "2px",
+ "color-background-avatar-default": "#424650",
"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-badge-icon": "#db0000",
+ "color-background-button-link-active": "#d1f1ff",
+ "color-bac
|
Integration tests:
src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot()
Snapshot name: `CSS Custom Properties match previous snapshot for mode "reduced-motion" 1`
- Snapshot - 362
+ Received + 362
@@ -1,190 +1,190 @@
{
- "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-active-width": "4px",
+ "border-code-editor-status-divider-width": "1px",
+ "border-container-sticky-width": "0px",
+ "border-container-top-width": "0px",
+ "border-control-focus-ring-shadow-spread": "0px",
+ "border-control-invalid-focus-ring-shadow-spread": "2px",
"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-dropdown-virtual-offset-width": "2px",
+ "border-invalid-width": "8px",
+ "border-item-width": "2px",
"border-line-chart-dash-array": "3 5",
- "border-line-chart-line-join": "miter",
+ "border-line-chart-line-join": "round",
"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",
+ "border-link-focus-ring-outline": "0",
+ "border-link-focus-ring-shadow-spread": "2px",
+ "border-panel-header-width": "1px",
+ "border-panel-top-width": "1px",
+ "border-radius-alert": "12px",
+ "border-radius-badge": "4px",
+ "border-radius-button": "20px",
+ "border-radius-calendar-day-focus-ring": "3px",
+ "border-radius-chat-bubble": "8px",
+ "border-radius-code-editor": "8px",
+ "border-radius-container": "16px",
+ "border-radius-control-circular-focus-ring": "4px",
+ "border-radius-control-default-focus-ring": "4px",
+ "border-radius-dropdown": "8px",
+ "border-radius-dropzone": "12px",
+ "border-radius-flashbar": "12px",
+ "border-radius-input": "8px",
+ "border-radius-item": "8px",
+ "border-radius-popover": "8px",
+ "border-radius-tabs-focus-ring": "20px",
+ "border-radius-tiles": "8px",
+ "border-radius-token": "8px",
+ "border-radius-tutorial-panel-item": "8px",
+ "border-table-sticky-width": "1px",
+ "border-width-alert": "2px",
+ "border-width-field": "2px",
+ "border-width-popover": "2px",
+ "color-background-avatar-default": "#424650",
"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-badge-icon": "#db0000",
+ "color-background-button-link-active": "#d1f1ff",
+ "co
|
Loading