srcdev-nuxt-forms 6.1.1 → 6.1.3

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

@@ -1,85 +0,0 @@
-:root {
-  [data-theme-old='error'] {
-    --theme-button-surface: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-input-bg-outlined: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-input-bg-underlined: light-dark(var(--gray-1), var(--gray-4));
-    --theme-input-border: var(--red-8);
-    --theme-input-border-active: var(--red-2);
-    --theme-input-border-focus: var(--red-2);
-    --theme-form-input-outline: white;
-    --theme-form-input-outline-active: var(--red-6);
-    --theme-form-input-outline-focus: var(--red-6);
-    --theme-form-input-text-color-normal: light-dark(var(--gray-10), var(--gray-11));
-    --theme-form-input-text-color-outlined: light-dark(var(--gray-10), var(--gray-1));
-    --theme-form-input-text-color-underlined: light-dark(var(--gray-11), var(--gray-1));
-
-    --theme-form-input-text-label-color-normal: light-dark(var(--gray-11), var(--gray-1));
-    --theme-form-input-text-label-color-outlined: light-dark(var(--gray-10), var(--gray-11));
-    --theme-form-input-text-label-color-underlined: light-dark(var(--gray-11), var(--gray-1));
-
-    --theme-form-focus-box-shadow: light-dark(var(--red-12), var(--red-2));
-
-    --theme-form-checkbox-bg: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-checkbox-border: light-dark(var(--red-12), var(--red-12));
-    --theme-form-checkbox-outline: light-dark(var(--red-1), var(--red-1));
-    --theme-form-checkbox-shadow: transparent;
-    --theme-form-checkbox-shadow-focus: var(--red-6);
-    --theme-form-checkbox-symbol: var(--red-12);
-
-    --theme-form-radio-bg: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-radio-border: light-dark(var(--red-12), var(--red-12));
-    --theme-form-radio-outline: light-dark(var(--red-1), var(--red-1));
-    --theme-form-radio-shadow: transparent;
-    --theme-form-radio-shadow-focus: var(--red-6);
-    --theme-form-radio-symbol: var(--red-12);
-
-    --theme-form-range-accent-color: light-dark(var(--red-12), var(--red-3));
-
-    /*
-    * ToggleSwitch
-    **/
-    --theme-form-toggle-bg-off: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-toggle-bg-on: light-dark(var(--gray-1), var(--gray-6));
-
-    --theme-form-toggle-border: var(--form-element-border-width) solid light-dark(var(--red-12), var(--red-1));
-
-    --theme-form-toggle-outline: var(--form-element-outline-width) solid light-dark(var(--red-12), var(--red-12));
-    --theme-form-toggle-symbol-off: var(--orange-12);
-    --theme-form-toggle-symbol-on: var(--gray-12);
-    --theme-form-toggle-icon-stroke-colour-off: var(--gray-1);
-    --theme-form-toggle-icon-stroke-colour-on: var(--gray-1);
-
-    /*
-    * Checkbox as button
-    **/
-
-    --theme-checkbox-radio-button-bg-default: light-dark(var(--red-1), var(--red-1));
-
-    --theme-checkbox-radio-button-border-default: light-dark(var(--red-12), var(--red-12));
-    --theme-checkbox-radio-button-border-width: 0.1rem;
-
-    --theme-checkbox-radio-button-outline-default: light-dark(var(--red-5), var(--red-5));
-    --theme-checkbox-radio-button-outline-width: 0.1rem;
-
-    --theme-checkbox-radio-button-label-default: light-dark(var(--red-12), var(--red-12));
-  }
-
-  [data-theme='error'] {
-    --theme-button-surface: var(--red-12);
-    --theme-input-border: var(--red-0);
-    --theme-btn-outline: var(--red-12);
-    --theme-btn-text: var(--red-0);
-
-    --theme-button-surface-hover: var(--red-0);
-    --theme-input-border-hover: var(--red-12);
-    --theme-btn-outline-hover: var(--red-0);
-    --theme-btn-text-hover: var(--red-12);
-
-    --theme-button-surface-focus: var(--red-0);
-    --theme-input-border-focus: var(--red-12);
-    --theme-btn-outline-focus: var(--red-0);
-    --theme-btn-text-focus: var(--red-12);
-
-    --theme-form-focus-box-shadow: light-dark(var(--red-12), var(--red-2));
-  }
-}

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

