From 2ddba8f543b499a5d5da86bb3b2b7be19db6d81e Mon Sep 17 00:00:00 2001
From: goncalosard <innsiiiider@hotmail.com>
Date: Fri, 25 Nov 2022 16:46:04 +0000
Subject: [PATCH 1/6] fix(core): checkbox changes to match design

---
 packages/core/scss/components/_checkboxes.scss | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/packages/core/scss/components/_checkboxes.scss b/packages/core/scss/components/_checkboxes.scss
index d6b61b9a637..2048a28a1ed 100755
--- a/packages/core/scss/components/_checkboxes.scss
+++ b/packages/core/scss/components/_checkboxes.scss
@@ -28,7 +28,9 @@
   [type='checkbox']:not(:checked) + label,
   [type='checkbox']:checked + label {
     position: relative;
-    line-height: $size;
+    display: flex;
+    align-items: center;
+    line-height: 16px;
     user-select: none;
 
     color: var(--theme-checkbox-label--color);
@@ -40,8 +42,8 @@
 
   [type='checkbox'] + label:before {
     content: '';
-    width: $size;
-    height: $size;
+    width: 18px;
+    height: 18px;
     float: left;
     margin-right: $small-space;
 
@@ -99,16 +101,16 @@
 
     & + label:after {
       content: '';
-      width: 9px;
-      height: 4px;
+      width: 7px;
+      height: 2.5px;
       display: block;
       border-top: none;
       border-right: none;
       border-bottom: 1px solid var(--theme-checkbox-checked--color);
       border-left: 1px solid var(--theme-checkbox-checked--color);
       position: absolute;
-      top: 8px;
-      left: 8px;
+      top: 7.5px;
+      left: 5.5px;
       transform: rotate(-45deg) scale(2);
     }
 

From 9a651fa511242f3de61701b0b70d4fa95f8a772c Mon Sep 17 00:00:00 2001
From: goncalosard <innsiiiider@hotmail.com>
Date: Mon, 28 Nov 2022 11:25:23 +0000
Subject: [PATCH 2/6] fix(core): variable changed

---
 packages/core/scss/components/_checkboxes.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/core/scss/components/_checkboxes.scss b/packages/core/scss/components/_checkboxes.scss
index 2048a28a1ed..e8a8900949a 100755
--- a/packages/core/scss/components/_checkboxes.scss
+++ b/packages/core/scss/components/_checkboxes.scss
@@ -8,7 +8,7 @@
  */
 
 @mixin checkbox-basic() {
-  $size: $large-space;
+  $size: 18px;
 
   /* Base for label styling */
   [type='checkbox']:not(:checked),
@@ -42,8 +42,8 @@
 
   [type='checkbox'] + label:before {
     content: '';
-    width: 18px;
-    height: 18px;
+    width: $size;
+    height: $size;
     float: left;
     margin-right: $small-space;
 

From 2cee53de4f6a215e34d77d47ef2252eddd83ea0c Mon Sep 17 00:00:00 2001
From: goncalosard <innsiiiider@hotmail.com>
Date: Mon, 28 Nov 2022 14:55:31 +0000
Subject: [PATCH 3/6] fix(core): mixed position

---
 packages/core/scss/components/_checkboxes.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/core/scss/components/_checkboxes.scss b/packages/core/scss/components/_checkboxes.scss
index e8a8900949a..0953c35ca69 100755
--- a/packages/core/scss/components/_checkboxes.scss
+++ b/packages/core/scss/components/_checkboxes.scss
@@ -146,12 +146,12 @@
     & + label:after {
       content: '';
       display: block;
-      width: 14px;
-      height: 1px;
+      width: 10px;
+      height: 2px;
       border-bottom: 2px solid var(--theme-checkbox-mixed--color);
       position: absolute;
-      top: 11px;
-      left: 5px;
+      top: 8px;
+      left: 4px;
     }
 
     & + label:before {

From 501616ae76b42c88ea26b11f3717d3ffe4a81de5 Mon Sep 17 00:00:00 2001
From: goncalosard <innsiiiider@hotmail.com>
Date: Mon, 28 Nov 2022 15:47:04 +0000
Subject: [PATCH 4/6] fix(core): visual-regression tests

---
 .../components/checkbox/test/basic/index.html | 28 ++++++++++++++++++
 .../components/checkbox/test/checkbox.e2e.ts  | 23 +++++++++++++++
 .../checkbox/test/indeterminate/index.html    | 29 +++++++++++++++++++
 3 files changed, 80 insertions(+)
 create mode 100644 packages/core/src/components/checkbox/test/basic/index.html
 create mode 100644 packages/core/src/components/checkbox/test/checkbox.e2e.ts
 create mode 100644 packages/core/src/components/checkbox/test/indeterminate/index.html

diff --git a/packages/core/src/components/checkbox/test/basic/index.html b/packages/core/src/components/checkbox/test/basic/index.html
new file mode 100644
index 00000000000..ec64cb51610
--- /dev/null
+++ b/packages/core/src/components/checkbox/test/basic/index.html
@@ -0,0 +1,28 @@
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"
+    />
+    <title>Stencil Component Starter</title>
+  </head>
+  <body>
+    <div style="margin-bottom: 1rem">
+      <input type="checkbox" id="checkbox_01" />
+      <label for="checkbox_01">Simple checkbox</label>
+    </div>
+
+    <div>
+      <input type="checkbox" id="checkbox_02" disabled />
+      <label for="checkbox_02">Disabled checkbox</label>
+    </div>
+    <script src="http://127.0.0.1:8080/scripts/e2e/load-e2e-runtime.js"></script>
+  </body>
+</html>
diff --git a/packages/core/src/components/checkbox/test/checkbox.e2e.ts b/packages/core/src/components/checkbox/test/checkbox.e2e.ts
new file mode 100644
index 00000000000..625741f47f3
--- /dev/null
+++ b/packages/core/src/components/checkbox/test/checkbox.e2e.ts
@@ -0,0 +1,23 @@
+/*
+ * SPDX-FileCopyrightText: 2022 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { expect } from '@playwright/test';
+import { regressionTest } from '@utils/test';
+
+regressionTest.describe('checkbox', () => {
+  regressionTest('basic', async ({ page }) => {
+    await page.goto(`checkbox/test/basic`);
+    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+  });
+
+  regressionTest('indeterminate', async ({ page }) => {
+    await page.goto(`checkbox/test/indeterminate`);
+    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+  });
+});
diff --git a/packages/core/src/components/checkbox/test/indeterminate/index.html b/packages/core/src/components/checkbox/test/indeterminate/index.html
new file mode 100644
index 00000000000..7dd130e6256
--- /dev/null
+++ b/packages/core/src/components/checkbox/test/indeterminate/index.html
@@ -0,0 +1,29 @@
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"
+    />
+    <title>Stencil Component Starter</title>
+  </head>
+  <body>
+    <div>
+      <input type="checkbox" id="checkbox_01" />
+      <label for="checkbox_01">Simple checkbox</label>
+    </div>
+    <script>
+      (function () {
+        const checkbox = document.querySelector('#checkbox_01');
+        checkbox.indeterminate = true;
+      })();
+    </script>
+    <script src="http://127.0.0.1:8080/scripts/e2e/load-e2e-runtime.js"></script>
+  </body>
+</html>

From 616cfb55ac757a8e72b060502884466487fb7fce Mon Sep 17 00:00:00 2001
From: Daniel Leroux <daniel.leroux@siemens.com>
Date: Tue, 29 Nov 2022 06:48:04 +0100
Subject: [PATCH 5/6] refactor: convert px to rem

---
 .../core/scss/components/_checkboxes.scss     |  22 +++++++++---------
 .../components/checkbox/test/basic/index.html |  10 ++++++++
 ...-1-chromium---theme-classic-dark-linux.png | Bin 0 -> 15898 bytes
 ...1-chromium---theme-classic-light-linux.png | Bin 0 -> 15379 bytes
 ...-1-chromium---theme-classic-dark-linux.png | Bin 0 -> 8052 bytes
 ...1-chromium---theme-classic-light-linux.png | Bin 0 -> 7963 bytes
 6 files changed, 21 insertions(+), 11 deletions(-)
 create mode 100644 packages/core/src/components/checkbox/test/checkbox.e2e.ts-snapshots/checkbox-basic-1-chromium---theme-classic-dark-linux.png
 create mode 100644 packages/core/src/components/checkbox/test/checkbox.e2e.ts-snapshots/checkbox-basic-1-chromium---theme-classic-light-linux.png
 create mode 100644 packages/core/src/components/checkbox/test/checkbox.e2e.ts-snapshots/checkbox-indeterminate-1-chromium---theme-classic-dark-linux.png
 create mode 100644 packages/core/src/components/checkbox/test/checkbox.e2e.ts-snapshots/checkbox-indeterminate-1-chromium---theme-classic-light-linux.png

diff --git a/packages/core/scss/components/_checkboxes.scss b/packages/core/scss/components/_checkboxes.scss
index 0953c35ca69..6f65cacc3ff 100755
--- a/packages/core/scss/components/_checkboxes.scss
+++ b/packages/core/scss/components/_checkboxes.scss
@@ -8,7 +8,7 @@
  */
 
 @mixin checkbox-basic() {
-  $size: 18px;
+  $size: 1.125rem;
 
   /* Base for label styling */
   [type='checkbox']:not(:checked),
@@ -30,7 +30,7 @@
     position: relative;
     display: flex;
     align-items: center;
-    line-height: 16px;
+    line-height: 1rem;
     user-select: none;
 
     color: var(--theme-checkbox-label--color);
@@ -101,17 +101,17 @@
 
     & + label:after {
       content: '';
-      width: 7px;
-      height: 2.5px;
+      width: 0.45rem;
+      height: 0.25rem;
       display: block;
       border-top: none;
       border-right: none;
       border-bottom: 1px solid var(--theme-checkbox-checked--color);
       border-left: 1px solid var(--theme-checkbox-checked--color);
       position: absolute;
-      top: 7.5px;
-      left: 5.5px;
-      transform: rotate(-45deg) scale(2);
+      top: 0.3rem;
+      left: 0.35rem;
+      transform: rotate(-53deg) scale(2);
     }
 
     &:hover + label:before {
@@ -146,12 +146,12 @@
     & + label:after {
       content: '';
       display: block;
-      width: 10px;
-      height: 2px;
+      width: 0.625rem;
+      height: 0.125rm;
       border-bottom: 2px solid var(--theme-checkbox-mixed--color);
       position: absolute;
-      top: 8px;
-      left: 4px;
+      top: 0.5rem;
+      left: 0.25rem;
     }
 
     & + label:before {
diff --git a/packages/core/src/components/checkbox/test/basic/index.html b/packages/core/src/components/checkbox/test/basic/index.html
index ec64cb51610..ec9b29cd0bf 100644
--- a/packages/core/src/components/checkbox/test/basic/index.html
+++ b/packages/core/src/components/checkbox/test/basic/index.html
@@ -14,6 +14,16 @@
     <title>Stencil Component Starter</title>
   </head>
   <body>
+    <div style="margin-bottom: 1rem">
+      <input type="checkbox" id="checkbox_01" checked />
+      <label for="checkbox_01">Simple checkbox</label>
+    </div>
+
+    <div style="margin-bottom: 1rem">
+      <input type="checkbox" id="checkbox_02" checked disabled />
+      <label for="checkbox_02">Disabled checkbox</label>
+    </div>
+
     <div style="margin-bottom: 1rem">
       <input type="checkbox" id="checkbox_01" />
       <label for="checkbox_01">Simple checkbox</label>
diff --git a/packages/core/src/components/checkbox/test/checkbox.e2e.ts-snapshots/checkbox-basic-1-chromium---theme-classic-dark-linux.png b/packages/core/src/components/checkbox/test/checkbox.e2e.ts-snapshots/checkbox-basic-1-chromium---theme-classic-dark-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..915ec6dfe212fefef893fe621658e0e786638a77
GIT binary patch
literal 15898
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
bAFm(2#E#ae-%5fLhrHnOP32#2eE+`y05Rm*

literal 0
HcmV?d00001

diff --git a/packages/core/src/components/checkbox/test/checkbox.e2e.ts-snapshots/checkbox-basic-1-chromium---theme-classic-light-linux.png b/packages/core/src/components/checkbox/test/checkbox.e2e.ts-snapshots/checkbox-basic-1-chromium---theme-classic-light-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..bae8830747fda8c96cbe14341eb8953749727bed
GIT binary patch
literal 15379
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
DVUEQ6

literal 0
HcmV?d00001

diff --git a/packages/core/src/components/checkbox/test/checkbox.e2e.ts-snapshots/checkbox-indeterminate-1-chromium---theme-classic-dark-linux.png b/packages/core/src/components/checkbox/test/checkbox.e2e.ts-snapshots/checkbox-indeterminate-1-chromium---theme-classic-dark-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..2fa8892421b9fef60853573e1a4bc678b7742e72
GIT binary patch
literal 8052
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
DErTR9

literal 0
HcmV?d00001

diff --git a/packages/core/src/components/checkbox/test/checkbox.e2e.ts-snapshots/checkbox-indeterminate-1-chromium---theme-classic-light-linux.png b/packages/core/src/components/checkbox/test/checkbox.e2e.ts-snapshots/checkbox-indeterminate-1-chromium---theme-classic-light-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..616066427330afcb9dd8ec2eb5c51b182c45f36e
GIT binary patch
literal 7963
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
Y7Z9?4%4+eeJBKLl4GG`P+ZlK6ze$?M6aWAK

literal 0
HcmV?d00001


From 1ade7af08a2456321ddb81b812d67ad211fff242 Mon Sep 17 00:00:00 2001
From: Lukas Maurer <lukas.maurer@siemens.com>
Date: Tue, 29 Nov 2022 11:19:23 +0100
Subject: [PATCH 6/6] refactor(core/check-box): use common variables and REM
 where possible

---
 packages/core/scss/components/_checkboxes.scss | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/core/scss/components/_checkboxes.scss b/packages/core/scss/components/_checkboxes.scss
index 6f65cacc3ff..40e83ca3722 100755
--- a/packages/core/scss/components/_checkboxes.scss
+++ b/packages/core/scss/components/_checkboxes.scss
@@ -30,7 +30,7 @@
     position: relative;
     display: flex;
     align-items: center;
-    line-height: 1rem;
+    line-height: $default-space;
     user-select: none;
 
     color: var(--theme-checkbox-label--color);
@@ -54,14 +54,14 @@
 
   [type='checkbox'] + label:focus-visible {
     &:before {
-      outline: 1px solid var(--focus--border-color);
+      outline: 0.0625rem solid var(--focus--border-color);
       outline-offset: var(--theme-checkbox--focus--outline-offset);
     }
   }
 
   [type='checkbox']:focus-visible + label {
     &:before {
-      outline: 1px solid var(--focus--border-color);
+      outline: 0.0625rem solid var(--focus--border-color);
       outline-offset: var(--theme-checkbox--focus--outline-offset);
     }
   }
@@ -106,8 +106,8 @@
       display: block;
       border-top: none;
       border-right: none;
-      border-bottom: 1px solid var(--theme-checkbox-checked--color);
-      border-left: 1px solid var(--theme-checkbox-checked--color);
+      border-bottom: 0.0625rem solid var(--theme-checkbox-checked--color);
+      border-left: 0.0625rem solid var(--theme-checkbox-checked--color);
       position: absolute;
       top: 0.3rem;
       left: 0.35rem;
@@ -147,11 +147,11 @@
       content: '';
       display: block;
       width: 0.625rem;
-      height: 0.125rm;
-      border-bottom: 2px solid var(--theme-checkbox-mixed--color);
+      height: 0.125rem;
+      border-bottom: 0.125rem solid var(--theme-checkbox-mixed--color);
       position: absolute;
-      top: 0.5rem;
-      left: 0.25rem;
+      top: $small-space;
+      left: $tiny-space;
     }
 
     & + label:before {