srcdev-nuxt-forms 6.1.2 → 6.1.3

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';

package/app/assets/styles/extends-layer/srcdev-forms/setup/variants/_normal.css

@@ -1,48 +0,0 @@
-:root {
-  .normal {
-    /* --input-row-margin-block-start: 0; */
-
-    /* --element-decorator-background-color: var(--theme-button-surface); */
-    /* --element-decorator-background-color: color-mix(in srgb, currentColor 5%, transparent); */
-
-    /* --element-decorator-margin-block-start: 0.5rem; */
-    /* --element-decorator-padding-inline: 1rem; */
-
-    /* --element-decorator-outline-default: 1px solid color-mix(in srgb, var(--theme-input-border) 5%, transparent); */
-    /* --element-decorator-outline-active: 1px solid var(--theme-input-border); */
-
-    /* Border styles */
-    /* --element-decorator-border-top-left-radius: var(--form-input-border-radius); */
-    /* --element-decorator-border-top-right-radius: var(--form-input-border-radius); */
-    /* --element-decorator-border-bottom-right-radius: var(--form-input-border-radius); */
-    /* --element-decorator-border-bottom-left-radius: var(--form-input-border-radius); */
-
-    /* --element-decorator-border-top-default: var(--form-element-border-width) solid var(--theme-input-border); */
-    /* --element-decorator-border-right-default: var(--form-element-border-width) solid var(--theme-input-border); */
-    /* --element-decorator-border-bottom-default: var(--form-element-border-width) solid var(--theme-input-border); */
-    /* --element-decorator-border-left-default: var(--form-element-border-width) solid var(--theme-input-border); */
-
-    /* --input-placeholder-color: light-dark(var(--gray-7), var(--gray-5)); */
-    /* --input-placeholder-font-size: var(--step-5); */
-    /* --input-placeholder-font-style: italic; */
-    /* --input-placeholder-font-weight: normal; */
-    /* --input-placeholder-line-height: 1; */
-
-    /* Label vars */
-    --_label-text-color: var(--theme-form-input-text-label-color-underlined);
-    --_label-text-margin-block: 0.8rem;
-    --_label-text-size: var(--step-5);
-    --_label-text-weight: normal;
-    --_label-text-line-height: 1.5;
-
-    .error {
-      --element-decorator-border-bottom-right-radius: 0;
-      --element-decorator-border-bottom-left-radius: 0;
-
-      --element-decorator-border-top-default: var(--form-element-border-width) solid var(--theme-error-surface);
-      --element-decorator-border-right-default: var(--form-element-border-width) solid var(--theme-error-surface);
-      --element-decorator-border-bottom-default: var(--form-element-border-width) solid var(--theme-error-surface);
-      --element-decorator-border-left-default: var(--form-element-border-width) solid var(--theme-error-surface);
-    }
-  }
-}

package/app/assets/styles/extends-layer/srcdev-forms/setup/variants/_underlined.css