@@ -1,85 +0,0 @@
-:root {
-  [data-theme-old='ghost'] {
-    --theme-button-surface: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-input-bg-outlined: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-input-bg-underlined: light-dark(var(--gray-1), var(--gray-4));
-    --theme-input-border: var(--gray-8);
-    --theme-input-border-active: var(--gray-2);
-    --theme-input-border-focus: var(--gray-2);
-    --theme-form-input-outline: white;
-    --theme-form-input-outline-active: var(--gray-6);
-    --theme-form-input-outline-focus: var(--gray-6);
-    --theme-form-input-text-color-normal: light-dark(var(--gray-10), var(--gray-11));
-    --theme-form-input-text-color-outlined: light-dark(var(--gray-10), var(--gray-1));
-    --theme-form-input-text-color-underlined: light-dark(var(--gray-11), var(--gray-1));
-
-    --theme-form-input-text-label-color-normal: light-dark(var(--gray-11), var(--gray-1));
-    --theme-form-input-text-label-color-outlined: light-dark(var(--gray-10), var(--gray-11));
-    --theme-form-input-text-label-color-underlined: light-dark(var(--gray-11), var(--gray-1));
-
-    --theme-form-focus-box-shadow: light-dark(var(--gray-12), var(--gray-2));
-
-    --theme-form-checkbox-bg: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-checkbox-border: light-dark(var(--gray-12), var(--gray-12));
-    --theme-form-checkbox-outline: light-dark(var(--gray-1), var(--gray-1));
-    --theme-form-checkbox-shadow: transparent;
-    --theme-form-checkbox-shadow-focus: var(--gray-6);
-    --theme-form-checkbox-symbol: var(--gray-12);
-
-    --theme-form-radio-bg: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-radio-border: light-dark(var(--gray-12), var(--gray-12));
-    --theme-form-radio-outline: light-dark(var(--gray-1), var(--gray-1));
-    --theme-form-radio-shadow: transparent;
-    --theme-form-radio-shadow-focus: var(--gray-6);
-    --theme-form-radio-symbol: var(--gray-12);
-
-    --theme-form-range-accent-color: light-dark(var(--gray-12), var(--gray-3));
-
-    /*
-    * ToggleSwitch
-    **/
-    --theme-form-toggle-bg-off: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-toggle-bg-on: light-dark(var(--gray-1), var(--gray-6));
-    --form-element-border-width: 0.1rem;
-    --theme-form-toggle-border: var(--form-element-border-width) solid light-dark(var(--gray-12), var(--gray-1));
-    --form-element-border-width: 0.1rem;
-    --theme-form-toggle-outline: var(--form-element-outline-width) solid light-dark(var(--gray-12), var(--gray-12));
-    --theme-form-toggle-symbol-off: var(--gray-4);
-    --theme-form-toggle-symbol-on: var(--gray-12);
-    --theme-form-toggle-icon-stroke-colour-off: var(--gray-1);
-    --theme-form-toggle-icon-stroke-colour-on: var(--gray-1);
-
-    /*
-    * Checkbox as button
-    **/
-
-    --theme-checkbox-radio-button-bg-default: light-dark(var(--gray-1), var(--gray-4));
-
-    --theme-checkbox-radio-button-border-default: light-dark(var(--gray-12), var(--gray-12));
-    --theme-checkbox-radio-button-border-width: 0.1rem;
-
-    --theme-checkbox-radio-button-outline-default: light-dark(var(--gray-5), var(--gray-5));
-    --theme-checkbox-radio-button-outline-width: 0.1rem;
-
-    --theme-checkbox-radio-button-label-default: light-dark(var(--gray-12), var(--gray-12));
-  }
-
-  [data-theme='ghost'] {
-    --theme-button-surface: transparent;
-    --theme-input-border: var(--gray-0);
-    --theme-btn-outline: var(--gray-12);
-    --theme-btn-text: light-dark(var(--gray-12), var(--gray-0));
-
-    --theme-button-surface-hover: light-dark(var(--gray-2), var(--gray-8));
-    --theme-input-border-hover: light-dark(var(--gray-12), var(--gray-0));
-    --theme-btn-outline-hover: light-dark(var(--gray-12), var(--gray-0));
-    --theme-btn-text-hover: light-dark(var(--gray-12), var(--gray-0));
-
-    --theme-button-surface-focus: light-dark(var(--gray-2), var(--gray-8));
-    --theme-input-border-focus: light-dark(var(--gray-12), var(--gray-0));
-    --theme-btn-outline-focus: light-dark(var(--gray-12), var(--gray-0));
-    --theme-btn-text-focus: light-dark(var(--gray-12), var(--gray-0));
-
-    --theme-form-focus-box-shadow: light-dark(var(--gray-12), var(--gray-2));
-  }
-}

