diff --git a/config-plugins/checkboxes-plugin.js b/config-plugins/checkboxes-plugin.js index fc13319f..b4004858 100644 --- a/config-plugins/checkboxes-plugin.js +++ b/config-plugins/checkboxes-plugin.js @@ -6,7 +6,7 @@ const checkboxes = plugin(function ({ addUtilities, theme }) { width: "44px", // borderColor: theme("colors.multi.neutrals.grey85a"), borderRadius: "4px", - borderWidth: "1.5px", + borderWidth: "2px", }, ".example64": { borderRadius: "4px", diff --git a/config-plugins/datepicker-plugin.js b/config-plugins/datepicker-plugin.js index 01adc883..e9145ab1 100644 --- a/config-plugins/datepicker-plugin.js +++ b/config-plugins/datepicker-plugin.js @@ -4,7 +4,7 @@ const datepicker = plugin(function ({ addUtilities, theme }) { // default ".date-style": { borderColor: theme("colors.multi.neutrals.grey50"), - borderWidth: "1.5px", + borderWidth: "2px", borderRadius: "4px", borderStyle: "solid", paddingLeft: "4px", diff --git a/src/components/CheckBox/CheckBox.js b/src/components/CheckBox/CheckBox.js index a5d8d089..1a72dd70 100644 --- a/src/components/CheckBox/CheckBox.js +++ b/src/components/CheckBox/CheckBox.js @@ -28,7 +28,7 @@ export function CheckBox(props) { type="checkbox" className={`${ checked ? "ds-border-multi-blue-blue60f" : "" - } ds-absolute ds-appearance-none ds-checkbox_style ds-outline-none + } ds-absolute ds-appearance-none ds-checkbox_style ds-outline-none ds-cursor-pointer ${validationClass} `} onChange={onChange} diff --git a/src/components/FormDatePicker/FormDatePicker.js b/src/components/FormDatePicker/FormDatePicker.js index 2c2ffeda..f2c263fd 100644 --- a/src/components/FormDatePicker/FormDatePicker.js +++ b/src/components/FormDatePicker/FormDatePicker.js @@ -118,9 +118,11 @@ export function FormDatePicker(props) { -
+
@@ -138,7 +140,7 @@ export function FormDatePicker(props) { min={"1"} max={maxDay} onChange={_onDayChange} - className={`ds-w-[51px] ds-px-10px ds-rounded ds-date-text ds-border-1.5 ds-border-multi-neutrals-grey85a ds-py-5px ds-outline-none ${validationClass}`} + className={`ds-w-[51px] ds-px-10px ds-rounded ds-date-text ds-border-2 ds-border-multi-neutrals-grey85a ds-py-5px ds-outline-none ${validationClass}`} />
) : null} @@ -154,7 +156,7 @@ export function FormDatePicker(props) { min={minYear} max={maxYear} onChange={_onYearChange} - className={`ds-w-[74px] ds-py-5px ds-px-10px ds-rounded ds-date-text ds-border-1.5 ds-border-multi-neutrals-grey85a ds-outline-none ${validationClass}`} + className={`ds-w-[74px] ds-py-5px ds-px-10px ds-rounded ds-date-text ds-border-2 ds-border-multi-neutrals-grey85a ds-outline-none ${validationClass}`} />
) : null} diff --git a/src/components/FormDropdown/FormDropdown.css b/src/components/FormDropdown/FormDropdown.css index 63cb75bc..05850dad 100644 --- a/src/components/FormDropdown/FormDropdown.css +++ b/src/components/FormDropdown/FormDropdown.css @@ -47,7 +47,7 @@ } .dropdown-select:focus { - border: solid 1.5px #0e62c9; + border: solid 2px #0e62c9; box-shadow: 0px 0px 6px rgba(14, 98, 201, 0.6); } diff --git a/src/components/FormDropdown/FormDropdown.js b/src/components/FormDropdown/FormDropdown.js index c9deb3aa..358a24e2 100644 --- a/src/components/FormDropdown/FormDropdown.js +++ b/src/components/FormDropdown/FormDropdown.js @@ -49,7 +49,7 @@ export const FormDropdown = (props) => {