src/patterns/01-core/props/_colors.scss

@@ -22,7 +22,7 @@
   --gray-7: #333;
   --gray-8: #000;
   --gray-9: #000;
-  --eng-1: #d0b4ef;
+  --eng-1: #d0b4e7;
   --eng-2: #be33da;
   --eng-3: #8100b4;
   --eng-4: #57058b;
@@ -41,17 +41,17 @@
   --mat-2: #ff63aa;
   --mat-3: #df2498;
   --mat-4: #c60078;
-  --mat-primary: #df2498;
+  --mat-primary: #c60078;
   --neutral-1: #dfdfdf;
   --neutral-2: #a2a2a2;
   --neutral-3: #787878;
   --neutral-4: #000;
   --neutral-primary: #000;
-  --sci-1: #d0ebff;
-  --sci-2: #a5d8ff;
-  --sci-3: #74c0fc;
-  --sci-4: #4dabf7;
-  --sci-primary: #339af0;
+  --sci-1: #b4d5ff;
+  --sci-2: #63a0ff;
+  --sci-3: #0073ce;
+  --sci-4: #0033be;
+  --sci-primary: #0033be;
   --school-1: #ffa5aa;
   --school-2: #e41740;
   --school-3: #b71233;
@@ -87,11 +87,11 @@
   --uw-black-4: #000;
   --uw-black-primary: #000;
   --uw-gold: #fdd54f;
-  --uw-gold-1: #fffaaa;
-  --uw-gold-2: #ffea30;
+  --uw-gold-1: #ffffaa;
+  --uw-gold-2: #ffea3d;
   --uw-gold-3: #fdd54f;
   --uw-gold-4: #e4b429;
-  --uw-gold-primary: #fffaaa;
+  --uw-gold-primary: #fdd54f;
   --uw-white: #fff;
   --uw-white-1: #fff;
   --uw-white-primary: #fff;

src/patterns/02-base/colors/colors.yml

@@ -18,8 +18,8 @@ colors:
     --uw-black-4: 'var(--uw-black-4)'
     --uw-black-primary: 'var(--uw-black-primary)'
   uw-gold:
-    --uw-gold-1: 'var( --uw-gold-1)'
-    --uw-gold-2: 'var( --uw-gold-2)'
+    --uw-gold-1: 'var(--uw-gold-1)'
+    --uw-gold-2: 'var(--uw-gold-2)'
     --uw-gold-3: 'var(--uw-gold-3)'
     --uw-gold-4: 'var(--uw-gold-4)'
     --uw-gold-primary: 'var(--uw-gold-primary)'
@@ -33,11 +33,11 @@ colors:
     --neutral-4: 'var(--neutral-4)'
     --neutral-primary: 'var(--neutral-primary)'
   org-ahs:
-    --health-1: 'var( --health-1)'
-    --health-2: 'var( --health-2)'
-    --health-3: 'var( --health-3)'
-    --health-4: 'var( --health-4)'
-    --health-primary: 'var(--health-primary)'
+    --health-1: 'var(--ahs-1)'
+    --health-2: 'var(--ahs-2)'
+    --health-3: 'var(--ahs-3)'
+    --health-4: 'var(--ahs-4)'
+    --health-primary: 'var(--ahs-primary)'
   org-art:
     --art-1: 'var(--art-1)'
     --art-2: 'var(--art-2)'
@@ -57,17 +57,17 @@ colors:
     --env-4:  'var(--env-4)'
     --env-primary: 'var(--env-primary)'
   org-mat:
-    --math-1: 'var(--math-1)'
-    --math-2: 'var(--math-2)'
-    --math-3: 'var(--math-3)'
-    --math-4: 'var(--math-4)'
-    --math-primary: 'var(--math-primary)'
+    --math-1: 'var(--mat-1)'
+    --math-2: 'var(--mat-2)'
+    --math-3: 'var(--mat-3)'
+    --math-4: 'var(--mat-4)'
+    --math-primary: 'var(--mat-primary)'
   org-sci:
     --sci-1: 'var(--sci-1)'
     --sci-2: 'var(--sci-2)'
     --sci-3: 'var(--sci-3)'
     --sci-4: 'var(--sci-4)'
-    --sci-primary: 'var(--sci-primar)'
+    --sci-primary: 'var(--sci-primary)'
   org-school:
     --school-1: 'var(--school-1)'
     --school-2: 'var(--school-2)'
@@ -75,39 +75,15 @@ colors:
     --school-4: 'var(--school-4)'
     --school-primary: 'var(--school-primary)'
   org-ren:
-    --ren-1: 'var(--ren-1)'
-    --ren-2: 'var(--ren-2)'
-    --ren-3: 'var(--ren-3)'
-    --ren-4: 'var(--ren-4)'
-    --ren-gold: 'var(--ren-gold)'
-    --ren-green: 'var(--ren-green)'
-    --ren-red: 'var(--ren-red)'
     --ren-primary: 'var(--ren-primary)'
     --ren-light: 'var(--ren-light)'
   org-stj:
-    --stj-green: 'var(--stj-green)'
-    --stj-gold: 'var(--stj-gold)'
-    --stj-1: 'var(--stj-1)'
-    --stj-2: 'var(--stj-2)'
-    --stj-3: 'var(--stj-3)'
-    --stj-4: 'var(--stj-4)'
     --stj-primary: 'var(--stj-primary)'
     --stj-light: 'var(--stj-light)'
   org-stp:
-    --stp-green: 'var(--stp-green)'
-    --stp-brown: 'var(--stp-brown)'
-    --stp-1: 'var(--stp-1)'
-    --stp-2: 'var(--stp-2)'
-    --stp-3: 'var(--stp-3)'
-    --stp-4: 'var(--stp-4)'
     --stp-primary: 'var(--stp-primary)'
     --stp-light: 'var(--stp-light)'
   org-cgc:
-    --cgc-red: 'var(--cgc-red)'
-    --cgc1: 'var(--cgc-1)'
-    --cgc2: 'var(--cgc-2)'
-    --cgc3: 'var(--cgc-3)'
-    --cgc-4: 'var(--cgc-4)'
     --cgc-primary: 'var(--cgc-primary)'
     --cgc-light: 'var(--cgc-light)'
   Red:

src/patterns/03-layouts/layout/layout--2-col/_layout--2-col.scss

@@ -2,24 +2,23 @@
 
 .layout--uw-2-col {
   display: grid;
+  grid-template-columns: 100%;
   gap: var(--grid-gap);
   &.larger-left {
     @media(min-width: $screen-md) {
-      grid-template-columns: minmax(0, 2fr) 1fr;
+      grid-template-columns: 66%  30%;
     }
   }
 
   &.larger-right {
     @media(min-width: $screen-md){
-      grid-template-columns: 1fr minmax(0, 2fr);
+      grid-template-columns: 30% 66%;
     }
   }
 
   &.even-split {
-    grid-template-columns: 100%;
-
     @media(min-width: $screen-md) {
-      grid-template-columns: repeat(2, 1fr);
+      grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
 

src/patterns/04-components/00-cms-styles/layout-builder/_layout-builder.scss

@@ -161,6 +161,22 @@ form {
   .media-library-item--grid {
     padding-bottom: var(--size-4);
   }
+
+  // Banner block issues (ISTWCMS-5884).
+  .dropbutton .dropbutton-action > input {
+    font-family: var(--font-book);
+    font-weight: var(--font-weight-300);
+    color: var(--uw-black);
+  }
+  .dropbutton-toggle {
+    button,
+    .button{
+      margin: 0;
+      .dropbutton-arrow{
+        right: 18%;
+      }
+    }
+  }
 }
 // Token dialog popup.
 .token-tree-dialog {

src/patterns/04-components/color-bar/color-bar.twig

@@ -8,3 +8,19 @@
     </div>
   </div>
 </div>
+{% if is_demo %}
+  <br>
+  <br>
+  {% for bar in color_bars %}
+    <h3>{{ bar.faculty }}</h3>
+    <div class="uw-colour-bar">
+      <div class="uw-colour-bar__wrapper">
+        <div class="uw-colour-bar__cbars">
+          {% for lvl in range(1,lvls) %}
+            <div class="uw-colour-bar__cbar {{ bar.faculty }}-{{ lvl }}" title="var(--{{ bar.faculty }}-{{ lvl }})"></div>
+          {% endfor %}
+        </div>
+      </div>
+    </div>
+  {% endfor %}
+{% endif %}

src/patterns/04-components/color-bar/color-bar.yml

-faculty: 'org-ahs'
+is_demo: true
+faculty: 'org-default'
+color_bars:
+  -
+   faculty: 'org-default'
+  -
+    faculty: 'neutral'
+  -
+    faculty: 'org-school'
+  -
+    faculty: 'org-art'
+  -
+    faculty: 'org-mat'
+  -
+    faculty: 'org-eng'
+  -
+    faculty: 'org-sci'
+  -
+    faculty: 'org-ahs'
+  -
+    faculty: 'org-env'

src/patterns/04-components/view/_view.scss

@@ -317,7 +317,11 @@ $sidebar-width: 18.75rem;
                 text-decoration: none;
               }
             }
-            h2{
+            h2,
+            h3,
+            h4,
+            h5,
+            h6{
               font-size: var(--font-size-3);
               margin: var(--size-3) 0 var(--size-1) 0;
               span{