package/app/assets/styles/extends-layer/srcdev-forms/setup/themes/_input-action-underlined.css

@@ -1,20 +0,0 @@
-:root {
-  [data-theme-old='input-action-underlined'] {
-    --theme-button-surface: transparent;
-    --theme-input-border: transparent;
-    --theme-btn-outline: transparent;
-    --theme-btn-text: var(--_input-text-core-color);
-
-    --theme-button-surface-hover: var(--blue-8);
-    --theme-input-border-hover: var(--blue-8);
-    --theme-btn-outline-hover: var(--blue-8);
-    --theme-btn-text-hover: var(--gray-00);
-
-    --theme-button-surface-focus: var(--blue-8);
-    --theme-input-border-focus: var(--blue-8);
-    --theme-btn-outline-focus: var(--blue-8);
-    --theme-btn-text-focus: var(--gray-00);
-
-    --theme-form-focus-box-shadow: transparent;
-  }
-}

package/app/assets/styles/extends-layer/srcdev-forms/setup/themes/_input-action.css

@@ -1,20 +0,0 @@
-:root {
-  [data-theme-old='input-action'] {
-    --theme-button-surface: transparent;
-    --theme-input-border: transparent;
-    --theme-btn-outline: transparent;
-    --theme-btn-text: var(--theme-form-input-text-color-normal);
-
-    --theme-button-surface-hover: var(--blue-8);
-    --theme-input-border-hover: var(--blue-8);
-    --theme-btn-outline-hover: var(--blue-8);
-    --theme-btn-text-hover: var(--gray-00);
-
-    --theme-button-surface-focus: var(--blue-8);
-    --theme-input-border-focus: var(--blue-8);
-    --theme-btn-outline-focus: var(--blue-8);
-    --theme-btn-text-focus: var(--gray-00);
-
-    --theme-form-focus-box-shadow: transparent;
-  }
-}

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

