chore: Add internal drag handle UAP support #12109
Annotations
9 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 - 0
+ Received + 6
@@ -66,10 +66,14 @@
"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-drag-button-active": "#2a2e33",
+ "color-background-drag-button-default": "#545b64",
+ "color-background-drag-button-disabled": "#eaeded",
+ "color-background-drag-button-hover": "#414750",
"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",
@@ -379,10 +383,12 @@
"color-text-column-sorting-icon": "#687078",
"color-text-control-disabled": "#aab7b8",
"color-text-counter": "#687078",
"color-text-disabled": "#aab7b8",
"color-text-disabled-inline-edit": "#545b64",
+ "color-text-drag-button-default": "#ffffff",
+ "color-text-drag-button-disabled": "#aab7b8",
"color-text-dropdown-footer": "#687078",
"color-text-dropdown-group-label": "#545b64",
"color-text-dropdown-item-default": "#16191f",
"color-text-dropdown-item-dimmed": "#aab7b8",
"color-text-dropdown-item-disabled": "#aab7b8",
at Object.toMatchSnapshot (node_modules/expect/build/index.js:174:22)
at src/__integ__/themes.test.ts:54:81
at src/__integ__/themes.test.ts:10:11
at 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 "dark" 1`
- Snapshot - 0
+ Received + 6
@@ -66,10 +66,14 @@
"color-background-container-content": "#2a2e33",
"color-background-container-header": "#21252c",
"color-background-control-checked": "#00a1c9",
"color-background-control-default": "#1a2029",
"color-background-control-disabled": "#414750",
+ "color-background-drag-button-active": "#2a2e33",
+ "color-background-drag-button-default": "#545b64",
+ "color-background-drag-button-disabled": "#2a2e33",
+ "color-background-drag-button-hover": "#414750",
"color-background-dropdown-item-default": "#2a2e33",
"color-background-dropdown-item-dimmed": "transparent",
"color-background-dropdown-item-filter-match": "#12293b",
"color-background-dropdown-item-hover": "#414750",
"color-background-dropdown-item-selected": "#12293b",
@@ -379,10 +383,12 @@
"color-text-column-sorting-icon": "#95a5a6",
"color-text-control-disabled": "#687078",
"color-text-counter": "#95a5a6",
"color-text-disabled": "#687078",
"color-text-disabled-inline-edit": "#95a5a6",
+ "color-text-drag-button-default": "#ffffff",
+ "color-text-drag-button-disabled": "#687078",
"color-text-dropdown-footer": "#95a5a6",
"color-text-dropdown-group-label": "#95a5a6",
"color-text-dropdown-item-default": "#d5dbdb",
"color-text-dropdown-item-dimmed": "#687078",
"color-text-dropdown-item-disabled": "#687078",
at Object.toMatchSnapshot (node_modules/expect/build/index.js:174:22)
at src/__integ__/themes.test.ts:54:81
at src/__integ__/themes.test.ts:10:11
at 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 "compact" 1`
- Snapshot - 0
+ Received + 6
@@ -66,10 +66,14 @@
"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-drag-button-active": "#2a2e33",
+ "color-background-drag-button-default": "#545b64",
+ "color-background-drag-button-disabled": "#eaeded",
+ "color-background-drag-button-hover": "#414750",
"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",
@@ -379,10 +383,12 @@
"color-text-column-sorting-icon": "#687078",
"color-text-control-disabled": "#aab7b8",
"color-text-counter": "#687078",
"color-text-disabled": "#aab7b8",
"color-text-disabled-inline-edit": "#545b64",
+ "color-text-drag-button-default": "#ffffff",
+ "color-text-drag-button-disabled": "#aab7b8",
"color-text-dropdown-footer": "#687078",
"color-text-dropdown-group-label": "#545b64",
"color-text-dropdown-item-default": "#16191f",
"color-text-dropdown-item-dimmed": "#aab7b8",
"color-text-dropdown-item-disabled": "#aab7b8",
at Object.toMatchSnapshot (node_modules/expect/build/index.js:174:22)
at src/__integ__/themes.test.ts:54:81
at src/__integ__/themes.test.ts:10:11
at 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 "reduced-motion" 1`
- Snapshot - 0
+ Received + 6
@@ -66,10 +66,14 @@
"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-drag-button-active": "#2a2e33",
+ "color-background-drag-button-default": "#545b64",
+ "color-background-drag-button-disabled": "#eaeded",
+ "color-background-drag-button-hover": "#414750",
"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",
@@ -379,10 +383,12 @@
"color-text-column-sorting-icon": "#687078",
"color-text-control-disabled": "#aab7b8",
"color-text-counter": "#687078",
"color-text-disabled": "#aab7b8",
"color-text-disabled-inline-edit": "#545b64",
+ "color-text-drag-button-default": "#ffffff",
+ "color-text-drag-button-disabled": "#aab7b8",
"color-text-dropdown-footer": "#687078",
"color-text-dropdown-group-label": "#545b64",
"color-text-dropdown-item-default": "#16191f",
"color-text-dropdown-item-dimmed": "#aab7b8",
"color-text-dropdown-item-disabled": "#aab7b8",
at Object.toMatchSnapshot (node_modules/expect/build/index.js:174:22)
at src/__integ__/themes.test.ts:54:81
at src/__integ__/themes.test.ts:10:11
at 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 "visual-refresh" 1`
- Snapshot - 0
+ Received + 6
@@ -66,10 +66,14 @@
"color-background-container-content": "#ffffff",
"color-background-container-header": "#ffffff",
"color-background-control-checked": "#006ce0",
"color-background-control-default": "#ffffff",
"color-background-control-disabled": "#dedee3",
+ "color-background-drag-button-active": "#232b37",
+ "color-background-drag-button-default": "#424650",
+ "color-background-drag-button-disabled": "#ebebf0",
+ "color-background-drag-button-hover": "#333843",
"color-background-dropdown-item-default": "#ffffff",
"color-background-dropdown-item-dimmed": "transparent",
"color-background-dropdown-item-filter-match": "#f0fbff",
"color-background-dropdown-item-hover": "#f3f3f7",
"color-background-dropdown-item-selected": "#f0fbff",
@@ -379,10 +383,12 @@
"color-text-column-sorting-icon": "#424650",
"color-text-control-disabled": "#b4b4bb",
"color-text-counter": "#656871",
"color-text-disabled": "#b4b4bb",
"color-text-disabled-inline-edit": "#424650",
+ "color-text-drag-button-default": "#ffffff",
+ "color-text-drag-button-disabled": "#b4b4bb",
"color-text-dropdown-footer": "#656871",
"color-text-dropdown-group-label": "#424650",
"color-text-dropdown-item-default": "#0f141a",
"color-text-dropdown-item-dimmed": "#b4b4bb",
"color-text-dropdown-item-disabled": "#b4b4bb",
at Object.toMatchSnapshot (node_modules/expect/build/index.js:174:22)
at src/__integ__/themes.test.ts:54:81
at src/__integ__/themes.test.ts:10:11
at 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 "visual-refresh-dark" 1`
- Snapshot - 0
+ Received + 6
@@ -66,10 +66,14 @@
"color-background-container-content": "#161d26",
"color-background-container-header": "#161d26",
"color-background-control-checked": "#42b4ff",
"color-background-control-default": "#161d26",
"color-background-control-disabled": "#333843",
+ "color-background-drag-button-active": "#232b37",
+ "color-background-drag-button-default": "#424650",
+ "color-background-drag-button-disabled": "#232b37",
+ "color-background-drag-button-hover": "#333843",
"color-background-dropdown-item-default": "#1b232d",
"color-background-dropdown-item-dimmed": "transparent",
"color-background-dropdown-item-filter-match": "#333843",
"color-background-dropdown-item-hover": "#131920",
"color-background-dropdown-item-selected": "#001129",
@@ -379,10 +383,12 @@
"color-text-column-sorting-icon": "#b4b4bb",
"color-text-control-disabled": "#656871",
"color-text-counter": "#a4a4ad",
"color-text-disabled": "#656871",
"color-text-disabled-inline-edit": "#b4b4bb",
+ "color-text-drag-button-default": "#ffffff",
+ "color-text-drag-button-disabled": "#656871",
"color-text-dropdown-footer": "#a4a4ad",
"color-text-dropdown-group-label": "#c6c6cd",
"color-text-dropdown-item-default": "#dedee3",
"color-text-dropdown-item-dimmed": "#656871",
"color-text-dropdown-item-disabled": "#656871",
at Object.toMatchSnapshot (node_modules/expect/build/index.js:174:22)
at src/__integ__/themes.test.ts:54:81
at src/__integ__/themes.test.ts:10:11
at 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 "visual-refresh-compact" 1`
- Snapshot - 0
+ Received + 6
@@ -66,10 +66,14 @@
"color-background-container-content": "#ffffff",
"color-background-container-header": "#ffffff",
"color-background-control-checked": "#006ce0",
"color-background-control-default": "#ffffff",
"color-background-control-disabled": "#dedee3",
+ "color-background-drag-button-active": "#232b37",
+ "color-background-drag-button-default": "#424650",
+ "color-background-drag-button-disabled": "#ebebf0",
+ "color-background-drag-button-hover": "#333843",
"color-background-dropdown-item-default": "#ffffff",
"color-background-dropdown-item-dimmed": "transparent",
"color-background-dropdown-item-filter-match": "#f0fbff",
"color-background-dropdown-item-hover": "#f3f3f7",
"color-background-dropdown-item-selected": "#f0fbff",
@@ -379,10 +383,12 @@
"color-text-column-sorting-icon": "#424650",
"color-text-control-disabled": "#b4b4bb",
"color-text-counter": "#656871",
"color-text-disabled": "#b4b4bb",
"color-text-disabled-inline-edit": "#424650",
+ "color-text-drag-button-default": "#ffffff",
+ "color-text-drag-button-disabled": "#b4b4bb",
"color-text-dropdown-footer": "#656871",
"color-text-dropdown-group-label": "#424650",
"color-text-dropdown-item-default": "#0f141a",
"color-text-dropdown-item-dimmed": "#b4b4bb",
"color-text-dropdown-item-disabled": "#b4b4bb",
at Object.toMatchSnapshot (node_modules/expect/build/index.js:174:22)
at src/__integ__/themes.test.ts:54:81
at src/__integ__/themes.test.ts:10:11
at 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 "visual-refresh-content-header" 1`
- Snapshot - 0
+ Received + 6
@@ -66,10 +66,14 @@
"color-background-container-content": "#161d26",
"color-background-container-header": "#161d26",
"color-background-control-checked": "#42b4ff",
"color-background-control-default": "#0f141a",
"color-background-control-disabled": "#333843",
+ "color-background-drag-button-active": "#232b37",
+ "color-background-drag-button-default": "#424650",
+ "color-background-drag-button-disabled": "#232b37",
+ "color-background-drag-button-hover": "#333843",
"color-background-dropdown-item-default": "#1b232d",
"color-background-dropdown-item-dimmed": "transparent",
"color-background-dropdown-item-filter-match": "#333843",
"color-background-dropdown-item-hover": "#131920",
"color-background-dropdown-item-selected": "#001129",
@@ -379,10 +383,12 @@
"color-text-column-sorting-icon": "#b4b4bb",
"color-text-control-disabled": "#656871",
"color-text-counter": "#a4a4ad",
"color-text-disabled": "#656871",
"color-text-disabled-inline-edit": "#b4b4bb",
+ "color-text-drag-button-default": "#ffffff",
+ "color-text-drag-button-disabled": "#656871",
"color-text-dropdown-footer": "#a4a4ad",
"color-text-dropdown-group-label": "#c6c6cd",
"color-text-dropdown-item-default": "#dedee3",
"color-text-dropdown-item-dimmed": "#656871",
"color-text-dropdown-item-disabled": "#656871",
at Object.toMatchSnapshot (node_modules/expect/build/index.js:174:22)
at src/__integ__/themes.test.ts:54:81
at src/__integ__/themes.test.ts:10:11
at node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13
|
|
Integration tests
Process completed with exit code 1.
|
|
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 - 0
+ Received + 6
@@ -66,10 +66,14 @@
"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-drag-button-active": "#2a2e33",
+ "color-background-drag-button-default": "#545b64",
+ "color-background-drag-button-disabled": "#eaeded",
+ "color-background-drag-button-hover": "#414750",
"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",
@@ -379,10 +383,12 @@
"color-text-column-sorting-icon": "#687078",
"color-text-control-disabled": "#aab7b8",
"color-text-counter": "#687078",
"color-text-disabled": "#aab7b8",
"color-text-disabled-inline-edit": "#545b64",
+ "color-text-drag-button-default": "#ffffff",
+ "color-text-drag-button-disabled": "#aab7b8",
"color-text-dropdown-footer": "#687078",
"color-text-dropdown-group-label": "#545b64",
"color-text-dropdown-item-default": "#16191f",
"color-text-dropdown-item-dimmed": "#aab7b8",
"color-text-dropdown-item-disabled": "#aab7b8",
at Object.toMatchSnapshot (node_modules/expect/build/index.js:174:22)
at src/__integ__/themes.test.ts:54:81
at src/__integ__/themes.test.ts:10:11
at 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 - 0
+ Received + 6
@@ -66,10 +66,14 @@
"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-drag-button-active": "#2a2e33",
+ "color-background-drag-button-default": "#545b64",
+ "color-background-drag-button-disabled": "#eaeded",
+ "color-background-drag-button-hover": "#414750",
"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",
@@ -379,10 +383,12 @@
"color-text-column-sorting-icon": "#687078",
"color-text-control-disabled": "#aab7b8",
"color-text-counter": "#687078",
"color-text-disabled": "#aab7b8",
"color-text-disabled-inline-edit": "#545b64",
+ "color-text-drag-button-default": "#ffffff",
+ "color-text-drag-button-disabled": "#aab7b8",
"color-text-dropdown-footer": "#687078",
"color-text-dropdown-group-label": "#545b64",
"color-text-dropdown-item-default": "#16191f",
"color-text-dropdown-item-dimmed": "#aab7b8",
"color-text-dropdown-item-disabled": "#aab7b8",
at Object.toMatchSnapshot (node_modules/expect/build/index.js:174:22)
at src/__integ__/themes.test.ts:54:81
at src/__integ__/themes.test.ts:10:11
at 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 - 0
+ Received + 6
@@ -66,10 +66,14 @@
"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-drag-button-active": "#2a2e33",
+ "color-background-drag-button-default": "#545b64",
+ "color-background-drag-button-disabled": "#eaeded",
+ "color-background-drag-button-hover": "#414750",
"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",
@@ -379,10 +383,12 @@
"color-text-column-sorting-icon": "#687078",
"color-text-control-disabled": "#aab7b8",
"color-text-counter": "#687078",
"color-text-disabled": "#aab7b8",
"color-text-disabled-inline-edit": "#545b64",
+ "color-text-drag-button-default": "#ffffff",
+ "color-text-drag-button-disabled": "#aab7b8",
"color-text-dropdown-footer": "#687078",
"color-text-dropdown-group-label": "#545b64",
"color-text-dropdown-item-default": "#16191f",
"color-text-dropdown-item-dimmed": "#aab7b8",
"color-text-dropdown-item-disabled": "#aab7b8",
at Object.toMatchSnapshot (node_modules/expect/build/index.js:174:22)
at src/__integ__/themes.test.ts:54:81
at src/__integ__/themes.test.ts:10:11
at 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 "dark" 1`
- Snapshot - 0
+ Received + 6
@@ -66,10 +66,14 @@
"color-background-container-content": "#2a2e33",
"color-background-container-header": "#21252c",
"color-background-control-checked": "#00a1c9",
"color-background-control-default": "#1a2029",
"color-background-control-disabled": "#414750",
+ "color-background-drag-button-active": "#2a2e33",
+ "color-background-drag-button-default": "#545b64",
+ "color-background-drag-button-disabled": "#2a2e33",
+ "color-background-drag-button-hover": "#414750",
"color-background-dropdown-item-default": "#2a2e33",
"color-background-dropdown-item-dimmed": "transparent",
"color-background-dropdown-item-filter-match": "#12293b",
"color-background-dropdown-item-hover": "#414750",
"color-background-dropdown-item-selected": "#12293b",
@@ -379,10 +383,12 @@
"color-text-column-sorting-icon": "#95a5a6",
"color-text-control-disabled": "#687078",
"color-text-counter": "#95a5a6",
"color-text-disabled": "#687078",
"color-text-disabled-inline-edit": "#95a5a6",
+ "color-text-drag-button-default": "#ffffff",
+ "color-text-drag-button-disabled": "#687078",
"color-text-dropdown-footer": "#95a5a6",
"color-text-dropdown-group-label": "#95a5a6",
"color-text-dropdown-item-default": "#d5dbdb",
"color-text-dropdown-item-dimmed": "#687078",
"color-text-dropdown-item-disabled": "#687078",
at Object.toMatchSnapshot (node_modules/expect/build/index.js:174:22)
at src/__integ__/themes.test.ts:54:81
at src/__integ__/themes.test.ts:10:11
at 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 "dark" 1`
- Snapshot - 0
+ Received + 6
@@ -66,10 +66,14 @@
"color-background-container-content": "#2a2e33",
"color-background-container-header": "#21252c",
"color-background-control-checked": "#00a1c9",
"color-background-control-default": "#1a2029",
"color-background-control-disabled": "#414750",
+ "color-background-drag-button-active": "#2a2e33",
+ "color-background-drag-button-default": "#545b64",
+ "color-background-drag-button-disabled": "#2a2e33",
+ "color-background-drag-button-hover": "#414750",
"color-background-dropdown-item-default": "#2a2e33",
"color-background-dropdown-item-dimmed": "transparent",
"color-background-dropdown-item-filter-match": "#12293b",
"color-background-dropdown-item-hover": "#414750",
"color-background-dropdown-item-selected": "#12293b",
@@ -379,10 +383,12 @@
"color-text-column-sorting-icon": "#95a5a6",
"color-text-control-disabled": "#687078",
"color-text-counter": "#95a5a6",
"color-text-disabled": "#687078",
"color-text-disabled-inline-edit": "#95a5a6",
+ "color-text-drag-button-default": "#ffffff",
+ "color-text-drag-button-disabled": "#687078",
"color-text-dropdown-footer": "#95a5a6",
"color-text-dropdown-group-label": "#95a5a6",
"color-text-dropdown-item-default": "#d5dbdb",
"color-text-dropdown-item-dimmed": "#687078",
"color-text-dropdown-item-disabled": "#687078",
at Object.toMatchSnapshot (node_modules/expect/build/index.js:174:22)
at src/__integ__/themes.test.ts:54:81
at src/__integ__/themes.test.ts:10:11
at 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 "dark" 1`
- Snapshot - 0
+ Received + 6
@@ -66,10 +66,14 @@
"color-background-container-content": "#2a2e33",
"color-background-container-header": "#21252c",
"color-background-control-checked": "#00a1c9",
"color-background-control-default": "#1a2029",
"color-background-control-disabled": "#414750",
+ "color-background-drag-button-active": "#2a2e33",
+ "color-background-drag-button-default": "#545b64",
+ "color-background-drag-button-disabled": "#2a2e33",
+ "color-background-drag-button-hover": "#414750",
"color-background-dropdown-item-default": "#2a2e33",
"color-background-dropdown-item-dimmed": "transparent",
"color-background-dropdown-item-filter-match": "#12293b",
"color-background-dropdown-item-hover": "#414750",
"color-background-dropdown-item-selected": "#12293b",
@@ -379,10 +383,12 @@
"color-text-column-sorting-icon": "#95a5a6",
"color-text-control-disabled": "#687078",
"color-text-counter": "#95a5a6",
"color-text-disabled": "#687078",
"color-text-disabled-inline-edit": "#95a5a6",
+ "color-text-drag-button-default": "#ffffff",
+ "color-text-drag-button-disabled": "#687078",
"color-text-dropdown-footer": "#95a5a6",
"color-text-dropdown-group-label": "#95a5a6",
"color-text-dropdown-item-default": "#d5dbdb",
"color-text-dropdown-item-dimmed": "#687078",
"color-text-dropdown-item-disabled": "#687078",
at Object.toMatchSnapshot (node_modules/expect/build/index.js:174:22)
at src/__integ__/themes.test.ts:54:81
at src/__integ__/themes.test.ts:10:11
at 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 "compact" 1`
- Snapshot - 0
+ Received + 6
@@ -66,10 +66,14 @@
"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-drag-button-active": "#2a2e33",
+ "color-background-drag-button-default": "#545b64",
+ "color-background-drag-button-disabled": "#eaeded",
+ "color-background-drag-button-hover": "#414750",
"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",
@@ -379,10 +383,12 @@
"color-text-column-sorting-icon": "#687078",
"color-text-control-disabled": "#aab7b8",
"color-text-counter": "#687078",
"color-text-disabled": "#aab7b8",
"color-text-disabled-inline-edit": "#545b64",
+ "color-text-drag-button-default": "#ffffff",
+ "color-text-drag-button-disabled": "#aab7b8",
"color-text-dropdown-footer": "#687078",
"color-text-dropdown-group-label": "#545b64",
"color-text-dropdown-item-default": "#16191f",
"color-text-dropdown-item-dimmed": "#aab7b8",
"color-text-dropdown-item-disabled": "#aab7b8",
at Object.toMatchSnapshot (node_modules/expect/build/index.js:174:22)
at src/__integ__/themes.test.ts:54:81
at src/__integ__/themes.test.ts:10:11
at 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 "compact" 1`
- Snapshot - 0
+ Received + 6
@@ -66,10 +66,14 @@
"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-drag-button-active": "#2a2e33",
+ "color-background-drag-button-default": "#545b64",
+ "color-background-drag-button-disabled": "#eaeded",
+ "color-background-drag-button-hover": "#414750",
"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",
@@ -379,10 +383,12 @@
"color-text-column-sorting-icon": "#687078",
"color-text-control-disabled": "#aab7b8",
"color-text-counter": "#687078",
"color-text-disabled": "#aab7b8",
"color-text-disabled-inline-edit": "#545b64",
+ "color-text-drag-button-default": "#ffffff",
+ "color-text-drag-button-disabled": "#aab7b8",
"color-text-dropdown-footer": "#687078",
"color-text-dropdown-group-label": "#545b64",
"color-text-dropdown-item-default": "#16191f",
"color-text-dropdown-item-dimmed": "#aab7b8",
"color-text-dropdown-item-disabled": "#aab7b8",
at Object.toMatchSnapshot (node_modules/expect/build/index.js:174:22)
at src/__integ__/themes.test.ts:54:81
at src/__integ__/themes.test.ts:10:11
at 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 "compact" 1`
- Snapshot - 0
+ Received + 6
@@ -66,10 +66,14 @@
"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-drag-button-active": "#2a2e33",
+ "color-background-drag-button-default": "#545b64",
+ "color-background-drag-button-disabled": "#eaeded",
+ "color-background-drag-button-hover": "#414750",
"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",
@@ -379,10 +383,12 @@
"color-text-column-sorting-icon": "#687078",
"color-text-control-disabled": "#aab7b8",
"color-text-counter": "#687078",
"color-text-disabled": "#aab7b8",
"color-text-disabled-inline-edit": "#545b64",
+ "color-text-drag-button-default": "#ffffff",
+ "color-text-drag-button-disabled": "#aab7b8",
"color-text-dropdown-footer": "#687078",
"color-text-dropdown-group-label": "#545b64",
"color-text-dropdown-item-default": "#16191f",
"color-text-dropdown-item-dimmed": "#aab7b8",
"color-text-dropdown-item-disabled": "#aab7b8",
at Object.toMatchSnapshot (node_modules/expect/build/index.js:174:22)
at src/__integ__/themes.test.ts:54:81
at src/__integ__/themes.test.ts:10:11
at 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 "reduced-motion" 1`
- Snapshot - 0
+ Received + 6
@@ -66,10 +66,14 @@
"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-drag-button-active": "#2a2e33",
+ "color-background-drag-button-default": "#545b64",
+ "color-background-drag-button-disabled": "#eaeded",
+ "color-background-drag-button-hover": "#414750",
"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",
@@ -379,10 +383,12 @@
"color-text-column-sorting-icon": "#687078",
"color-text-control-disabled": "#aab7b8",
"color-text-counter": "#687078",
"color-text-disabled": "#aab7b8",
"color-text-disabled-inline-edit": "#545b64",
+ "color-text-drag-button-default": "#ffffff",
+ "color-text-drag-button-disabled": "#aab7b8",
"color-text-dropdown-footer": "#687078",
"color-text-dropdown-group-label": "#545b64",
"color-text-dropdown-item-default": "#16191f",
"color-text-dropdown-item-dimmed": "#aab7b8",
"color-text-dropdown-item-disabled": "#aab7b8",
at Object.toMatchSnapshot (node_modules/expect/build/index.js:174:22)
at src/__integ__/themes.test.ts:54:81
at src/__integ__/themes.test.ts:10:11
at node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13
|
Loading