feat(swatch): add support for lightBorder

Author: marissahuysentruyt

components/swatch/index.css

@@ -283,6 +283,21 @@
 	}
 }
 
+/* the lightBorder does not change values between light/dark modes */
+.spectrum-Swatch--lightBorder {
+	.spectrum--light &,
+	.spectrum--dark &,
+	.spectrum--darkest & {
+		--spectrum-swatch-border-color: rgba(0, 0, 0, 20%);
+	}
+
+	.spectrum-Swatch-fill {
+		&::before {
+			box-shadow: inset 0 0 0 var(--mod-swatch-border-thickness, var(--spectrum-swatch-border-thickness)) var(--highcontrast-swatch-border-color, var(--mod-swatch-border-color, var(--spectrum-swatch-border-color)));
+		}
+	}
+}
+
 .spectrum-Swatch-mixedValueIcon {
 	display: none;
 	pointer-events: none;