@@ -1,92 +0,0 @@
-:root {
-  [data-theme-old='primary'] {
-    --theme-button-surface: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-input-bg-outlined: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-input-bg-underlined: light-dark(var(--gray-0), var(--gray-9));
-    --theme-input-border: var(--blue-8);
-    --theme-input-border-active: var(--blue-2);
-    --theme-input-border-focus: var(--blue-2);
-    --theme-form-input-outline: white;
-    --theme-form-input-outline-active: var(--blue-6);
-    --theme-form-input-outline-focus: var(--blue-6);
-    --theme-form-input-text-color-normal: light-dark(var(--gray-11), var(--gray-11));
-    --theme-form-input-text-color-outlined: light-dark(var(--gray-10), var(--gray-11));
-    --theme-form-input-text-color-underlined: light-dark(var(--gray-11), var(--gray-1));
-
-    --theme-form-input-text-label-color-normal: light-dark(var(--gray-11), var(--gray-1));
-    --theme-form-input-text-label-color-outlined: light-dark(var(--gray-10), var(--gray-11));
-    --theme-form-input-text-label-color-underlined: light-dark(var(--gray-11), var(--gray-1));
-
-    /* --theme-form-focus-box-shadow: light-dark(var(--blue-12), var(--blue-2)); */
-    --theme-form-focus-box-shadow: light-dark(red, yellowgreen);
-
-    --theme-form-checkbox-bg: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-checkbox-border: light-dark(var(--blue-12), var(--blue-12));
-    --theme-form-checkbox-outline: light-dark(var(--blue-1), var(--blue-1));
-    --theme-form-checkbox-shadow: transparent;
-    --theme-form-checkbox-shadow-focus: var(--blue-6);
-    --theme-form-checkbox-symbol: var(--blue-12);
-
-    --theme-form-radio-bg: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-radio-border: light-dark(var(--blue-12), var(--blue-12));
-    --theme-form-radio-outline: light-dark(var(--blue-1), var(--blue-1));
-    --theme-form-radio-shadow: transparent;
-    --theme-form-radio-shadow-focus: var(--blue-6);
-    --theme-form-radio-symbol: var(--blue-12);
-
-    --theme-form-range-accent-color: light-dark(var(--blue-12), var(--blue-1));
-
-    /*
-    * ToggleSwitch
-    **/
-    --theme-form-toggle-bg-off: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-toggle-bg-on: light-dark(var(--gray-1), var(--gray-6));
-
-    --theme-form-toggle-border-color: light-dark(var(--blue-12), var(--blue-1));
-    --theme-form-toggle-border-width: 0.2rem;
-    --theme-form-toggle-border: var(--form-element-border-width) solid light-dark(var(--blue-12), var(--blue-1));
-
-    --theme-form-toggle-outline: var(--form-element-outline-width) solid light-dark(var(--blue-1), var(--blue-1));
-    --theme-form-toggle-symbol-off: var(--blue-7);
-    --theme-form-toggle-symbol-on: var(--gray-12);
-    --theme-form-toggle-icon-stroke-colour-off: var(--gray-1);
-    --theme-form-toggle-icon-stroke-colour-on: var(--gray-1);
-
-    /*
-    * Checkbox as button
-    **/
-
-    --theme-checkbox-radio-button-bg-default: light-dark(var(--gray-1), var(--gray-4));
-
-    --theme-checkbox-radio-button-border-default: light-dark(var(--blue-12), var(--blue-12));
-    --theme-checkbox-radio-button-border-width: 0.1rem;
-
-    --theme-checkbox-radio-button-outline-default: light-dark(var(--blue-5), var(--blue-5));
-    --theme-checkbox-radio-button-outline-focus: light-dark(var(--blue-12), var(--blue-12));
-    --theme-checkbox-radio-button-outline-width: 0.1rem;
-
-    --theme-checkbox-radio-button-shadow: transparent;
-    --theme-checkbox-radio-button-shadow-focus: light-dark(var(--blue-6), var(--blue-1));
-
-    --theme-checkbox-radio-button-label-default: light-dark(var(--blue-12), var(--blue-12));
-  }
-
-  [data-theme='primary'] {
-    --theme-button-surface: var(--blue-12);
-    --theme-input-border: var(--blue-0);
-    --theme-btn-outline: var(--blue-12);
-    --theme-btn-text: var(--blue-0);
-
-    --theme-button-surface-hover: var(--blue-0);
-    --theme-input-border-hover: var(--blue-12);
-    --theme-btn-outline-hover: var(--blue-0);
-    --theme-btn-text-hover: var(--blue-12);
-
-    --theme-button-surface-focus: var(--blue-0);
-    --theme-input-border-focus: var(--blue-12);
-    --theme-btn-outline-focus: var(--blue-0);
-    --theme-btn-text-focus: var(--blue-12);
-
-    --theme-form-focus-box-shadow: light-dark(var(--blue-12), var(--blue-2));
-  }
-}

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

