fix: separating util classes

Author: mikemai2awesome

packages/components/bolt-video/src/video.twig

@@ -12,24 +12,39 @@
 {% set collapsed = collapsed | default(true) %}
 {% set ratio = ratio ?? true %}
 
-{#@todo @salem Is this used anywhere?#}
 {% set classes = [
   baseClass,
   collapsed is not null and collapsed == false ? "is-expanded" : "is-collapsed"
 ] %}
 
-
-{% set videoTag %}
-  {% include "@bolt/_video-tag.twig" %}
+{% set utilClasses = utils | default([]) %}
+{% set otherClasses = others | default([]) %}
+
+{% for class in attributes["class"] %}
+  {% if class starts with "u-" %}
+    {% set utilClasses = utilClasses|merge([class]) %}
+  {% else %}
+    {% set otherClasses = otherClasses|merge([class]) %}
+  {% endif %}
+{% endfor %}
+
+{% set innerVideo %}
+  {% include "@bolt/_video-tag.twig" with {
+    attributes: {
+      class: otherClasses
+    }
+  } %}
 {% endset %}
 
 {% if ratio == true %}
   {% include "@bolt/ratio.twig" with {
     aspectRatioHeight: aspectRatioHeight ?? 9,
     aspectRatioWidth: aspectRatioWidth ?? 16,
-    children: videoTag,
-    attributes: attributes
+    children: innerVideo,
+    attributes: {
+      class: utilClasses
+    }
   } only %}
 {% else %}
-  {{ videoTag }}
+  {% include "@bolt/_video-tag.twig" %}
 {% endif %}