srcdev-nuxt-forms 6.1.2 → 6.1.4

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);
-}

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

@@ -1,69 +0,0 @@
-[data-theme="error"] {
-  --colour-theme-0: var(--red-0);
-  --colour-theme-1: var(--red-1);
-  --colour-theme-2: var(--red-2);
-  --colour-theme-3: var(--red-3);
-  --colour-theme-4: var(--red-4);
-  --colour-theme-5: var(--red-5);
-  --colour-theme-6: var(--red-6);
-  --colour-theme-7: var(--red-7);
-  --colour-theme-8: var(--red-8);
-  --colour-theme-9: var(--red-9);
-  --colour-theme-10: var(--red-10);
-  --colour-theme-11: var(--red-11);
-  --colour-theme-12: var(--red-12);
-
-  /* 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-10));
-  --theme-input-surface-focus: light-dark(var(--gray-1), var(--gray-10));
-
-  --theme-input-border: var(--red-12);
-  --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-1));
-  --theme-input-outline-focus: light-dark(var(--gray-10), var(--gray-1));
-
-  --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: var(--red-10);
-  --theme-checkbox-symbol-surface: var(--gray-12);
-  --theme-checkbox-symbol-color: light-dark(var(--gray-11), var(--gray-1));
-
-  /* a11y */
-  --theme-focus-visible-shadow: var(--colour-theme-1);
-  --theme-focus-visible-outline: var(--colour-theme-1);
-
-  /* Buttons */
-  --theme-button-surface: light-dark(var(--red-5), var(--red-10));
-  --theme-button-surface-hover: light-dark(var(--red-6), var(--red-12));
-
-  --theme-button-border: light-dark(var(--red-9), var(--red-4));
-  --theme-button-border-hover: light-dark(var(--red-10), var(--red-5));
-  --theme-button-border-focus: light-dark(var(--red-10), var(--red-5));
-
-  --theme-button-outline: transparent;
-  --theme-button-outline-hover: light-dark(var(--red-10), var(--red-7));
-  --theme-button-outline-focus: light-dark(var(--red-10), var(--red-7));
-
-  --theme-button-text: var(--red-0);
-  --theme-button-text-hover: var(--red-0);
-  --theme-button-text-focus: var(--red-0);
-}

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

@@ -1,31 +0,0 @@
-[data-theme='ghost'] {
-  --colour-theme-0: var(--gray-0);
-  --colour-theme-1: var(--gray-1);
-  --colour-theme-2: var(--gray-2);
-  --colour-theme-3: var(--gray-3);
-  --colour-theme-4: var(--gray-4);
-  --colour-theme-5: var(--gray-5);
-  --colour-theme-6: var(--gray-6);
-  --colour-theme-7: var(--gray-7);
-  --colour-theme-8: var(--gray-8);
-  --colour-theme-9: var(--gray-9);
-  --colour-theme-10: var(--gray-10);
-  --colour-theme-11: var(--gray-11);
-  --colour-theme-12: var(--gray-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);
-}

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

@@ -1,31 +0,0 @@
-[data-theme='info'] {
-  --colour-theme-0: var(--blue-0);
-  --colour-theme-1: var(--blue-1);
-  --colour-theme-2: var(--blue-2);
-  --colour-theme-3: var(--blue-3);
-  --colour-theme-4: var(--blue-4);
-  --colour-theme-5: var(--blue-5);
-  --colour-theme-6: var(--blue-6);
-  --colour-theme-7: var(--blue-7);
-  --colour-theme-8: var(--blue-8);
-  --colour-theme-9: var(--blue-9);
-  --colour-theme-10: var(--blue-10);
-  --colour-theme-11: var(--blue-11);
-  --colour-theme-12: var(--blue-12);
-
-  /* Buttons */
-  --theme-button-surface: light-dark(var(--blue-5), var(--blue-4));
-  --theme-button-surface-hover: light-dark(var(--blue-6), var(--blue-5));
-
-  --theme-button-border: light-dark(var(--blue-9), var(--blue-4));
-  --theme-button-border-hover: light-dark(var(--blue-10), var(--blue-5));
-  --theme-button-border-focus: light-dark(var(--blue-10), var(--blue-5));
-
-  --theme-button-outline: transparent;
-  --theme-button-outline-hover: light-dark(var(--blue-10), var(--blue-5));
-  --theme-button-outline-focus: light-dark(var(--blue-10), var(--blue-5));
-
-  --theme-button-text: var(--blue-0);
-  --theme-button-text-hover: var(--blue-0);
-  --theme-button-text-focus: var(--blue-0);
-}

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