@@ -1,85 +0,0 @@
-:root {
-  [data-theme-old='secondary'] {
-    --theme-button-surface: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-input-bg-outlined: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-input-bg-underlined: light-dark(var(--gray-1), var(--gray-4));
-    --theme-input-border: var(--gray-8);
-    --theme-input-border-active: var(--gray-2);
-    --theme-input-border-focus: var(--gray-2);
-    --theme-form-input-outline: white;
-    --theme-form-input-outline-active: var(--gray-6);
-    --theme-form-input-outline-focus: var(--gray-6);
-    --theme-form-input-text-color-normal: light-dark(var(--gray-10), var(--gray-11));
-    --theme-form-input-text-color-outlined: light-dark(var(--gray-10), var(--gray-1));
-    --theme-form-input-text-color-underlined: light-dark(var(--gray-11), var(--gray-1));
-
-    --theme-form-input-text-label-color-normal: light-dark(var(--gray-11), var(--gray-1));
-    --theme-form-input-text-label-color-outlined: light-dark(var(--gray-10), var(--gray-11));
-    --theme-form-input-text-label-color-underlined: light-dark(var(--gray-11), var(--gray-1));
-
-    --theme-form-focus-box-shadow: light-dark(var(--gray-12), var(--gray-2));
-
-    --theme-form-checkbox-bg: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-checkbox-border: light-dark(var(--gray-12), var(--gray-12));
-    --theme-form-checkbox-outline: light-dark(var(--gray-1), var(--gray-1));
-    --theme-form-checkbox-shadow: transparent;
-    --theme-form-checkbox-shadow-focus: var(--gray-6);
-    --theme-form-checkbox-symbol: var(--gray-12);
-
-    --theme-form-radio-bg: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-radio-border: light-dark(var(--gray-12), var(--gray-12));
-    --theme-form-radio-outline: light-dark(var(--gray-1), var(--gray-1));
-    --theme-form-radio-shadow: transparent;
-    --theme-form-radio-shadow-focus: var(--gray-6);
-    --theme-form-radio-symbol: var(--gray-12);
-
-    --theme-form-range-accent-color: light-dark(var(--gray-12), var(--gray-3));
-
-    /*
-    * ToggleSwitch
-    **/
-    --theme-form-toggle-bg-off: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-toggle-bg-on: light-dark(var(--gray-1), var(--gray-6));
-
-    --theme-form-toggle-border: var(--form-element-border-width) solid light-dark(var(--gray-12), var(--gray-1));
-
-    --theme-form-toggle-outline: var(--form-element-outline-width) solid light-dark(var(--gray-12), var(--gray-12));
-    --theme-form-toggle-symbol-off: var(--gray-4);
-    --theme-form-toggle-symbol-on: var(--gray-12);
-    --theme-form-toggle-icon-stroke-colour-off: var(--gray-1);
-    --theme-form-toggle-icon-stroke-colour-on: var(--gray-1);
-
-    /*
-    * Checkbox as button
-    **/
-
-    --theme-checkbox-radio-button-bg-default: light-dark(var(--gray-1), var(--gray-4));
-
-    --theme-checkbox-radio-button-border-default: light-dark(var(--gray-12), var(--gray-12));
-    --theme-checkbox-radio-button-border-width: 0.1rem;
-
-    --theme-checkbox-radio-button-outline-default: light-dark(var(--gray-5), var(--gray-5));
-    --theme-checkbox-radio-button-outline-width: 0.1rem;
-
-    --theme-checkbox-radio-button-label-default: light-dark(var(--gray-12), var(--gray-12));
-  }
-
-  [data-theme='secondary'] {
-    --theme-button-surface: var(--gray-12);
-    --theme-input-border: var(--gray-0);
-    --theme-btn-outline: var(--gray-12);
-    --theme-btn-text: var(--gray-0);
-
-    --theme-button-surface-hover: var(--gray-0);
-    --theme-input-border-hover: var(--gray-12);
-    --theme-btn-outline-hover: var(--gray-0);
-    --theme-btn-text-hover: var(--gray-12);
-
-    --theme-button-surface-focus: var(--gray-0);
-    --theme-input-border-focus: var(--gray-12);
-    --theme-btn-outline-focus: var(--gray-0);
-    --theme-btn-text-focus: var(--gray-12);
-
-    --theme-form-focus-box-shadow: light-dark(var(--gray-12), var(--gray-2));
-  }
-}

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

