srcdev-nuxt-forms 6.1.2 → 6.1.3

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

package/app/assets/styles/setup/typography/utility-classes/_generic-font-classes.css

@@ -1,217 +0,0 @@
-.heading-1 {
-  font-size: var(--step-8);
-  font-weight: bold;
-  line-height: 1.3;
-}
-
-.heading-2 {
-  font-size: var(--step-7);
-  /* font-weight: bold; */
-  font-variation-settings: 'wght' 500;
-  line-height: 1.3;
-}
-
-.heading-3 {
-  font-size: var(--step-6);
-  font-weight: bold;
-  line-height: 1.3;
-}
-
-.heading-4 {
-  font-size: var(--step-5);
-  font-weight: bold;
-  line-height: 1.3;
-}
-
-.heading-5 {
-  font-size: var(--step-4);
-  font-weight: bold;
-  line-height: 1.3;
-}
-
-.heading-6 {
-  font-size: var(--step-3);
-  font-weight: bold;
-  line-height: 1.3;
-}
-
-/* Body text */
-
-.body-large {
-  font-size: var(--step-6);
-  font-weight: normal;
-  line-height: 1.5;
-}
-
-.body-medium {
-  font-size: var(--step-5);
-  font-weight: normal;
-  line-height: 1.5;
-}
-
-.body-normal {
-  font-size: var(--step-4);
-  font-weight: normal;
-  line-height: 1.5;
-}
-
-.body-small {
-  font-size: var(--step--0);
-  font-weight: normal;
-  line-height: 1.5;
-}
-
-.body-xsmall {
-  font-size: var(--step-2);
-  font-weight: normal;
-  line-height: 1.5;
-}
-
-.body-large-semibold {
-  font-size: var(--step-6);
-  font-weight: 500;
-  line-height: 1.5;
-}
-
-.body-medium-semibold {
-  font-size: var(--step-5);
-  font-weight: 500;
-  line-height: 1.5;
-}
-
-.body-normal-semibold {
-  font-size: var(--step-4);
-  font-weight: 500;
-  line-height: 1.5;
-}
-
-.body-small-semibold {
-  font-size: var(--step-3);
-  font-weight: 500;
-  line-height: 1.5;
-}
-
-.body-xsmall-semibold {
-  font-size: var(--step-2);
-  font-weight: 500;
-  line-height: 1.5;
-}
-
-.body-large-bold {
-  font-size: var(--step-6);
-  font-weight: bold;
-  line-height: 1.5;
-}
-
-.body-medium-bold {
-  font-size: var(--step-5);
-  font-weight: bold;
-  line-height: 1.5;
-}
-
-.body-normal-bold {
-  font-size: var(--step-4);
-  font-weight: bold;
-  line-height: 1.5;
-}
-
-.body-small-bold {
-  font-size: var(--step-3);
-  font-weight: bold;
-  line-height: 1.5;
-}
-
-.body-xsmall-bold {
-  font-size: var(--step-2);
-  font-weight: bold;
-  line-height: 1.5;
-}
-
-/* Links */
-
-.link-large {
-  color: var(--theme-link-default);
-  font-size: var(--step-6);
-  font-weight: 600;
-  line-height: 1.5;
-  text-decoration: underline;
-
-  &:visited {
-    color: var(--theme-link-default);
-  }
-}
-
-.link-medium {
-  color: var(--theme-link-default);
-  font-size: var(--step-5);
-  font-weight: 600;
-  line-height: 1.5;
-  text-decoration: underline;
-
-  &:visited {
-    color: var(--theme-link-default);
-  }
-}
-
-.link-normal {
-  color: var(--theme-link-default);
-  font-size: var(--step-4);
-  font-weight: 600;
-  line-height: 1.5;
-  text-decoration: underline;
-
-  &:visited,
-  &:active {
-    color: var(--theme-link-default);
-  }
-}
-
-.link-small {
-  color: var(--theme-link-default);
-  font-size: var(--step-3);
-  font-weight: 600;
-  line-height: 1.5;
-  text-decoration: underline;
-
-  &:visited {
-    color: var(--theme-link-default);
-  }
-}
-
-.link-xsmall {
-  color: var(--theme-link-default);
-  font-size: var(--step-2);
-  font-weight: 600;
-  line-height: 1.5;
-  text-decoration: underline;
-
-  &:visited {
-    color: var(--theme-link-default);
-  }
-}
-
-.italic {
-  font-style: italic;
-}
-
-.wght-300 {
-  font-variation-settings: 'wght' 300;
-}
-.wght-400 {
-  font-variation-settings: 'wght' 400;
-}
-.wght-500 {
-  font-variation-settings: 'wght' 500;
-}
-.wght-600 {
-  font-variation-settings: 'wght' 600;
-}
-.wght-700 {
-  font-variation-settings: 'wght' 700;
-}
-.wght-800 {
-  font-variation-settings: 'wght' 800;
-}
-.wght-900 {
-  font-variation-settings: 'wght' 900;
-}

package/app/assets/styles/setup/typography/utility-classes/_generic-font-variation-settings.css

@@ -1,29 +0,0 @@
-/* Using the font-variation-settings property. */
-
-.fvs-wght-100 {
-  font-variation-settings: 'wght' 100;
-}
-.fvs-wght-200 {
-  font-variation-settings: 'wght' 200;
-}
-.fvs-wght-300 {
-  font-variation-settings: 'wght' 300;
-}
-.fvs-wght-400 {
-  font-variation-settings: 'wght' 400;
-}
-.fvs-wght-500 {
-  font-variation-settings: 'wght' 500;
-}
-.fvs-wght-600 {
-  font-variation-settings: 'wght' 600;
-}
-.fvs-wght-700 {
-  font-variation-settings: 'wght' 700;
-}
-.fvs-wght-800 {
-  font-variation-settings: 'wght' 800;
-}
-.fvs-wght-900 {
-  font-variation-settings: 'wght' 900;
-}