ISTWCMS-5509: adding minimum to have PL running

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

+{#
+ * @file
+ * Display for theme color swatches.
+ *
+ * Each color swatch is populated from the yml file within
+ * this same directory (colors.yml). Add or remove any colors there.
+ *
+#}
+
+<section class="pl-colors">
+  {% for title, list in colors %}
+    <div class="just-for-gap">
+      <h3>{{ title|capitalize }}</h3>
+      <article class="color-demo">
+        {% for color, hex in list %}
+          <div style="background-color: {{ hex }}">
+            <div>{{ color }}<br>{{ hex }}</div>
+          </div>
+        {% endfor %}
+      </article>
+    </div>
+  {% endfor %}
+</section>
+
+{#{% for title, list in colors %}#}
+{#  <h3>{{ title|capitalize }}</h3>#}
+{#  <div class="pl-swatch__group">#}
+{#    {% for color, hex in list %}#}
+{#      <div class="pl-swatch" style="background-color: {{ hex }}">#}
+{#        <div class="pl-swatch__meta">{{ color }}<br>{{ hex }}</div>#}
+{#      </div>#}
+{#    {% endfor %}#}
+{#  </div>#}
+{#{% endfor %}#}

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

+---
+colors:
+#  brand:
+#    blue-cool-30v: '#59b9de'
+#    blue-cool-50v: '#0d7ea2'
+#    green-warm-20: '#cbd17a'
+#    green-warm-50: '#6f7a41'
+#    red-warm-20v: '#f6bd9c'
+#    red-warm-40v: '#ef5e25'
+#  shades:
+#    light: '#fff'
+#    dark: '#000'
+  grayscale:
+#    gray-5: '#f0f0f0'
+#    gray-10: '#e6e6e6'
+#    gray-20: '#c9c9c9'
+#    gray-30: '#adadad'
+#    gray-40: '#919191'
+#    gray-50: '#757575'
+#    gray-60: '#5c5c5c'
+#    gray-70: '#454545'
+#    gray-80: '#2e2e2e'
+#    gray-90: '#1b1b1b'
+    white: '#fff'
+    gray-1: '#fafafa'
+    gray-2: '#eee'
+    gray-3: '#ccc'
+    gray-4: '#A2A2A2'
+    gray-5: '#757575'
+    gray-6: '#4e4e4e'
+    gray-7: '#333'
+    black: '#000'
+  uw-black:
+    lvl1: '#dfdfdf'
+    lvl2: '#a2a2a2'
+    lvl3: '#787878'
+    lvl4: '#000'
+    primary: '#000'
+  uw-gold:
+    lvl1: '#fffaaa'
+    lvl2: '#ffea30'
+    lvl3: '#fdd54f'
+    lvl4: '#e4b429'
+    primary: '#fffaaa'
+  uw-white:
+    lvl1: '#fff'
+    primary: '#fff'
+  neutral:
+    lvl1: '#dfdfdf'
+    lvl2: '#a2a2a2'
+    lvl3: '#787878'
+    lvl4: '#000'
+    primary: '#000'
+  org-ahs:
+    lvl1: '#97dfef'
+    lvl2: '#00bed0'
+    lvl3: '#0098a5'
+    lvl4: '#005963'
+    primary: '#005963'
+  org-art:
+    lvl1: '#ffd5a5'
+    lvl2: '#fbaf00'
+    lvl3: '#e78100'
+    lvl4: '#d93f00'
+    primary: '#d93f00'
+  org-eng:
+    lvl1: '#d0b4ef'
+    lvl2: '#be33da'
+    lvl3: '#8100b4'
+    lvl4: '#57058b'
+    primary: '#57058b'
+  org-env:
+    lvl1: '#daf582'
+    lvl2: '#bed500'
+    lvl3: '#b4be00'
+    lvl4: '#607000'
+    primary: '#607000'
+  org-mat:
+    lvl1: '#ffbeef'
+    lvl2: '#ff63aa'
+    lvl3: '#df2498'
+    lvl4: '#c60078'
+    primary: '#df2498'
+  org-sci:
+    lvl1: '#b4d5ff'
+    lvl2: '#63a0ff'
+    lvl3: '#0073ce'
+    lvl4: '#0033be'
+    primary: '#0073ce'
+  org-school:
+    lvl1: '#ffa5aa'
+    lvl2: '#e41740'
+    lvl3: '#b71233'
+    lvl4: '#80001f'
+    primary: '#b71233'
+  org-ren:
+    green: '#00693c'
+    red: '#de3831'
+    gold: '#d2c295'
+    lvl1: '#ffa5aa'
+    lvl2: '#e41740'
+    lvl3: '#b71233'
+    lvl4: '#80001f'
+    primary: '#00693c'
+    light: '#7FB49D'
+  org-stj:
+    green: '#01573e'
+    gold: '#c88a11'
+    lvl1: '#ffa5aa'
+    lvl2: '#e41740'
+    lvl3: '#b71233'
+    lvl4: '#80001f'
+    primary: '#01573e'
+    light: '#92B7AC'
+  org-stp:
+    green: '#879637'
+    brown: '#584528'
+    lvl1: '#ffa5aa'
+    lvl2: '#e41740'
+    lvl3: '#b71233'
+    lvl4: '#80001f'
+    primary: '#879637'
+    light: '#C2CD79'
+  org-cgc:
+    red: '#c4262e'
+    lvl1: '#ffa5aa'
+    lvl2: '#e41740'
+    lvl3: '#b71233'
+    lvl4: '#80001f'
+    primary: '#c4262e'
+    light: '#E8878C'

src/patterns/global.scss

@@ -5,4 +5,4 @@
 @use '01-core/props' as *;
 @use '01-core/utilities' as *;
 @use '01-core/elements' as *;
-@use '03-layouts/grid/grid' as *;
+//@use '03-layouts/grid/grid' as *;