@@ -1,41 +0,0 @@
-[data-theme='primary'] {
-  --colour-theme-0: var(--blue-0);
-  --colour-theme-1: var(--blue-1);
-  --colour-theme-2: var(--blue-2);
-  --colour-theme-3: var(--blue-3);
-  --colour-theme-4: var(--blue-4);
-  --colour-theme-5: var(--blue-5);
-  --colour-theme-6: var(--blue-6);
-  --colour-theme-7: var(--blue-7);
-  --colour-theme-8: var(--blue-8);
-  --colour-theme-9: var(--blue-9);
-  --colour-theme-10: var(--blue-10);
-  --colour-theme-11: var(--blue-11);
-  --colour-theme-12: var(--blue-12);
-
-  /* Buttons */
-  --theme-button-surface: light-dark(var(--blue-9), var(--blue-11));
-  --theme-button-surface-hover: light-dark(var(--blue-6), var(--blue-12));
-
-  --theme-button-border: light-dark(var(--blue-9), var(--blue-2));
-  --theme-button-border-hover: light-dark(var(--blue-10), var(--blue-1));
-  --theme-button-border-focus: light-dark(var(--blue-10), var(--blue-5));
-
-  --theme-button-outline: transparent;
-  --theme-button-outline-hover: light-dark(var(--blue-10), var(--blue-1));
-  --theme-button-outline-focus: light-dark(var(--blue-10), var(--blue-1));
-
-  --theme-button-text: var(--blue-0);
-  --theme-button-text-hover: var(--blue-0);
-  --theme-button-text-focus: var(--blue-0);
-
-  /* Input Elements */
-  --theme-input-surface: light-dark(var(--gray-1), var(--gray-8));
-  --theme-input-surface-hover: light-dark(var(--blue-1), var(--blue-7));
-  --theme-input-border: light-dark(var(--blue-9), var(--blue-4));
-  --theme-input-border-hover: light-dark(var(--blue-10), var(--blue-5));
-  --theme-input-border-focus: light-dark(var(--blue-10), var(--blue-5));
-  --theme-input-text: var(--blue-0);
-  --theme-input-text-hover: var(--blue-0);
-  --theme-input-text-focus: var(--blue-0);
-}

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

@@ -1,69 +0,0 @@
-[data-theme="secondary"] {
-  --colour-theme-0: var(--gray-0);
-  --colour-theme-1: var(--gray-1);
-  --colour-theme-2: var(--gray-2);
-  --colour-theme-3: var(--gray-3);
-  --colour-theme-4: var(--gray-4);
-  --colour-theme-5: var(--gray-5);
-  --colour-theme-6: var(--gray-6);
-  --colour-theme-7: var(--gray-7);
-  --colour-theme-8: var(--gray-8);
-  --colour-theme-9: var(--gray-9);
-  --colour-theme-10: var(--gray-10);
-  --colour-theme-11: var(--gray-11);
-  --colour-theme-12: var(--gray-12);
-
-  /* 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-10));
-  --theme-input-surface-focus: light-dark(var(--gray-1), var(--gray-10));
-
-  --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-1));
-  --theme-input-outline-focus: light-dark(var(--gray-10), var(--gray-1));
-
-  --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-12); */
-  /* --theme-checkbox-symbol-color: light-dark(var(--gray-11), var(--gray-1)); */
-
-  /* a11y */
-  --theme-focus-visible-shadow: var(--colour-theme-1);
-  --theme-focus-visible-outline: var(--colour-theme-1);
-
-  /* Buttons */
-  --theme-button-surface: light-dark(var(--gray-9), var(--gray-10));
-  --theme-button-surface-hover: light-dark(var(--gray-10), var(--gray-11));
-
-  --theme-button-border: light-dark(var(--gray-9), var(--gray-2));
-  --theme-button-border-hover: light-dark(var(--gray-10), var(--gray-1));
-  --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-1));
-  --theme-button-outline-focus: light-dark(var(--gray-10), var(--gray-1));
-
-  --theme-button-text: var(--gray-0);
-  --theme-button-text-hover: var(--gray-0);
-  --theme-button-text-focus: var(--gray-0);
-}

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

