 
     (dom/div #js {:className "c-modal c-modal--fullscreen"}
      (dom/div #js {:className "c-modal__card"}
-       (dom/div #js {:className "o-toolbar o-toolbar--primary o-toolbar--raised"}
+       (dom/div #js {:className "c-toolbar c-toolbar--primary c-toolbar--raised"}
          (dom/button #js {:className "c-button c-button--icon"} (icons/icon :close))
          (dom/div #js {:className "c-modal__title"} "Modal title that is getting way too long")
-         (dom/div #js {:className "o-toolbar__actions"}
+         (dom/div #js {:className "c-toolbar__actions"}
            (dom/button #js {:className "c-button"} "Save")))
        (dom/div #js {:className "has-menu"}
          (dom/button #js {:className "c-button c-button--wide"} "untangler@untangled.io"))

         (l/row {}
           (l/col {:width 9 :push 1}

            (l/row {:density :collapse :valign :bottom :halign :center :className "u-trailer"}
              (l/col {:className "u-column has-xpipe has-start-pipe" :halign :center}
                (icons/icon :sentiment_very_dissatisfied))
              (l/col {:className "u-column has-xpipe" :halign :center}

        lang-item-selected (or (if (= (:id changed-menu) :lang) (:selected-item changed-menu) nil) "English-US")
        menu-action (fn [menu opened item]
                      (om/update-state! this assoc :changed-menu {:id menu :open-state opened :selected-item item}))]
    (dom/div nil

      (dom/div #js {:className "c-toolbar c-toolbar--primary c-toolbar--raised" :style #js {:position "static"}}
        (dom/div #js {:className "c-toolbar__row"}
          (dom/div #js {:className "c-toolbar__view"}
            (dom/button #js {:className "c-button c-button--icon"}
              (icons/icon :menu))
            (dom/span #js {:className "c-toolbar__label"} "Primary toolbar"))

          (dom/div #js {:className "c-toolbar__actions"}
            (dom/button #js {:className "c-button c-button--icon"}
              (icons/icon :help))

            (dom/span #js {:title "Kevin Mitnick"}
              (dom/button #js {:className "c-button c-button--icon"}
                (icons/icon :account_circle)))
            )))

      (dom/p nil " ")

      (dom/div #js {:className "c-toolbar c-toolbar--dark c-toolbar--raised" :style #js {:position "static"}}
        (dom/div #js {:className "c-toolbar__row"}
          (dom/div #js {:className "c-toolbar__view"}
            (dom/button #js {:className "c-button c-button--icon"}
              (icons/icon :arrow_back))
            (dom/span #js {:className "c-toolbar__label"} "Dark toolbar"))

          (dom/div #js {:className "c-toolbar__actions"}
            (dom/button #js {:className "c-button c-button--icon"}
              (icons/icon :filter_list))

            (dom/span #js {:title "Kevin Mitnick"}
              (dom/button #js {:className "c-button c-button--icon"}
                (icons/icon :search)))
            ))))))

(defexample toolbar-dense
  "### Dense