@@ -1,85 +0,0 @@
-:root {
-  [data-theme-old='success'] {
-    --theme-button-surface: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-input-bg-outlined: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-input-bg-underlined: light-dark(var(--gray-1), var(--gray-4));
-    --theme-input-border: var(--green-8);
-    --theme-input-border-active: var(--green-2);
-    --theme-input-border-focus: var(--green-2);
-    --theme-form-input-outline: white;
-    --theme-form-input-outline-active: var(--green-6);
-    --theme-form-input-outline-focus: var(--green-6);
-    --theme-form-input-text-color-normal: light-dark(var(--gray-10), var(--gray-11));
-    --theme-form-input-text-color-outlined: light-dark(var(--gray-10), var(--gray-1));
-    --theme-form-input-text-color-underlined: light-dark(var(--gray-11), var(--gray-1));
-
-    --theme-form-input-text-label-color-normal: light-dark(var(--gray-11), var(--gray-1));
-    --theme-form-input-text-label-color-outlined: light-dark(var(--gray-10), var(--gray-11));
-    --theme-form-input-text-label-color-underlined: light-dark(var(--gray-11), var(--gray-1));
-
-    --theme-form-focus-box-shadow: light-dark(var(--green-12), var(--green-2));
-
-    --theme-form-checkbox-bg: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-checkbox-border: light-dark(var(--green-12), var(--green-12));
-    --theme-form-checkbox-outline: light-dark(var(--green-1), var(--green-1));
-    --theme-form-checkbox-shadow: transparent;
-    --theme-form-checkbox-shadow-focus: var(--green-6);
-    --theme-form-checkbox-symbol: var(--green-12);
-
-    --theme-form-radio-bg: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-radio-border: light-dark(var(--green-12), var(--green-12));
-    --theme-form-radio-outline: light-dark(var(--green-1), var(--green-1));
-    --theme-form-radio-shadow: transparent;
-    --theme-form-radio-shadow-focus: var(--green-6);
-    --theme-form-radio-symbol: var(--green-12);
-
-    --theme-form-range-accent-color: light-dark(var(--green-12), var(--green-3));
-
-    /*
-    * ToggleSwitch
-    **/
-    --theme-form-toggle-bg-off: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-toggle-bg-on: light-dark(var(--gray-1), var(--gray-6));
-
-    --theme-form-toggle-border: var(--form-element-border-width) solid light-dark(var(--green-12), var(--green-1));
-
-    --theme-form-toggle-outline: var(--form-element-outline-width) solid light-dark(var(--green-12), var(--green-12));
-    --theme-form-toggle-symbol-off: var(--green-4);
-    --theme-form-toggle-symbol-on: var(--green-12);
-    --theme-form-toggle-icon-stroke-colour-off: var(--gray-1);
-    --theme-form-toggle-icon-stroke-colour-on: var(--gray-1);
-
-    /*
-    * Checkbox as button
-    **/
-
-    --theme-checkbox-radio-button-bg-default: light-dark(var(--gray-1), var(--gray-4));
-
-    --theme-checkbox-radio-button-border-default: light-dark(var(--green-12), var(--green-12));
-    --theme-checkbox-radio-button-border-width: 0.1rem;
-
-    --theme-checkbox-radio-button-outline-default: light-dark(var(--green-5), var(--green-5));
-    --theme-checkbox-radio-button-outline-width: 0.1rem;
-
-    --theme-checkbox-radio-button-label-default: light-dark(var(--green-12), var(--green-12));
-  }
-
-  [data-theme='success'] {
-    --theme-button-surface: var(--green-12);
-    --theme-input-border: var(--green-0);
-    --theme-btn-outline: var(--green-12);
-    --theme-btn-text: var(--green-0);
-
-    --theme-button-surface-hover: var(--green-0);
-    --theme-input-border-hover: var(--green-12);
-    --theme-btn-outline-hover: var(--green-0);
-    --theme-btn-text-hover: var(--green-12);
-
-    --theme-button-surface-focus: var(--green-0);
-    --theme-input-border-focus: var(--green-12);
-    --theme-btn-outline-focus: var(--green-0);
-    --theme-btn-text-focus: var(--green-12);
-
-    --theme-form-focus-box-shadow: light-dark(var(--green-12), var(--green-2));
-  }
-}

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

