srcdev-nuxt-forms 5.1.1 → 6.0.0

package/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-form-input-bg-normal); */
-    --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-form-input-border) 5%, transparent);
-    --element-decorator-outline-active: 1px solid var(--theme-form-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-form-input-border);
-    --element-decorator-border-right-default: var(--form-element-border-width) solid var(--theme-form-input-border);
-    --element-decorator-border-bottom-default: var(--form-element-border-width) solid var(--theme-form-input-border);
-    --element-decorator-border-left-default: var(--form-element-border-width) solid var(--theme-form-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/assets/styles/extends-layer/srcdev-forms/setup/variants/index.css

@@ -1,2 +0,0 @@
-@import './_normal';
-@import './_underlined';

package/assets/styles/setup/_head.css

@@ -1,5 +0,0 @@
-:root {
-  --font-size: 1.6rem;
-  --line-height: calc((var(--font-size) * 2) - 1rem);
-  --font-family: futura-pt, Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
-}

package/assets/styles/setup/index.css

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

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

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

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

@@ -1,192 +0,0 @@
-:root {
-  .heading-1 {
-    font-size: var(--step-8);
-    font-weight: bold;
-    line-height: 1.3;
-  }
-
-  .heading-2 {
-    font-size: var(--step-7);
-    font-weight: bold;
-    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);
-    }
-  }
-}

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

@@ -1,29 +0,0 @@
-:root {
-  .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;
-  }
-}

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

@@ -1,41 +0,0 @@
-:root {
-  /* By numeric step */
-  .wght-100 {
-    font-weight: 100;
-  }
-  .wght-200 {
-    font-weight: 200;
-  }
-  .wght-300 {
-    font-weight: 300;
-  }
-  .wght-400 {
-    font-weight: 400;
-  }
-  .wght-500 {
-    font-weight: 500;
-  }
-  .wght-600 {
-    font-weight: 600;
-  }
-  .wght-700 {
-    font-weight: 700;
-  }
-  .wght-800 {
-    font-weight: 800;
-  }
-  .wght-900 {
-    font-weight: 900;
-  }
-
-  /* By named weight */
-  .light {
-    font-weight: light;
-  }
-  .normal {
-    font-weight: normal;
-  }
-  .bold {
-    font-weight: bold;
-  }
-}

package/assets/styles/setup/utility-classes/_margin-helpers.css