@@ -1,48 +0,0 @@
-:root {
-  .underlined {
-    /* --input-row-margin-block-start: 3em; */
-
-    /* --element-decorator-background-color: var(--theme-button-surface); */
-    /* --element-decorator-background-color: color-mix(in srgb, currentColor 5%, transparent); */
-
-    /* --element-decorator-margin-block-start: 0.5rem; */
-    /* --element-decorator-padding-inline: 1rem; */
-
-    /* --element-decorator-outline-default: 1px solid transparent; */
-    /* --element-decorator-outline-active: 1px solid var(--theme-input-border); */
-
-    /* Border styles */
-    --element-decorator-border-top-left-radius: 0;
-    --element-decorator-border-top-right-radius: 0;
-    --element-decorator-border-bottom-right-radius: var(--form-input-border-radius);
-    --element-decorator-border-bottom-left-radius: var(--form-input-border-radius);
-
-    /* --element-decorator-border-top-default: var(--form-element-border-width) solid transparent;
-    --element-decorator-border-right-default: var(--form-element-border-width) solid transparent;
-    --element-decorator-border-bottom-default: var(--form-element-border-width-underlined) solid var(--theme-input-border);
-    --element-decorator-border-left-default: var(--form-element-border-width) solid transparent; */
-
-    --input-placeholder-color: light-dark(var(--gray-7), var(--gray-5));
-    --input-placeholder-font-size: var(--step-5);
-    --input-placeholder-font-style: italic;
-    --input-placeholder-font-weight: normal;
-    --input-placeholder-line-height: 1;
-
-    /* Label vars */
-    --_label-text-color: var(--theme-form-input-text-label-color-underlined);
-    --_label-text-margin-block: 0.8rem;
-    --_label-text-size: var(--step-5);
-    --_label-text-weight: normal;
-    --_label-text-line-height: 1.5;
-
-    .error {
-      --element-decorator-border-bottom-right-radius: 0;
-      --element-decorator-border-bottom-left-radius: 0;
-
-      --element-decorator-border-top-default: var(--form-element-border-width) solid var(--theme-error-surface);
-      --element-decorator-border-right-default: var(--form-element-border-width) solid var(--theme-error-surface);
-      --element-decorator-border-bottom-default: var(--form-element-border-width) solid var(--theme-error-surface);
-      --element-decorator-border-left-default: var(--form-element-border-width) solid var(--theme-error-surface);
-    }
-  }
-}

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

@@ -1,3 +0,0 @@
-@import './sizes';
-/* @import './_normal'; */
-/* @import './_underlined'; */

package/app/assets/styles/extends-layer/srcdev-forms/setup/variants/sizes/_default.css

@@ -1,13 +0,0 @@
-:root {
-  --form-element-font-size: var(--step-5);
-  --form-placeholder-font-size: calc(var(--step-5) * 0.65);
-  --form-element-line-height: var(--step-5);
-  --form-icon-size: var(--step-5);
-  --form-input-border-radius: 0.4rem;
-  --form-icon-only-button-size: calc(var(--step-4) * 2.5 + 1px);
-  --form-toggle-symbol-size: calc(var(--step-5) * 1.72);
-  --form-toggle-switch-width-adjustment: 0.2rem;
-
-  /* Checkboxes */
-  --theme-checkbox-decorator-icon-size: 2rem;
-}

package/app/assets/styles/extends-layer/srcdev-forms/setup/variants/sizes/_large.css

@@ -1,12 +0,0 @@
-:root {
-  [data-size='large'] {
-    --form-element-font-size: var(--step-6);
-    --form-placeholder-font-size: calc(var(--step-6) * 0.65);
-    --form-element-line-height: var(--step-6);
-    --form-icon-size: var(--step-6);
-    --form-input-border-radius: 0.4rem;
-    --form-icon-only-button-size: calc(var(--step-4) * 2.75 + 1px);
-    --form-toggle-symbol-size: calc(var(--step-6) * 1.78);
-    --form-toggle-switch-width-adjustment: 0rem;
-  }
-}

package/app/assets/styles/extends-layer/srcdev-forms/setup/variants/sizes/_medium.css

@@ -1,12 +0,0 @@
-:root {
-  [data-size='medium'] {
-    --form-element-font-size: var(--step-6);
-    --form-placeholder-font-size: calc(var(--step-6) * 0.65);
-    --form-element-line-height: var(--step-6);
-    --form-icon-size: var(--step-6);
-    --form-input-border-radius: 0.4rem;
-    --form-icon-only-button-size: calc(var(--step-4) * 2.75 + 1px);
-    --form-toggle-symbol-size: calc(var(--step-6) * 1.78);
-    --form-toggle-switch-width-adjustment: 0rem;
-  }
-}

package/app/assets/styles/extends-layer/srcdev-forms/setup/variants/sizes/_small.css

@@ -1,12 +0,0 @@
-:root {
-  [data-size='small'] {
-    --form-element-font-size: var(--step-4);
-    --form-placeholder-font-size: calc(var(--step-4) * 0.65);
-    --form-element-line-height: var(--step-4);
-    --form-icon-size: var(--step-4);
-    --form-input-border-radius: 0.4rem;
-    --form-icon-only-button-size: calc(var(--step-4) * 2.25 + 1px);
-    --form-toggle-symbol-size: calc(var(--step-4) * 1.635);
-    --form-toggle-switch-width-adjustment: 0.3rem;
-  }
-}