@@ -1,85 +0,0 @@
-:root {
-  [data-theme-old='tertiary'] {
-    --theme-button-surface: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-input-bg-outlined: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-input-bg-underlined: light-dark(var(--gray-1), var(--gray-4));
-    --theme-input-border: var(--gray-8);
-    --theme-input-border-active: var(--gray-2);
-    --theme-input-border-focus: var(--gray-2);
-    --theme-form-input-outline: white;
-    --theme-form-input-outline-active: var(--gray-6);
-    --theme-form-input-outline-focus: var(--gray-6);
-    --theme-form-input-text-color-normal: light-dark(var(--gray-10), var(--gray-11));
-    --theme-form-input-text-color-outlined: light-dark(var(--gray-10), var(--gray-1));
-    --theme-form-input-text-color-underlined: light-dark(var(--gray-11), var(--gray-1));
-
-    --theme-form-input-text-label-color-normal: light-dark(var(--gray-11), var(--gray-1));
-    --theme-form-input-text-label-color-outlined: light-dark(var(--gray-10), var(--gray-11));
-    --theme-form-input-text-label-color-underlined: light-dark(var(--gray-11), var(--gray-1));
-
-    --theme-form-focus-box-shadow: light-dark(var(--gray-12), var(--gray-2));
-
-    --theme-form-checkbox-bg: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-checkbox-border: light-dark(var(--gray-12), var(--gray-12));
-    --theme-form-checkbox-outline: light-dark(var(--gray-1), var(--gray-1));
-    --theme-form-checkbox-shadow: transparent;
-    --theme-form-checkbox-shadow-focus: var(--gray-6);
-    --theme-form-checkbox-symbol: var(--gray-12);
-
-    --theme-form-radio-bg: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-radio-border: light-dark(var(--gray-12), var(--gray-12));
-    --theme-form-radio-outline: light-dark(var(--gray-1), var(--gray-1));
-    --theme-form-radio-shadow: transparent;
-    --theme-form-radio-shadow-focus: var(--gray-6);
-    --theme-form-radio-symbol: var(--gray-12);
-
-    --theme-form-range-accent-color: light-dark(var(--gray-12), var(--gray-3));
-
-    /*
-    * ToggleSwitch
-    **/
-    --theme-form-toggle-bg-off: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-toggle-bg-on: light-dark(var(--gray-1), var(--gray-6));
-
-    --theme-form-toggle-border: var(--form-element-border-width) solid light-dark(var(--gray-12), var(--gray-1));
-
-    --theme-form-toggle-outline: var(--form-element-outline-width) solid light-dark(var(--gray-12), var(--gray-12));
-    --theme-form-toggle-symbol-off: var(--gray-4);
-    --theme-form-toggle-symbol-on: var(--gray-12);
-    --theme-form-toggle-icon-stroke-colour-off: var(--gray-1);
-    --theme-form-toggle-icon-stroke-colour-on: var(--gray-1);
-
-    /*
-    * Checkbox as button
-    **/
-
-    --theme-checkbox-radio-button-bg-default: light-dark(var(--gray-1), var(--gray-4));
-
-    --theme-checkbox-radio-button-border-default: light-dark(var(--green-12), var(--green-12));
-    --theme-checkbox-radio-button-border-width: 0.1rem;
-
-    --theme-checkbox-radio-button-outline-default: light-dark(var(--green-5), var(--green-5));
-    --theme-checkbox-radio-button-outline-width: 0.1rem;
-
-    --theme-checkbox-radio-button-label-default: light-dark(var(--green-12), var(--green-12));
-  }
-
-  [data-theme='tertiary'] {
-    --theme-button-surface: var(--gray-0);
-    --theme-input-border: var(--gray-0);
-    --theme-btn-outline: var(--gray-12);
-    --theme-btn-text: var(--gray-12);
-
-    --theme-button-surface-hover: var(--gray-12);
-    --theme-input-border-hover: var(--gray-0);
-    --theme-btn-outline-hover: var(--gray-12);
-    --theme-btn-text-hover: var(--gray-0);
-
-    --theme-button-surface-focus: var(--gray-12);
-    --theme-input-border-focus: var(--gray-0);
-    --theme-btn-outline-focus: var(--gray-12);
-    --theme-btn-text-focus: var(--gray-0);
-
-    --theme-form-focus-box-shadow: 0.1rem 0.1rem 0.8rem 0.1rem var(--gray-12);
-  }
-}

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

