monkey-style-guide-v2 0.0.31 → 0.0.33

package/assets/scss/input/_styles.scss

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+
 /** ************************
  * Copyright Monkey Exchange. All Rights Reserved
  * This style guide was developed by Monkey Exchange Team
@@ -36,8 +38,5 @@ input[type='date'] {
 input[type='date']::-webkit-calendar-picker-indicator {
   display: none;
   -webkit-appearance: none;
-}
-
-input[type='date']::-webkit-calendar-picker-indicator {
   opacity: 0;
 }

package/assets/scss/partials/_helper-classes.scss

@@ -8,7 +8,15 @@
 /* stylelint-disable selector-class-pattern */
 @use 'variables' as *;
 
+body {
+  margin: 0;
+  padding: 0;
+  background-color: var(--mecx-color-white);
+}
+
 :root {
+  background-color: var(--mecx-color-white);
+
   @each $key, $value in $mecx-gray {
     --mecx-color-gray-#{$key}: #{$value};
   }

package/assets/scss/partials/_index.scss

@@ -10,3 +10,4 @@
 @use 'scrollbars';
 @use 'skeleton-loading';
 @use 'helper-classes';
+@use 'popover';

package/assets/scss/partials/_popover.scss

@@ -0,0 +1,3 @@
+monkey-popover-content {
+  margin-top: 3px;
+}

package/assets/scss/partials/_skeleton-loading.scss

@@ -21,10 +21,16 @@
   }
 }
 
+.text-loading-xs {
+  @extend %skeleton;
+
+  height: 13px;
+}
+
 .text-loading-sm {
   @extend %skeleton;
 
-  height: 12px;
+  height: 14px;
 }
 
 .text-loading-md {

package/assets/scss/theme.scss

@@ -7,7 +7,7 @@
 ************************* */
 @use '@angular/cdk/overlay-prebuilt.css';
 @use './partials';
-@use './typography';
 @use './input';
 @use './directives';
 @use './table';
+@use './typography';

package/assets/scss/typography/_styles.scss

@@ -1,194 +1,5 @@
-/** ************************
- * Copyright Monkey Exchange. All Rights Reserved
- * This style guide was developed by Monkey Exchange Team
- * MIT Licence
- ************************* */
-
-@use '../partials/variables';
-
 * {
   font-family: var(--mecx-font-name), arial, sans-serif;
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-
-body {
-  margin: 0;
-  padding: 0;
-  background-color: var(--mecx-color-white);
-}
-
-h1 {
-  // @include mecx-font(
-  //   (
-  //     size: f-size(xxl)
-  //   )
-  // );
-}
-
-h2 {
-  // @include mecx-font(
-  //   (
-  //     size: f-size(xl)
-  //   )
-  // );
-}
-
-h3 {
-  // @include mecx-font(
-  //   (
-  //     size: f-size(lg)
-  //   )
-  // );
-}
-
-h4 {
-  // @include mecx-font(
-  //   (
-  //     size: f-size(md)
-  //   )
-  // );
-}
-
-h5 {
-  // @include mecx-font(
-  //   (
-  //     size: f-size(sm)
-  //   )
-  // );
-}
-
-h6 {
-  // @include mecx-font;
-}
-
-p {
-  // @include mecx-font;
-}
-
-a {
-  // text-decoration: none;
-  // cursor: pointer;
-
-  // @include mecx-font(
-  //   (
-  //     color: var(--mecx-color-link)
-  //   )
-  // );
-
-  // &:hover {
-  //   text-decoration: underline;
-  // }
-}
-
-.bg {
-  // @include gray-cl('background-color');
-  // @include theme-cl('background-color');
-  // @include warning-cl('background-color');
-  // @include success-cl('background-color');
-}
-
-.txt {
-  // @include gray-cl;
-  // @include theme-cl;
-  // @include warning-cl;
-  // @include success-cl;
-  // @include error-cl;
-  // @include align;
-  // @include sizes;
-  // @include weight;
-  // @include line-height;
-
-  &-none {
-    text-decoration: none;
-  }
-
-  &-underline {
-    text-decoration: underline;
-  }
-
-  &-upper {
-    text-transform: uppercase;
-  }
-
-  &-lower {
-    text-transform: lowercase;
-  }
-
-  &-capitalize {
-    text-transform: capitalize;
-  }
-
-  &-shadow {
-    // text-shadow: 2px 2px 4px;
-    // color: f-cl-gray(700);
-  }
-}
-
-.mecx-title-page {
-  // @include mecx-font(
-  //   (
-  //     size: f-size(xl),
-  //     weight: f-weight(bold),
-  //     height: f-lh(super),
-  //     color: f-cl-gray(900)
-  //   )
-  // );
-
-  // font-style: normal;
-}
-
-.mecx-subtitle-page {
-  // @include mecx-font(
-  //   (
-  //     size: f-size(xs),
-  //     weight: f-weight(regular),
-  //     height: f-lh(med),
-  //     color: f-cl-gray(700)
-  //   )
-  // );
-
-  // font-style: normal;
-  // letter-spacing: 0.48px;
-}
-
-.mecx-description {
-  // @include mecx-font(
-  //   (
-  //     size: f-size(xs),
-  //     weight: f-weight(regular),
-  //     height: f-lh(md)
-  //   )
-  // );
-}
-
-.mecx-title {
-  // @include mecx-font(
-  //   (
-  //     size: f-size(xxs),
-  //     weight: f-weight(regular),
-  //     height: f-lh(md),
-  //     color: f-cl-gray(700)
-  //   )
-  // );
-}
-
-.mecx-value {
-  // @include mecx-font(
-  //   (
-  //     size: f-size(xxs),
-  //     weight: f-weight(regular),
-  //     height: f-lh(md)
-  //   )
-  // );
-}
-
-.mecx-label {
-  // @include mecx-font(
-  //   (
-  //     size: f-size(xxs),
-  //     weight: f-weight(regular),
-  //     height: f-lh(md)
-  //   )
-  // );
-}