Global - more css tweaks and refactoring

Author: srcdev

.mcp/components/forms/InputCheckboxRadioCore.json

@@ -38,7 +38,7 @@
   "computed_properties": {
     "isChecked": "Handles both array and single value model checking",
     "defaultIcon": "Returns appropriate icon based on type",
-    "formTheme": "Switches to error theme when fieldHasError is true"
+    "FormUiTheme": "Switches to error theme when fieldHasError is true"
   },
   "css_custom_properties": [
     "--theme-checkbox-symbol-surface",

app/assets/styles/extends-layer/srcdev-forms/setup/themes/_primary.css

@@ -1,4 +1,4 @@
-[data-theme="primary"] {
+[data-theme="default"] {
   /* Generic */
   --theme-box-shadow: var(--colour-theme-12);
 

app/assets/styles/setup/01.tokens/_forms.css

@@ -21,7 +21,6 @@
   --form-element-line-height: 1.5;
 
   /* Padding */
-
   --form-element-padding-block-start: 0.75rem;
   --form-element-padding-block-end: 0.75rem;
   --form-text-padding-block: 1.25rem;

app/assets/styles/setup/01.tokens/_missing-tokens.css

@@ -34,8 +34,8 @@
      FORM INPUT VARIABLES
      Styling for form inputs and controls
      =========================================== */
-  --theme-input-surface: var(--blue-1);
-  --theme-input-surface-hover: var(--blue-2);
+  --theme-input-surface: var(--blue-0);
+  --theme-input-surface-hover: var(--blue-1);
   --theme-input-border: var(--blue-6);
   --theme-input-border-hover: var(--blue-5);
   --theme-input-border-focus: var(--blue-4);

app/assets/styles/setup/03.theming/default/_light.css

@@ -0,0 +1,3 @@
+@import "./_font-family";
+@import "./_reponsive-font-sizes";
+@import "./_timing-functions";