novo-elements 6.1.1 → 6.2.0

package/novo-elements.scss

@@ -98,13 +98,13 @@
   background-color: var(--background-body, $color-silver);
 }
 .txc-main {
-  color: var(--text-main, $color-dark);
-}
-.txc-bright {
-  color: var(--text-bright, $color-black);
+  color: var(--text-main, $color-charcoal);
 }
 .txc-muted {
-  color: var(--text-muted, $color-slate);
+  color: var(--text-muted, $color-neutral);
+}
+.txc-disabled {
+  color: var(--text-disabled, $color-slate);
 }
 
 @include theme-colors() using ($name, $color, $contrast, $tint, $shade, $pale) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "novo-elements",
-  "version": "6.1.1",
+  "version": "6.2.0",
   "sideEffects": true,
   "peerDependencies": {
     "@angular/animations": ">=10",

package/schematics/package.json

@@ -1,6 +1,6 @@
 {
   "name": "schematics",
-  "version": "6.1.1",
+  "version": "6.2.0",
   "description": "A novo-element schematics",
   "scripts": {
     "build": "tsc -p tsconfig.json",

package/styles/themes/dark.scss

@@ -7,8 +7,8 @@
   --selection: #{$color-ocean}; // #1c76c5;
   --text-selection: #{$color-white};
   --text-main: #{$color-light};
-  --text-bright: #{$color-white};
-  --text-muted: #a9b1ba;
+  --text-muted: #{$color-stone};
+  --text-disabled: #a9b1ba;
   --links: #{$color-sky-blue}; // #41adff;
   --focus: #0096bfab;
   --border: #{$color-onyx};

package/styles/themes/light.scss

@@ -6,19 +6,18 @@
   --background-bright: #{$color-white}; //fff
   --background-dark: #{$color-silver}; //e2e2e2
   --background-muted: #{$color-sand}; //f4f4f4
+  --text-main: #{$color-charcoal}; //#363636;
+  --text-muted: #{$color-neutral}; //#70777f;
+  --text-disabled: #{$color-slate}; //#70777f;
   --selection: #{$color-ocean}; //#9e9e9e;
   --text-selection: #{$color-white};
-  --text-main: #{$color-dark}; //#363636;
-  --text-bright: #{$color-black};
-  --text-muted: #{$color-slate}; //#70777f;
-  // do we need disabled.
   --links: #{$color-ocean};
   --focus: #{$color-ocean};
   --border: #{$color-light}; //#dbdbdb;
   --code: #{$color-job};
   --animation-duration: 0.1s;
   --button-background: #{$light};
-  --button-text: #{$dark};
+  --button-text: #{$color-charcoal};
   --button-hover: #aaa;
   --scrollbar-thumb: #{$color-stone};
   --scrollbar-thumb-hover: #{$color-slate};

package/styles/typography.scss

@@ -56,16 +56,6 @@ p {
   padding: 0.25rem 0 0.55rem;
 }
 
-// h1,
-// h2,
-// h3,
-// h4,
-// h5,
-// h6,
-// strong {
-//   color: var(--text-bright);
-// }
-
 q::before {
   content: none;
 }