srcdev-nuxt-components 6.1.2 → 6.1.4

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

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

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

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

@@ -1,39 +0,0 @@
-/* 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/app/assets/styles/setup/typography/utility-classes/index.css

@@ -1,3 +0,0 @@
-@import './_generic-font-classes.css';
-@import './_generic-font-variation-settings.css';
-@import './_generic-font-weights.css';

package/app/assets/styles/setup/typography/vars/_colors.css

@@ -1,14 +0,0 @@
-:root {
-  --theme-link-default: light-dark(var(--blue-12), var(--blue-4));
-
-  --page-bg: light-dark(var(--gray-0), var(--gray-9));
-
-  --surface-subtle: light-dark(var(--gray-1), var(--gray-8));
-
-  --grayscale-text-title: light-dark(var(--gray-12), var(--gray-2));
-  --grayscale-text-body: light-dark(var(--gray-12), var(--gray-3));
-  --grayscale-text-subtitle: light-dark(var(--gray-12), var(--gray-2));
-  --grayscale-text-caption: light-dark(var(--gray-12), var(--gray-2));
-  --grayscale-text-negative: light-dark(var(--gray-12), var(--gray-2));
-  --grayscale-text-disabled: light-dark(var(--gray-12), var(--gray-2));
-}

package/app/assets/styles/setup/typography/vars/_reponsive-font-sizes.css

@@ -1,12 +0,0 @@
-:root {
-  --step-10: clamp(4.0311rem, 3.36rem + 3.3555vw, 5.9605rem); /* 10 */
-  --step-9: clamp(3.3592rem, 2.8691rem + 2.4507vw, 4.7684rem); /* 9 */
-  --step-8: clamp(2.7994rem, 2.4462rem + 1.7658vw, 3.8147rem); /* 8 */
-  --step-7: clamp(2.3328rem, 2.0827rem + 1.2504vw, 3.0518rem); /* 7 */
-  --step-6: clamp(1.944rem, 1.771rem + 0.8651vw, 2.4414rem); /* 6 */
-  --step-5: clamp(1.62rem, 1.5041rem + 0.5793vw, 1.9531rem); /* 5 */
-  --step-4: clamp(1.35rem, 1.2761rem + 0.3696vw, 1.5625rem); /* 4 */
-  --step-3: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem); /* 3 */
-  --step-2: clamp(0.9375rem, 0.9158rem + 0.1087vw, 1rem); /* 2 */
-  --step-1: clamp(0.7813rem, 0.7747rem + 0.0326vw, 0.8rem); /* 1 */
-}

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

@@ -1,2 +0,0 @@
-@import './_reponsive-font-sizes.css';
-@import './_colors.css';

package/app/assets/styles/setup/utility-classes/_fluid-spacing.css

@@ -1,13 +0,0 @@
-/* @link https://utopia.fyi/clamp/calculator?a=360,1240,1—2|2—4|4—8|6—12|8—16|10—20|12—24|16—32|20—40 */
-
-:root {
-  --fluid-1-2: clamp(0.0625rem, 0.0369rem + 0.1136vw, 0.125rem);
-  --fluid-2-4: clamp(0.125rem, 0.0739rem + 0.2273vw, 0.25rem);
-  --fluid-4-8: clamp(0.25rem, 0.1477rem + 0.4545vw, 0.5rem);
-  --fluid-6-12: clamp(0.375rem, 0.2216rem + 0.6818vw, 0.75rem);
-  --fluid-8-16: clamp(0.5rem, 0.2955rem + 0.9091vw, 1rem);
-  --fluid-10-20: clamp(0.625rem, 0.3693rem + 1.1364vw, 1.25rem);
-  --fluid-12-24: clamp(0.75rem, 0.4432rem + 1.3636vw, 1.5rem);
-  --fluid-16-32: clamp(1rem, 0.5909rem + 1.8182vw, 2rem);
-  --fluid-20-40: clamp(1.25rem, 0.7386rem + 2.2727vw, 2.5rem);
-}

package/app/assets/styles/setup/utility-classes/_margin.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;
-}