@@ -1,85 +0,0 @@
-:root {
-  [data-theme-old='warning'] {
-    --theme-button-surface: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-input-bg-outlined: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-input-bg-underlined: light-dark(var(--gray-1), var(--gray-4));
-    --theme-input-border: var(--orange-8);
-    --theme-input-border-active: var(--orange-2);
-    --theme-input-border-focus: var(--orange-2);
-    --theme-form-input-outline: white;
-    --theme-form-input-outline-active: var(--orange-6);
-    --theme-form-input-outline-focus: var(--orange-6);
-    --theme-form-input-text-color-normal: light-dark(var(--gray-10), var(--gray-11));
-    --theme-form-input-text-color-outlined: light-dark(var(--gray-10), var(--gray-1));
-    --theme-form-input-text-color-underlined: light-dark(var(--gray-11), var(--gray-1));
-
-    --theme-form-input-text-label-color-normal: light-dark(var(--gray-11), var(--gray-1));
-    --theme-form-input-text-label-color-outlined: light-dark(var(--gray-10), var(--gray-11));
-    --theme-form-input-text-label-color-underlined: light-dark(var(--gray-11), var(--gray-1));
-
-    --theme-form-focus-box-shadow: light-dark(var(--orange-12), var(--orange-2));
-
-    --theme-form-checkbox-bg: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-checkbox-border: light-dark(var(--orange-12), var(--orange-12));
-    --theme-form-checkbox-outline: light-dark(var(--orange-1), var(--orange-1));
-    --theme-form-checkbox-shadow: transparent;
-    --theme-form-checkbox-shadow-focus: var(--orange-6);
-    --theme-form-checkbox-symbol: var(--orange-12);
-
-    --theme-form-radio-bg: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-radio-border: light-dark(var(--orange-12), var(--orange-12));
-    --theme-form-radio-outline: light-dark(var(--orange-1), var(--orange-1));
-    --theme-form-radio-shadow: transparent;
-    --theme-form-radio-shadow-focus: var(--orange-6);
-    --theme-form-radio-symbol: var(--orange-12);
-
-    --theme-form-range-accent-color: light-dark(var(--orange-12), var(--orange-3));
-
-    /*
-    * ToggleSwitch
-    **/
-    --theme-form-toggle-bg-off: light-dark(var(--gray-1), var(--gray-4));
-    --theme-form-toggle-bg-on: light-dark(var(--gray-1), var(--gray-6));
-
-    --theme-form-toggle-border: var(--form-element-border-width) solid light-dark(var(--orange-12), var(--orange-1));
-
-    --theme-form-toggle-outline: var(--form-element-outline-width) solid light-dark(var(--orange-12), var(--orange-12));
-    --theme-form-toggle-symbol-off: var(--orange-12);
-    --theme-form-toggle-symbol-on: var(--gray-12);
-    --theme-form-toggle-icon-stroke-colour-off: var(--gray-1);
-    --theme-form-toggle-icon-stroke-colour-on: var(--gray-1);
-
-    /*
-    * Checkbox as button
-    **/
-
-    --theme-checkbox-radio-button-bg-default: light-dark(var(--gray-1), var(--gray-4));
-
-    --theme-checkbox-radio-button-border-default: light-dark(var(--orange-12), var(--orange-12));
-    --theme-checkbox-radio-button-border-width: 0.1rem;
-
-    --theme-checkbox-radio-button-outline-default: light-dark(var(--orange-5), var(--orange-5));
-    --theme-checkbox-radio-button-outline-width: 0.1rem;
-
-    --theme-checkbox-radio-button-label-default: light-dark(var(--orange-12), var(--orange-12));
-  }
-
-  [data-theme='warning'] {
-    --theme-button-surface: var(--orange-12);
-    --theme-input-border: var(--orange-0);
-    --theme-btn-outline: var(--orange-12);
-    --theme-btn-text: var(--orange-0);
-
-    --theme-button-surface-hover: var(--orange-0);
-    --theme-input-border-hover: var(--orange-12);
-    --theme-btn-outline-hover: var(--orange-0);
-    --theme-btn-text-hover: var(--orange-12);
-
-    --theme-button-surface-focus: var(--orange-0);
-    --theme-input-border-focus: var(--orange-12);
-    --theme-btn-outline-focus: var(--orange-0);
-    --theme-btn-text-focus: var(--orange-12);
-
-    --theme-form-focus-box-shadow: light-dark(var(--orange-12), var(--orange-2));
-  }
-}

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

@@ -1,9 +0,0 @@
-@import './_primary';
-@import './_secondary';
-@import './_tertiary';
-@import './_ghost';
-@import './_error';
-@import './_success';
-@import './_warning';
-@import './_input-action';
-@import './_input-action-underlined';

package/app/assets/styles/extends-layer/srcdev-forms/setup/variables/_a11y.css

@@ -1,7 +0,0 @@
-:root {
-  --theme-focus-visible-outline: 1px solid var(--theme-focus-visible-outline);
-
-  --theme-focus-visible-shadow-soft: 0 1px 2px rgba(var(--theme-focus-visible-shadow-soft), 0.05);
-  --theme-focus-visible-shadow-medium: 0 3px 6px rgba(var(--theme-focus-visible-shadow-medium), 0.1);
-  --theme-focus-visible-shadow-strong: 0 6px 12px rgba(var(--theme-focus-visible-shadow-strong), 0.15);
-}

package/app/assets/styles/extends-layer/srcdev-forms/setup/variables/index.css

@@ -1 +0,0 @@
-@import './_a11y';