fix: make .icon-checkbox-container's border-radius variable (#423)

chore(ci): add Semantic Pull Request workflow

Author: meowsus

.github/workflows/semantic-pull-request.yml

@@ -0,0 +1,22 @@
+name: Semantic Pull Request
+
+on:
+  pull_request_target:
+    types:
+      - opened
+      - edited
+      - synchronize
+
+jobs:
+  main:
+    runs-on: ubuntu-latest
+    name: Semantic Pull Request
+    permissions:
+      pull-requests: read
+    steps:
+      - name: Validate PR title
+        uses: amannn/action-semantic-pull-request@v6
+        with:
+          requireScope: false
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

packages/multiple-select-vanilla/src/styles/_variables.scss

@@ -17,6 +17,7 @@ $ms-checkbox-hover-color: color.adjust($ms-primary-color, $lightness: -3%) !defa
 $ms-checkbox-icon-container-border: 1px solid #d0d0d0 !default;
 $ms-checkbox-icon-container-height: 1.05rem !default;
 $ms-checkbox-icon-container-width: 1.05rem !default;
+$ms-checkbox-icon-container-border-radius: 0.125rem !default;
 $ms-choice-border: 1px solid #d0d0d0 !default;
 $ms-choice-border-radius: 4px !default;
 $ms-choice-bgcolor: #fff !default;

packages/multiple-select-vanilla/src/styles/multiple-select.scss

@@ -55,7 +55,7 @@
       height: var(--ms-checkbox-icon-container-height, v.$ms-checkbox-icon-container-height);
       width: var(--ms-checkbox-icon-container-width, v.$ms-checkbox-icon-container-width);
       border: var(--ms-checkbox-icon-container-border, v.$ms-checkbox-icon-container-border);
-      border-radius: 0.125rem;
+      border-radius: var(--ms-checkbox-icon-container-border-radius, v.$ms-checkbox-icon-container-border-radius);
 
       div {
         font-size: 14px;