procode-vs-theme 1.0.3 → 1.0.4

package/src/variables.ts

@@ -11,18 +11,15 @@ export const sizes = './base/_size.scss';
 // Mixins
 export const mediaQueryMixins = './base/mixins/_media-query-mx.scss';
 export const fontSizeMixins = './base/mixins/_font_size-mx.scss';
-export const applyThemeMixins = './base/mixins/_apply-theme.scss';
-
 // All base variables combined
 export const allVariables = [
   colors,
   fonts,
-  spacing, 
+  spacing,
   borders,
   sizes,
   mediaQueryMixins,
   fontSizeMixins,
-  applyThemeMixins
 ];
 
 export default {
@@ -34,7 +31,6 @@ export default {
   mixins: {
     mediaQuery: mediaQueryMixins,
     fontSize: fontSizeMixins,
-    applyTheme: applyThemeMixins
   },
   all: allVariables
 };

package/dist/src/_apply-theme.scss

@@ -1,28 +0,0 @@
-// /abstracts/_mixins.scss
-
-@mixin apply-theme($name) {
-  $theme: tf.get-theme($name);
-
-  background-color: mdg.map-deep-get($theme, "colors", "background", "main");
-  color: mdg.map-deep-get($theme, "colors", "text", "primary");
-
-  font-family: mdg.map-deep-get($theme, "typography", "font-family", "primary");
-  font-size: mdg.map-deep-get($theme, "typography", "font-size", "md");
-  line-height: mdg.map-deep-get($theme, "typography", "line-height", "normal");
-
-  .btn {
-    background-color: mdg.map-deep-get($theme, "colors", "primary");
-    color: mdg.map-deep-get($theme, "colors", "text", "primary");
-    padding: mdg.map-deep-get($theme, "spacing", "sm");
-    border-radius: mdg.map-deep-get($theme, "border-radius", "md");
-    transition: all mdg.map-deep-get($theme, "transitions", "speed", "normal")
-      mdg.map-deep-get($theme, "transitions", "easing", "ease-in-out");
-  }
-
-  .card {
-    background-color: mdg.map-deep-get($theme, "colors", "background", "paper");
-    box-shadow: 0 2px 8px mdg.map-deep-get($theme, "colors", "shadow");
-    padding: mdg.map-deep-get($theme, "spacing", "md");
-    border-radius: mdg.map-deep-get($theme, "border-radius", "lg");
-  }
-}

package/dist/src/_buttons.scss

@@ -1,38 +0,0 @@
-@use "../base/mixins/font_size-mx" as mx;
-@use "../base/font" as ft;
-@use "../base/color" as cl;
-@use "../base/border" as bo;
-
-$btn-padding-xs: 5.5px !default;
-$btn-padding-md: 8px !default;
-$btn-padding-xl: 16px !default;
-
-.qo-btn {
-  display: inline-block;
-  border-radius: bo.$border-radius-sm;
-}
-.qo-btn-full {
-  display: block;
-  border-radius: bo.$border-radius-sm;
-  width: 100%;
-  padding: $btn-padding-xl;
-  @include mx.font-size(ft.$font-size-md, ft.$line-height-md);
-}
-.qo-btn-xs {
-  padding: $btn-padding-xs;
-  @include mx.font-size(ft.$font-size-xs, ft.$line-height-xs);
-}
-.qo-btn-md {
-  padding: $btn-padding-md;
-  @include mx.font-size(ft.$font-size-md, ft.$line-height-md);
-}
-.qo-btn-primary {
-  background-color: cl.$background-primary !important;
-  border: bo.$border-width-sm solid cl.$border-primary;
-  color: cl.$text-light !important;
-}
-.qo-btn-default {
-  background-color: cl.$background-default;
-  border: bo.$border-width-sm solid cl.$border-default;
-  color: cl.$text-dark !important;
-}

package/dist/src/_color.scss

@@ -1,35 +0,0 @@
-@use "../../base/color" as cl;
-.qo-text-primary {
-  color: cl.$text-primary;
-}
-.qo-text-secondary {
-  color: cl.$text-secondary;
-}
-.qo-text-success {
-  color: cl.$text-success;
-}
-.qo-text-warning {
-  color: cl.$text-warning;
-}
-.qo-text-danger {
-  color: cl.$text-danger;
-}
-.qo-text-info {
-  color: cl.$text-info;
-}
-.qo-text-default {
-  color: cl.$text-default;
-}
-.qo-text-dark {
-  color: cl.$text-dark;
-}
-.qo-text-light {
-  color: cl.$text-light !important;
-}
-.qo-text-tertiary {
-  color: cl.$text-tertiary;
-}
-
-.qo-validation{
-   color: cl.$text-danger;
-}

package/dist/src/_gap.scss

@@ -1,20 +0,0 @@
-@use "../../base/space" as sp;
-
-.qo-gap-sm {
-  gap: sp.$space-sm;
-}
-.qo-gap-md {
-  gap: sp.$space-md;
-}
-.qo-gap-md-y {
-  gap: sp.$space-md 0;
-}
-.qo-gap-md-x {
-  gap: 0 sp.$space-md;
-}
-.qo-gap-lg {
-  gap: sp.$space-lg;
-}
-.qo-gap-xl {
-  gap: sp.$space-xl;
-}

package/dist/src/_margin.scss

@@ -1,69 +0,0 @@
-@use "../../base/space" as sp;
-
-//small
-.qo-margin-sm {
-  margin: sp.$space-sm;
-}
-.qo-margin-top-sm {
-  margin-top: sp.$space-sm;
-}
-.qo-margin-right-sm {
-  margin-right: sp.$space-sm;
-}
-.qo-margin-botttom-sm {
-  margin-bottom: sp.$space-sm;
-}
-.qo-margin-left-sm {
-  margin-left: sp.$space-sm;
-}
-
-//medium
-.qo-margin-md {
-  margin: sp.$space-md;
-}
-.qo-margin-top-md {
-  margin-top: sp.$space-md;
-}
-.qo-margin-right-md {
-  margin-right: sp.$space-md;
-}
-.qo-margin-botttom-md {
-  margin-bottom: sp.$space-md;
-}
-.qo-margin-left-md {
-  margin-left: sp.$space-md;
-}
-
-//large
-.qo-margin-lg {
-  margin: sp.$space-lg;
-}
-.qo-margin-top-lg {
-  margin-top: sp.$space-lg;
-}
-.qo-margin-right-lg {
-  margin-right: sp.$space-lg;
-}
-.qo-margin-botttom-lg {
-  margin-bottom: sp.$space-lg;
-}
-.qo-margin-left-lg {
-  margin-left: sp.$space-lg;
-}
-
-//extra large
-.qo-margin-xl {
-  margin: sp.$space-xl;
-}
-.qo-margin-top-xl {
-  margin-top: sp.$space-xl;
-}
-.qo-margin-right-xl {
-  margin-right: sp.$space-xl;
-}
-.qo-margin-botttom-xl {
-  margin-bottom: sp.$space-xl;
-}
-.qo-margin-left-xl {
-  margin-left: sp.$space-xl;
-}

package/dist/src/_padding.scss

@@ -1,69 +0,0 @@
-@use "../../base/space" as sp;
-
-//small
-.qo-padding-sm {
-  padding: sp.$space-sm;
-}
-.qo-padding-top-sm {
-  padding-top: sp.$space-sm;
-}
-.qo-padding-right-sm {
-  padding-right: sp.$space-sm;
-}
-.qo-padding-botttom-sm {
-  padding-bottom: sp.$space-sm;
-}
-.qo-padding-left-sm {
-  padding-left: sp.$space-sm;
-}
-
-//medium
-.qo-padding-md {
-  padding: sp.$space-md;
-}
-.qo-padding-top-md {
-  padding-top: sp.$space-md;
-}
-.qo-padding-right-md {
-  padding-right: sp.$space-md;
-}
-.qo-padding-botttom-md {
-  padding-bottom: sp.$space-md;
-}
-.qo-padding-left-md {
-  padding-left: sp.$space-md;
-}
-
-//large
-.qo-padding-lg {
-  padding: sp.$space-lg;
-}
-.qo-padding-top-lg {
-  padding-top: sp.$space-lg;
-}
-.qo-padding-right-lg {
-  padding-right: sp.$space-lg;
-}
-.qo-padding-botttom-lg {
-  padding-bottom: sp.$space-lg;
-}
-.qo-padding-left-lg {
-  padding-left: sp.$space-lg;
-}
-
-//extra large
-.qo-padding-xl {
-  padding: sp.$space-xl;
-}
-.qo-padding-top-xl {
-  padding-top: sp.$space-xl;
-}
-.qo-padding-right-xl {
-  padding-right: sp.$space-xl;
-}
-.qo-padding-botttom-xl {
-  padding-bottom: sp.$space-xl;
-}
-.qo-padding-left-xl {
-  padding-left: sp.$space-xl;
-}

package/dist/src/_size.scss

@@ -1,4 +0,0 @@
-$menu-size: 32px;
-
-$size-sm: 16px;
-$size-md: 32px;

package/dist/src/_space.scss

@@ -1,4 +0,0 @@
-$space-sm: 5px !default;
-$space-md: 12.5px !default;
-$space-lg: 16.5px !default;
-$space-xl: 21px !default;

package/src/base/mixins/_apply-theme.scss

@@ -1,28 +0,0 @@
-// /abstracts/_mixins.scss
-
-@mixin apply-theme($name) {
-  $theme: tf.get-theme($name);
-
-  background-color: mdg.map-deep-get($theme, "colors", "background", "main");
-  color: mdg.map-deep-get($theme, "colors", "text", "primary");
-
-  font-family: mdg.map-deep-get($theme, "typography", "font-family", "primary");
-  font-size: mdg.map-deep-get($theme, "typography", "font-size", "md");
-  line-height: mdg.map-deep-get($theme, "typography", "line-height", "normal");
-
-  .btn {
-    background-color: mdg.map-deep-get($theme, "colors", "primary");
-    color: mdg.map-deep-get($theme, "colors", "text", "primary");
-    padding: mdg.map-deep-get($theme, "spacing", "sm");
-    border-radius: mdg.map-deep-get($theme, "border-radius", "md");
-    transition: all mdg.map-deep-get($theme, "transitions", "speed", "normal")
-      mdg.map-deep-get($theme, "transitions", "easing", "ease-in-out");
-  }
-
-  .card {
-    background-color: mdg.map-deep-get($theme, "colors", "background", "paper");
-    box-shadow: 0 2px 8px mdg.map-deep-get($theme, "colors", "shadow");
-    padding: mdg.map-deep-get($theme, "spacing", "md");
-    border-radius: mdg.map-deep-get($theme, "border-radius", "lg");
-  }
-}