@@ -1,69 +0,0 @@
-[data-theme="success"] {
-  --colour-theme-0: var(--green-0);
-  --colour-theme-1: var(--green-1);
-  --colour-theme-2: var(--green-2);
-  --colour-theme-3: var(--green-3);
-  --colour-theme-4: var(--green-4);
-  --colour-theme-5: var(--green-5);
-  --colour-theme-6: var(--green-6);
-  --colour-theme-7: var(--green-7);
-  --colour-theme-8: var(--green-8);
-  --colour-theme-9: var(--green-9);
-  --colour-theme-10: var(--green-10);
-  --colour-theme-11: var(--green-11);
-  --colour-theme-12: var(--green-12);
-
-  /* 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-10));
-  --theme-input-surface-focus: light-dark(var(--gray-1), var(--gray-10));
-
-  --theme-input-border: var(--green-10);
-  --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-1));
-  --theme-input-outline-focus: light-dark(var(--gray-10), var(--gray-1));
-
-  --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: var(--green-10); */
-  /* --theme-checkbox-symbol-surface: var(--green-10); */
-  /* --theme-checkbox-symbol-color: light-dark(var(--gray-11), var(--gray-1)); */
-
-  /* a11y */
-  --theme-focus-visible-shadow: var(--colour-theme-1);
-  --theme-focus-visible-outline: var(--colour-theme-1);
-
-  /* Buttons */
-  --theme-button-surface: light-dark(var(--green-5), var(--green-10));
-  --theme-button-surface-hover: light-dark(var(--green-6), var(--green-12));
-
-  --theme-button-border: light-dark(var(--green-9), var(--green-4));
-  --theme-button-border-hover: light-dark(var(--green-10), var(--green-5));
-  --theme-button-border-focus: light-dark(var(--green-10), var(--green-5));
-
-  --theme-button-outline: transparent;
-  --theme-button-outline-hover: light-dark(var(--green-10), var(--green-5));
-  --theme-button-outline-focus: light-dark(var(--green-10), var(--green-5));
-
-  --theme-button-text: var(--green-0);
-  --theme-button-text-hover: var(--green-0);
-  --theme-button-text-focus: var(--green-0);
-}

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

@@ -1,31 +0,0 @@
-[data-theme='tertiary'] {
-  --colour-theme-0: var(--gray-0);
-  --colour-theme-1: var(--gray-1);
-  --colour-theme-2: var(--gray-2);
-  --colour-theme-3: var(--gray-3);
-  --colour-theme-4: var(--gray-4);
-  --colour-theme-5: var(--gray-5);
-  --colour-theme-6: var(--gray-6);
-  --colour-theme-7: var(--gray-7);
-  --colour-theme-8: var(--gray-8);
-  --colour-theme-9: var(--gray-9);
-  --colour-theme-10: var(--gray-10);
-  --colour-theme-11: var(--gray-11);
-  --colour-theme-12: var(--gray-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);
-}

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

@@ -1,71 +0,0 @@
-:root {
-  [data-theme="warning"] {
-    --colour-theme-0: var(--orange-0);
-    --colour-theme-1: var(--orange-1);
-    --colour-theme-2: var(--orange-2);
-    --colour-theme-3: var(--orange-3);
-    --colour-theme-4: var(--orange-4);
-    --colour-theme-5: var(--orange-5);
-    --colour-theme-6: var(--orange-6);
-    --colour-theme-7: var(--orange-7);
-    --colour-theme-8: var(--orange-8);
-    --colour-theme-9: var(--orange-9);
-    --colour-theme-10: var(--orange-10);
-    --colour-theme-11: var(--orange-11);
-    --colour-theme-12: var(--orange-12);
-
-    /* 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-10));
-    --theme-input-surface-focus: light-dark(var(--gray-1), var(--gray-10));
-
-    --theme-input-border: var(--orange-10);
-    --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-1));
-    --theme-input-outline-focus: light-dark(var(--gray-10), var(--gray-1));
-
-    --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: var(--orange-10); */
-    /* --theme-checkbox-symbol-surface: var(--orange-10); */
-    /* --theme-checkbox-symbol-color: light-dark(var(--gray-11), var(--gray-1)); */
-
-    /* a11y */
-    --theme-focus-visible-shadow: var(--colour-theme-1);
-    --theme-focus-visible-outline: var(--colour-theme-1);
-
-    /* Buttons */
-    --theme-button-surface: light-dark(var(--orange-5), var(--orange-10));
-    --theme-button-surface-hover: light-dark(var(--orange-6), var(--orange-12));
-
-    --theme-button-border: light-dark(var(--orange-9), var(--orange-4));
-    --theme-button-border-hover: light-dark(var(--orange-10), var(--orange-5));
-    --theme-button-border-focus: light-dark(var(--orange-10), var(--orange-5));
-
-    --theme-button-outline: transparent;
-    --theme-button-outline-hover: light-dark(var(--orange-10), var(--orange-5));
-    --theme-button-outline-focus: light-dark(var(--orange-10), var(--orange-5));
-
-    --theme-button-text: var(--orange-0);
-    --theme-button-text-hover: var(--orange-0);
-    --theme-button-text-focus: var(--orange-0);
-  }
-}

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

@@ -1,9 +0,0 @@
-@import './_default';
-@import './_primary';
-@import './_secondary';
-@import './_tertiary';
-@import './_error';
-@import './_success';
-@import './_warning';
-@import './_info';
-@import './_ghost';

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

@@ -1,2 +0,0 @@
-@import './utility-classes';
-@import './vars';