package/app/assets/styles/extends-layer/srcdev-forms/setup/variants/sizes/_x-small.css

@@ -1,11 +0,0 @@
-:root {
-  [data-size='x-small'] {
-    --form-element-font-size: var(--step-3);
-    --form-placeholder-font-size: calc(var(--step-3) * 0.65);
-    --form-element-line-height: var(--step-3);
-    --form-input-border-radius: 0.4rem;
-    --form-icon-only-button-size: calc(var(--step-4) * 2 + 1px);
-    --form-toggle-symbol-size: calc(var(--step-3) * 1.55);
-    --form-toggle-switch-width-adjustment: 0.5rem;
-  }
-}

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

@@ -1,23 +0,0 @@
-@import './_x-small';
-@import './_small';
-@import './_default';
-@import './_medium';
-@import './_large';
-
-:root {
-  --form-element-padding-block-start: 0.4lh;
-  --form-element-padding-block-end: 0.4lh;
-  --form-element-border-width: 0.2rem;
-  --form-element-border-width-underlined: 0.4rem;
-  --form-element-outline-width: 0.1rem;
-  --form-element-outline-offset-focus: 0.2rem;
-
-  --form-text-padding-inline: 0.5em;
-  --form-button-padding-inline: 1.25em;
-  --form-button-icon-gap: 1em;
-  --form-input-border-radius: 0.4rem;
-  --form-input-border-radius-underlined: 0;
-
-  --input-element-padding-block: 1.25rem;
-  --input-element-padding-inline: 1rem;
-}

package/app/assets/styles/main.css

@@ -1,2 +0,0 @@
-@import './setup/';
-@import './extends-layer/srcdev-forms/';

package/app/assets/styles/setup/_head.css

