feat(checkbox): set tick-width property (#1897)

adrianptrv · simeonoff · web-flow · commit d7570b6ae103 · 2025-10-31T09:53:23.000+02:00
* feat(checkbox): set tick-width property

* chore(theming): bump to version 22.0.0-beta.1

* chore(theming): bump the version in package-lock

---------

Co-authored-by: Simeon Simeonoff &lt;sim.simeonoff@gmail.com&gt;
diff --git a/src/components/checkbox/themes/checkbox.base.scss b/src/components/checkbox/themes/checkbox.base.scss
@@ -56,7 +56,7 @@ $mark-length: 24;
     position: absolute;
     inset: 0;
     stroke-linecap: square;
-    stroke-width: var(--mark-stroke, 3);
+    stroke-width: var(--tick-width);
     stroke-dasharray: $mark-length;
     stroke-dashoffset: $mark-length;
     fill: none;
diff --git a/src/components/checkbox/themes/shared/checkbox/checkbox.fluent.scss b/src/components/checkbox/themes/shared/checkbox/checkbox.fluent.scss
@@ -39,7 +39,6 @@ $disabled-color: var-get($theme, 'disabled-color');
 
 [part~='indicator'] {
     --indicator-size: #{rem(16px)};
-    --mark-stroke: 1.5;
 }
 
 :host(:hover) {

Original file line number	Diff line number	Diff line change
`@@ -39,7 +39,6 @@ $disabled-color: var-get($theme, 'disabled-color');`
`39`	`39`
`40`	`40`	`[part~='indicator'] {`
`41`	`41`	`--indicator-size: #{rem(16px)};`
`42`		`- --mark-stroke: 1.5;`
`43`	`42`	`}`
`44`	`43`
`45`	`44`	`:host(:hover) {`