srcdev-nuxt-components 6.1.3 → 6.1.4

package/app/assets/styles/extends-layer/srcdev-components/setup/themes/_secondary.css

@@ -1,15 +0,0 @@
-[data-component-theme='secondary'] {
-  --component-theme-0: var(--gray-0);
-  --component-theme-1: var(--gray-1);
-  --component-theme-2: var(--gray-2);
-  --component-theme-3: var(--gray-3);
-  --component-theme-4: var(--gray-4);
-  --component-theme-5: var(--gray-5);
-  --component-theme-6: var(--gray-6);
-  --component-theme-7: var(--gray-7);
-  --component-theme-8: var(--gray-8);
-  --component-theme-9: var(--gray-9);
-  --component-theme-10: var(--gray-10);
-  --component-theme-11: var(--gray-11);
-  --component-theme-12: var(--gray-12);
-}

package/app/assets/styles/extends-layer/srcdev-components/setup/themes/_success.css

@@ -1,15 +0,0 @@
-[data-component-theme='success'] {
-  --component-theme-0: var(--green-0);
-  --component-theme-1: var(--green-1);
-  --component-theme-2: var(--green-2);
-  --component-theme-3: var(--green-3);
-  --component-theme-4: var(--green-4);
-  --component-theme-5: var(--green-5);
-  --component-theme-6: var(--green-6);
-  --component-theme-7: var(--green-7);
-  --component-theme-8: var(--green-8);
-  --component-theme-9: var(--green-9);
-  --component-theme-10: var(--green-10);
-  --component-theme-11: var(--green-11);
-  --component-theme-12: var(--green-12);
-}

package/app/assets/styles/extends-layer/srcdev-components/setup/themes/_warning.css

@@ -1,15 +0,0 @@
-[data-component-theme='warning'] {
-  --component-theme-0: var(--orange-0);
-  --component-theme-1: var(--orange-1);
-  --component-theme-2: var(--orange-2);
-  --component-theme-3: var(--orange-3);
-  --component-theme-4: var(--orange-4);
-  --component-theme-5: var(--orange-5);
-  --component-theme-6: var(--orange-6);
-  --component-theme-7: var(--orange-7);
-  --component-theme-8: var(--orange-8);
-  --component-theme-9: var(--orange-9);
-  --component-theme-10: var(--orange-10);
-  --component-theme-11: var(--orange-11);
-  --component-theme-12: var(--orange-12);
-}

package/app/assets/styles/extends-layer/srcdev-components/setup/themes/index.css

@@ -1,5 +0,0 @@
-@import './_error';
-@import './_success';
-@import './_warning';
-@import './_info';
-@import './_secondary';

package/app/assets/styles/main.css

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

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: var(--grayscale-text-body);
-  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 './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);
-}