@tacc/core-styles 2.1.0 → 2.2.0

package/src/lib/_imports/elements/headings--cms.css

@@ -7,14 +7,11 @@
 
 
 
-
-
-/*
-Content Sectioning: Headings
-*/
-
 /* Structure */
 
+&:is( h1, h2, h3, h4, h5, h6 ) {
+    line-height: unset;
+}
 & h1 {
     margin-bottom: 40px; /* rounded from design 42px */
     text-transform: uppercase;
@@ -27,10 +24,6 @@ Content Sectioning: Headings
     margin-top: 0; /* designs suggest component padding can give top spacing */
     margin-bottom: 20px; /* rounded from design 17px */
 }
-/* WARNING: No design available; these are just developer guesswork */
-& h5 {
-    text-transform: uppercase;
-}
 
 
 
@@ -54,17 +47,13 @@ Content Sectioning: Headings
     font-size: var(--global-font-size--medium);
     font-weight: var(--bold);
 }
-& h5 {
-    font-size: var(--global-font-size--small);
-    font-weight: var(--black);
-}
+/* To  deter use of "smaller" headings by making them match body font */
+& h5,
 & h6 {
-    font-size: var(--global-font-size--small);
-    font-weight: var(--bold);
+    font-size: inherit;
+    font-weight: var(--normal);
 }
 
 
 
-
-
 }

package/src/lib/_imports/generics/color.css

@@ -19,13 +19,13 @@ Styleguide Generics.Colors
   .c-recognition--style-dark,
   :--o-section--dark;
 
-@custom-selector :--light-context-in-dark-context
+@custom-selector :--light-context-safe
   :where(:--dark-context :--light-context);
-@custom-selector :--dark-context-in-light-context
+@custom-selector :--dark-context-safe
   :where(:--dark-context:not(:--light-context *));
 
-:--dark-context-in-light-context {
-  --global-color-accent--xxx-light: #f6f3fe;
+:--dark-context-safe {
+  --global-color-accent--xxx-light: #faf4ff;
   --global-color-accent--xx-light: #f1ebfd;
   --global-color-accent--x-light: #e3d7fd;
   --global-color-accent--light: #d5bfff;
@@ -36,7 +36,7 @@ Styleguide Generics.Colors
   --global-color-accent--xxx-dark: #281066;
 }
 
-:--light-context-in-dark-context {
+:--light-context-safe {
   --global-color-accent--xxx-light: #f1ebfd;
   --global-color-accent--xx-light: #e3d7fd;
   --global-color-accent--x-light: #d5bfff;

package/src/lib/_imports/settings/color.css

@@ -39,7 +39,7 @@
 
   /* Accent */
 
-  --global-color-accent--xxx-light: #f6f3fe;
+  --global-color-accent--xxx-light: #faf4ff;
   --global-color-accent--xx-light: #f1ebfd;
   --global-color-accent--x-light: #e3d7fd;
   --global-color-accent--light: #a387ed;
@@ -54,6 +54,7 @@
   --global-color-accent--secondary: var(--global-color-secondary--normal);
   --global-color-accent--tertiary: var(--global-color-tertiary--normal);
 
+  --global-color-secondary--xx-light: #fcf6ec;
   --global-color-secondary--x-light: #e5d7c0;
   --global-color-secondary--light: #d5b57c; /* from designer */
   --global-color-secondary--normal: #877453; /* from designer */
@@ -62,6 +63,7 @@
   /* HELP: Where is this used? Not Core-Styles nor TACC CMS global snippets… */
   --global-color-secondary--xxx-dark: var(--global-color-secondary--x-dark);
 
+  --global-color-tertiary--xx-light: #eafdfb;
   --global-color-tertiary--x-light: #b8f2eb;
   --global-color-tertiary--light: #7bd1c8;
   --global-color-tertiary--normal: #61A39C; /* from designer */
@@ -84,14 +86,14 @@
   --global-color-danger--x-light: #fce4db; /* from designer */
   --global-color-danger--light: #fcaf91;
   --global-color-danger--normal: #ed4c11; /* from designer */
-  --global-color-danger--dark: #c14720;
-  --global-color-danger--x-dark: #9a4127;
-
-  --global-color-warning--x-light: #fdfdea; /* from designer */
-  --global-color-warning--light: #f5f396;
-  --global-color-warning--normal: #e9e000; /* from designer */
-  --global-color-warning--dark: #c5bf2e;
-  --global-color-warning--x-dark: #898632;
+  --global-color-danger--dark: #c23a03;
+  --global-color-danger--x-dark: #932b06;
+
+  --global-color-warning--x-light: #FDF0D3; /* from designer */
+  --global-color-warning--light: #fed880;
+  --global-color-warning--normal: #F2B327; /* from designer */
+  --global-color-warning--dark: #cd971c;
+  --global-color-warning--x-dark: #996f0a;
 
   --global-color-success--x-light: #baf8dc; /* from designer */
   --global-color-success--light: #93f6cd;