@@ -1,36 +0,0 @@
-:root {
-  /* --font-family: futura-pt, Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif; */
-  /* --font-family: Poppins, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
-
-  --font-family: 'Quicksand', futura-pt, Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
-}
-
-html {
-  color-scheme: light dark;
-
-  &[data-color-scheme='light'] {
-    color-scheme: light;
-  }
-
-  &[data-color-scheme='dark'] {
-    color-scheme: dark;
-  }
-
-  background-color: var(--page-bg);
-
-  font-size: 62.5%;
-
-  transition: background-color 0.4s ease, color 0.4s ease;
-  scrollbar-gutter: stable;
-
-  overflow-x: hidden;
-}
-body {
-  color: light-dark(var(--gray-12), var(--gray-3));
-  font-family: var(--font-family);
-  font-size: var(--step-4);
-  min-height: 100vh;
-  transition: background-color 0.4s ease, color 0.4s ease;
-
-  overflow-x: hidden;
-}

package/app/assets/styles/setup/a11y/_utils.css

@@ -1,20 +0,0 @@
-.sr-only {
-  border-width: 0;
-  clip: rect(1px, 0.1rem, 0.1rem, 0.1rem);
-  clip-path: inset(50%);
-  height: 0.1rem;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 0.1rem;
-}
-/* .sr-only {
-  position: absolute;
-  width: 0.1rem;
-  height: 0.1rem;
-  padding: 0;
-  margin: -0.1rem;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-} */

package/app/assets/styles/setup/a11y/_variables.css

@@ -1,8 +0,0 @@
-:root {
-  --focus-box-shadow-colour-off: transparent;
-  --focus-box-shadow-colour-on: light-dark(var(--blue-12), var(--gray-0));
-  --form-focus-box-shadow: 0 0 0 0.3rem;
-
-  --box-shadow-off: 0 0 0 0.3rem transparent;
-  --box-shadow-on: 0 0 0 0.3rem light-dark(var(--blue-12), var(--gray-0));
-}

package/app/assets/styles/setup/a11y/index.css

@@ -1,2 +0,0 @@
-@import './_variables.css';
-@import './_utils.css';

package/app/assets/styles/setup/index.css

@@ -1,5 +0,0 @@
-@import './_head.css';
-@import './utility-classes';
-@import './a11y';
-@import './theming';
-@import './typography';

package/app/assets/styles/setup/theming/colors/_blue.css

@@ -1,15 +0,0 @@
-:root {
-  --blue-0: #e7f5ff;
-  --blue-1: #d0ebff;
-  --blue-2: #a5d8ff;
-  --blue-3: #74c0fc;
-  --blue-4: #4dabf7;
-  --blue-5: #339af0;
-  --blue-6: #228be6;
-  --blue-7: #1c7ed6;
-  --blue-8: #1971c2;
-  --blue-9: #1864ab;
-  --blue-10: #145591;
-  --blue-11: #0043c1;
-  --blue-12: #0e01cd;
-}

package/app/assets/styles/setup/theming/colors/_gray.css

@@ -1,16 +0,0 @@
-:root {
-  --gray-00: #ffffff;
-  --gray-0: #f8f9fa;
-  --gray-1: #f1f3f5;
-  --gray-2: #e9ecef;
-  --gray-3: #dee2e6;
-  --gray-4: #ced4da;
-  --gray-5: #adb5bd;
-  --gray-6: #868e96;
-  --gray-7: #495057;
-  --gray-8: #343a40;
-  --gray-9: #212529;
-  --gray-10: #16191d;
-  --gray-11: #0d0f12;
-  --gray-12: #030507;
-}

package/app/assets/styles/setup/theming/colors/_green.css

@@ -1,15 +0,0 @@
-:root {
-  --green-0: #ebfbee;
-  --green-1: #d3f9d8;
-  --green-2: #b2f2bb;
-  --green-3: #8ce99a;
-  --green-4: #69db7c;
-  --green-5: #51cf66;
-  --green-6: #40c057;
-  --green-7: #37b24d;
-  --green-8: #2f9e44;
-  --green-9: #2b8a3e;
-  --green-10: #237032;
-  --green-11: #1b5727;
-  --green-12: #017f18;
-}

package/app/assets/styles/setup/theming/colors/_orange.css

@@ -1,15 +0,0 @@
-:root {
-  --orange-0: #fff4e6;
-  --orange-1: #ffe8cc;
-  --orange-2: #ffd8a8;
-  --orange-3: #ffc078;
-  --orange-4: #ffa94d;
-  --orange-5: #ff922b;
-  --orange-6: #ff7400;
-  --orange-7: #f76707;
-  --orange-8: #e8590c;
-  --orange-9: #d9480f;
-  --orange-10: #bf400d;
-  --orange-11: #99330b;
-  --orange-12: #c23903;
-}

package/app/assets/styles/setup/theming/colors/_red.css

@@ -1,15 +0,0 @@
-:root {
-  --red-0: #fff5f5;
-  --red-1: #ffe3e3;
-  --red-2: #ffc9c9;
-  --red-3: #ffa8a8;
-  --red-4: #ff8787;
-  --red-5: #ff6b6b;
-  --red-6: #fa5252;
-  --red-7: #f03e3e;
-  --red-8: #e03131;
-  --red-9: #ff0b0b;
-  --red-10: #b02525;
-  --red-11: #962020;
-  --red-12: #cc0000;
-}

package/app/assets/styles/setup/theming/colors/_yellow.css

@@ -1,15 +0,0 @@
-:root {
-  --yellow-0: #fff9db;
-  --yellow-1: #fff3bf;
-  --yellow-2: #ffec99;
-  --yellow-3: #ffe066;
-  --yellow-4: #ffd43b;
-  --yellow-5: #fcc419;
-  --yellow-6: #fab005;
-  --yellow-7: #f59f00;
-  --yellow-8: #f08c00;
-  --yellow-9: #e67700;
-  --yellow-10: #b35c00;
-  --yellow-11: #804200;
-  --yellow-12: #663500;
-}

package/app/assets/styles/setup/theming/colors/index.css

@@ -1,6 +0,0 @@
-@import './_blue.css';
-@import './_gray.css';
-@import './_green.css';
-@import './_orange.css';
-@import './_red.css';
-@import './_yellow.css';

package/app/assets/styles/setup/theming/index.css

@@ -1,2 +0,0 @@
-@import './colors/';
-@import './themes/';

package/app/assets/styles/setup/theming/themes/_default.css

@@ -1,69 +0,0 @@
-:root {
-  /* Theme-neutral component scale using light-dark() */
-  --colour-theme-0: light-dark(var(--gray-0), var(--gray-12));
-  --colour-theme-1: light-dark(var(--gray-1), var(--gray-11));
-  --colour-theme-2: light-dark(var(--gray-2), var(--gray-10));
-  --colour-theme-3: light-dark(var(--gray-3), var(--gray-9));
-  --colour-theme-4: light-dark(var(--gray-4), var(--gray-8));
-  --colour-theme-5: light-dark(var(--gray-5), var(--gray-7));
-  --colour-theme-6: light-dark(var(--gray-6), var(--gray-6));
-  --colour-theme-7: light-dark(var(--gray-7), var(--gray-5));
-  --colour-theme-8: light-dark(var(--gray-8), var(--gray-4));
-  --colour-theme-9: light-dark(var(--gray-9), var(--gray-3));
-  --colour-theme-10: light-dark(var(--gray-10), var(--gray-2));
-  --colour-theme-11: light-dark(var(--gray-11), var(--gray-1));
-  --colour-theme-12: light-dark(var(--gray-12), var(--gray-0));
-
-  /* Generic */
-  --theme-box-shadow: var(--colour-theme-12);
-
-  /* Fieldset & Label */
-  --form-fieldset-legend-color: light-dark(var(--gray-12), var(--gray-1));
-  --form-label-color: light-dark(var(--gray-12), var(--gray-1));
-
-  /* Description */
-  --form-description-color: light-dark(var(--gray-12), var(--gray-1));
-
-  /* Input Elements */
-  --theme-input-surface: light-dark(var(--gray-1), var(--gray-8));
-  --theme-input-surface-hover: light-dark(var(--gray-1), var(--gray-5));
-
-  --theme-input-border: light-dark(var(--gray-9), var(--gray-4));
-  --theme-input-border-hover: light-dark(var(--gray-10), var(--gray-5));
-  --theme-input-border-focus: light-dark(var(--gray-10), var(--gray-5));
-
-  --theme-input-outline: transparent;
-  --theme-input-outline-hover: light-dark(var(--gray-10), var(--gray-5));
-  --theme-input-outline-focus: light-dark(var(--gray-10), var(--gray-5));
-
-  --theme-input-text: var(--gray-0);
-  --theme-input-text-hover: var(--gray-0);
-  --theme-input-text-focus: var(--gray-0);
-  --theme-input-placeholder: light-dark(var(--gray-7), var(--gray-5));
-
-  /* Checkboxes & Radio buttons */
-  --theme-checkbox-label-text-color: light-dark(var(--gray-11), var(--gray-1));
-  --theme-checkbox-decorator-color: light-dark(var(--gray-11), var(--gray-1));
-  --theme-checkbox-symbol-surface: var(--colour-theme-2);
-  --theme-checkbox-symbol-color: light-dark(var(--gray-11), var(--gray-1));
-
-  /* a11y */
-  --theme-focus-visible-shadow: var(--colour-theme-12);
-  --theme-focus-visible-outline: var(--colour-theme-12);
-
-  /* Buttons */
-  --theme-button-surface: light-dark(var(--gray-5), var(--gray-4));
-  --theme-button-surface-hover: light-dark(var(--gray-6), var(--gray-5));
-
-  --theme-button-border: light-dark(var(--gray-9), var(--gray-4));
-  --theme-button-border-hover: light-dark(var(--gray-10), var(--gray-5));
-  --theme-button-border-focus: light-dark(var(--gray-10), var(--gray-5));
-
-  --theme-button-outline: transparent;
-  --theme-button-outline-hover: light-dark(var(--gray-10), var(--gray-5));
-  --theme-button-outline-focus: light-dark(var(--gray-10), var(--gray-5));
-
-  --theme-button-text: var(--gray-0);
-  --theme-button-text-hover: var(--gray-0);
-  --theme-button-text-focus: var(--gray-0);
-}