@@ -1,334 +0,0 @@
-/* Margin */
-.mi-auto {
-  margin-inline: auto;
-}
-.mis-auto {
-  margin-inline-start: auto;
-}
-.mie-auto {
-  margin-inline-end: auto;
-}
-.mb-auto {
-  margin-block: auto;
-}
-.mbs-auto {
-  margin-block-start: auto;
-}
-.mbe-auto {
-  margin-block-end: auto;
-}
-
-.mb-0 {
-  margin-block: 0;
-}
-.mi-0 {
-  margin-inline: 0;
-}
-
-.m-0 {
-  margin: 0;
-}
-.mbs-0 {
-  margin-block-start: 0;
-}
-.mbe-0 {
-  margin-block-end: 0;
-}
-.mis-0 {
-  margin-inline-start: 0;
-}
-.mie-0 {
-  margin-inline-end: 0;
-}
-.mi-0 {
-  margin-inline: 0;
-}
-.mb-0 {
-  margin-block: 0;
-}
-
-.m-1 {
-  margin: 0.1rem;
-}
-.mbs-1 {
-  margin-block-start: 0.1rem;
-}
-.mbe-1 {
-  margin-block-end: 0.1rem;
-}
-.mis-1 {
-  margin-inline-start: 0.1rem;
-}
-.mie-1 {
-  margin-inline-end: 0.1rem;
-}
-.mi-1 {
-  margin-inline: 0.1rem;
-}
-.mb-1 {
-  margin-block: 0.1rem;
-}
-
-.m-2 {
-  margin: 0.2rem;
-}
-.mbs-2 {
-  margin-block-start: 0.2rem;
-}
-.mbe-2 {
-  margin-block-end: 0.2rem;
-}
-.mis-2 {
-  margin-inline-start: 0.2rem;
-}
-.mie-2 {
-  margin-inline-end: 0.2rem;
-}
-.mi-2 {
-  margin-inline: 0.2rem;
-}
-.mb-2 {
-  margin-block: 0.2rem;
-}
-
-.m-4 {
-  margin: 0.4rem;
-}
-.mbs-4 {
-  margin-block-start: 0.4rem;
-}
-.mbe-4 {
-  margin-block-end: 0.4rem;
-}
-.mis-4 {
-  margin-inline-start: 0.4rem;
-}
-.mie-4 {
-  margin-inline-end: 0.4rem;
-}
-.mi-4 {
-  margin-inline: 0.4rem;
-}
-.mb-4 {
-  margin-block: 0.4rem;
-}
-
-.m-6 {
-  margin: 0.6rem;
-}
-.mbs-6 {
-  margin-block-start: 0.6rem;
-}
-.mbe-6 {
-  margin-block-end: 0.6rem;
-}
-.mis-6 {
-  margin-inline-start: 0.6rem;
-}
-.mie-6 {
-  margin-inline-end: 0.6rem;
-}
-.mi-6 {
-  margin-inline: 0.6rem;
-}
-.mb-6 {
-  margin-block: 0.6rem;
-}
-
-.m-8 {
-  margin: 0.8rem;
-}
-.mbs-8 {
-  margin-block-start: 0.8rem;
-}
-.mbe-8 {
-  margin-block-end: 0.8rem;
-}
-.mis-8 {
-  margin-inline-start: 0.8rem;
-}
-.mie-8 {
-  margin-inline-end: 0.8rem;
-}
-.mi-8 {
-  margin-inline: 0.8rem;
-}
-.mb-8 {
-  margin-block: 0.8rem;
-}
-
-.m-10 {
-  margin: 1rem;
-}
-.mbs-10 {
-  margin-block-start: 1rem;
-}
-.mbe-10 {
-  margin-block-end: 1rem;
-}
-.mis-10 {
-  margin-inline-start: 1rem;
-}
-.mie-10 {
-  margin-inline-end: 1rem;
-}
-.mi-10 {
-  margin-inline: 1rem;
-}
-.mb-10 {
-  margin-block: 1rem;
-}
-
-.m-12 {
-  margin: 1.2rem;
-}
-.mbs-12 {
-  margin-block-start: 1.2rem;
-}
-.mbe-12 {
-  margin-block-end: 1.2rem;
-}
-.mis-12 {
-  margin-inline-start: 1.2rem;
-}
-.mie-12 {
-  margin-inline-end: 1.2rem;
-}
-.mi-12 {
-  margin-inline: 1.2rem;
-}
-.mb-12 {
-  margin-block: 1.2rem;
-}
-
-.m-18 {
-  margin: 1.8rem;
-}
-.mbs-18 {
-  margin-block-start: 1.8rem;
-}
-.mbe-18 {
-  margin-block-end: 1.8rem;
-}
-.mis-18 {
-  margin-inline-start: 1.8rem;
-}
-.mie-18 {
-  margin-inline-end: 1.8rem;
-}
-.mi-18 {
-  margin-inline: 1.8rem;
-}
-.mb-18 {
-  margin-block: 1.8rem;
-}
-
-.m-20 {
-  margin: 2rem;
-}
-.mbs-20 {
-  margin-block-start: 2rem;
-}
-.mbe-20 {
-  margin-block-end: 2rem;
-}
-.mis-20 {
-  margin-inline-start: 2rem;
-}
-.mie-20 {
-  margin-inline-end: 2rem;
-}
-.mi-20 {
-  margin-inline: 2rem;
-}
-.mb-20 {
-  margin-block: 2rem;
-}
-
-.m-24 {
-  margin: 2.4rem;
-}
-.mbs-24 {
-  margin-block-start: 2.4rem;
-}
-.mbe-24 {
-  margin-block-end: 2.4rem;
-}
-.mis-24 {
-  margin-inline-start: 2.4rem;
-}
-.mie-24 {
-  margin-inline-end: 2.4rem;
-}
-.mi-24 {
-  margin-inline: 2.4rem;
-}
-.mb-24 {
-  margin-block: 2.4rem;
-}
-
-.m-32 {
-  margin: 3.2rem;
-}
-.mbs-32 {
-  margin-block-start: 3.2rem;
-}
-.mbe-32 {
-  margin-block-end: 3.2rem;
-}
-.mis-32 {
-  margin-inline-start: 3.2rem;
-}
-.mie-32 {
-  margin-inline-end: 3.2rem;
-}
-.mi-32 {
-  margin-inline: 3.2rem;
-}
-.mb-32 {
-  margin-block: 3.2rem;
-}
-
-.m-40 {
-  margin: 4rem;
-}
-.mbs-40 {
-  margin-block-start: 4rem;
-}
-.mbe-40 {
-  margin-block-end: 4rem;
-}
-.mis-40 {
-  margin-inline-start: 4rem;
-}
-.mie-40 {
-  margin-inline-end: 4rem;
-}
-.mi-40 {
-  margin-inline: 4rem;
-}
-.mb-40 {
-  margin-block: 4rem;
-}
-
-.m-60 {
-  margin: 6rem;
-}
-.mbs-60 {
-  margin-block-start: 6rem;
-}
-.mbe-60 {
-  margin-block-end: 6rem;
-}
-.mis-60 {
-  margin-inline-start: 6rem;
-}
-.mie-60 {
-  margin-inline-end: 6rem;
-}
-.mi-60 {
-  margin-inline: 6rem;
-}
-.mb-60 {
-  margin-block: 6rem;
-}