feat: favicons, logos, disabled button state, modal fixes

source/_patterns/00-atoms/03-buttons/00-basic-button.mustache

-<button class="btn {{ classes }}">
+<button class="btn {{ classes }}" {{# disabled }}disabled{{/ disabled }}>
   <div class="btn__body {{ bodyClasses }}">{{ cta }}</div>
 </button>

source/_patterns/00-atoms/03-buttons/01-icon-button.mustache

-<button class="btn btn--icon {{ classes }}">
+<button class="btn btn--icon {{ classes }}" {{# disabled }}disabled{{/ disabled }}>
   <div class="btn__body-wrap">
     <div class="btn__body {{ bodyClasses }}">{{ cta }}</div>
     <div class="btn__icon {{ iconClasses }}">

source/_patterns/00-atoms/03-buttons/02-button-colors.mustache

@@ -14,6 +14,21 @@
     {{> atoms-basic-button(classes: "btn--violet-500") }}
     {{> atoms-basic-button(classes: "btn--red-600") }}
   </div>
+  <div class="inline-flex flex-col space-y-2">
+    {{> atoms-basic-button(classes: "btn--black", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--grey-700", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--grey-500", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--grey-125", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--white", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--blue-300", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--cyan-200", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--green-400", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--green-300", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--orange-300", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--violet-400", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--violet-500", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--red-600", disabled: true) }}
+  </div>
   <div class="inline-flex flex-col space-y-2">
     {{> atoms-icon-button(classes: "btn--black") }}
     {{> atoms-icon-button(classes: "btn--grey-700") }}
@@ -29,4 +44,19 @@
     {{> atoms-icon-button(classes: "btn--violet-500") }}
     {{> atoms-icon-button(classes: "btn--red-600") }}
   </div>
+  <div class="inline-flex flex-col space-y-2">
+    {{> atoms-icon-button(classes: "btn--black", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--grey-700", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--grey-500", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--grey-125", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--white", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--blue-300", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--cyan-200", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--green-400", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--green-300", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--orange-300", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--violet-400", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--violet-500", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--red-600", disabled: true) }}
+  </div>
 </div>

source/_patterns/01-molecules/21-modal/modal.mustache

 <div class="modal__overlay hidden toggle-modal-sample-1" id="modal-sample-1">
   <div class="modal__content" role="dialog">
     <div class="modal__container w-full max-w-2xl" role="dialog">
-      <div class="modal__container-body">
+      <div class="modal__container-body elevation-10">
         {{> molecules-image-card }}
       </div>
     </div>

source/_patterns/03-templates/cf2021/chairman.mustache

@@ -30,7 +30,7 @@
       </div>
 
       <div class="container-padding--zero lg:container-padding--auto">
-        {{> organisms-event-feed(itemPadding: "px-4 py-2 lg:px-8 lg:py-3") }}
+        {{> organisms-event-feed-with-action-menu(itemPadding: "px-4 py-2 lg:px-8 lg:py-3") }}
       </div>
 
       <div class="lg:card__body pt-4 lg:py-6">

source/css/molecules/chips.pcss

@@ -4,7 +4,6 @@
     py-2 px-3
     text-xs
     font-bold leading-none tracking-normal
-    cursor-pointer
     whitespace-no-wrap;
 }
 

source/css/molecules/modal.pcss

@@ -10,7 +10,7 @@
     top-0 left-0 bottom-0 right-0
     z-50
     flex items-center flex-row
-    bg-white bg-opacity-75
+    bg-grey-125 bg-opacity-75
     cursor-pointer overflow-auto;
 }
 
@@ -28,7 +28,7 @@
   @apply
     h-full
     p-3
-    pointer-events-auto shadow-md;
+    pointer-events-auto;
 
   @screen md {
     @apply h-auto p-0;