snapshot of https://github.com/zulip/zulip.git @ 48c69911c7dd4e03b20552eb3bd77ad8151c1357 (2026-09-15)

web/templates/components/action_button.hbs

@@ -0,0 +1,10 @@
+<button type="{{#if type}}{{type}}{{else}}button{{/if}}" {{#if id}}id="{{id}}"{{/if}} class="{{#if custom_classes}}{{custom_classes}} {{/if}}action-button action-button-{{variant}}-{{intent}} {{#if hidden}}hide{{/if}}" {{#if data-tippy-content}}data-tippy-content="{{data-tippy-content}}"{{/if}} {{#if data-tooltip-template-id}}data-tooltip-template-id="{{data-tooltip-template-id}}"{{/if}} tabindex="0" {{#if aria-label}}aria-label="{{aria-label}}"{{/if}}
+  {{#if disabled}}disabled{{/if}}
+  >
+    {{#if icon}}
+    <i class="zulip-icon zulip-icon-{{icon}}" aria-hidden="true"></i>
+    {{/if}}
+    {{#if label}}
+    <span class="action-button-label">{{label}}</span>
+    {{/if}}
+</button>

web/templates/components/banner.hbs

@@ -0,0 +1,30 @@
+<div {{#if process}}data-process="{{process}}"{{/if}} class="{{#if custom_classes}}{{custom_classes}} {{/if}}banner banner-{{intent}}">
+    <span class="banner-content">
+        <span class="banner-label">
+            {{#if label}}
+                {{label}}
+            {{else}}
+                {{> @partial-block .}}
+            {{/if}}
+        </span>
+        {{#unless (eq buttons undefined)}}
+            {{#unless (eq buttons.length 0)}}
+            <span class="banner-action-buttons">
+                {{!-- squash whitespace so :empty selector works when no buttons --}}
+                {{~!-- squash whitespace --~}}
+                {{#each buttons}}
+                    {{#if this.intent}}
+                        {{> action_button .}}
+                    {{else}}
+                        {{> action_button . intent=../intent}}
+                    {{/if}}
+                {{/each}}
+                {{~!-- squash whitespace --~}}
+            </span>
+            {{/unless}}
+        {{/unless}}
+    </span>
+    {{#if close_button}}
+        {{> icon_button custom_classes="banner-close-action banner-close-button" icon="close" intent=intent}}
+    {{/if}}
+</div>

web/templates/components/icon_button.hbs

@@ -0,0 +1,7 @@
+<button type="button" {{#if id}}id="{{id}}"{{/if}} class="{{#if custom_classes}}{{custom_classes}} {{/if}}icon-button {{#if squared}}icon-button-square {{/if}}icon-button-{{intent}} {{#if hidden}}hide{{/if}}" {{#if data-tooltip-template-id}}data-tooltip-template-id="{{data-tooltip-template-id}}"{{/if}} tabindex="0" {{#if aria-label}}aria-label="{{aria-label}}"{{/if}}
+  {{#if data-tippy-content}}data-tippy-content="{{data-tippy-content}}"{{/if}}
+  {{#if data-micromodal-close}}data-micromodal-close{{/if}}
+  {{#if disabled}}disabled{{/if}}
+  >
+    <i class="zulip-icon zulip-icon-{{icon}}" aria-hidden="true"></i>
+</button>

web/templates/components/input_wrapper.hbs

@@ -0,0 +1,21 @@
+{{!--
+This is used to wrap any input element that needs to be styled as a Zulip input.
+Usage example:
+{{#> components/input_wrapper . input_type="filter-input" custom_classes="inbox-search-wrapper" icon="search" input_button_icon="close"}}
+<input type="text" id="{{INBOX_SEARCH_ID}}" class="input-element" value="{{search_val}}" autocomplete="off" placeholder="{{t 'Filter' }}" />
+{{/components/input_wrapper}}
+--}}
+
+<div {{#if id}}id="{{id}}"{{/if}} class="input-element-wrapper{{#if input_type}} {{input_type}}{{/if}}{{#if custom_classes}} {{custom_classes}}{{/if}}{{#if icon}} has-input-icon{{/if}}{{#if input_button_icon}} has-input-button{{/if}}">
+    {{#if icon}}
+        <i class="input-icon zulip-icon zulip-icon-{{icon}}" aria-hidden="true"></i>
+    {{/if}}
+    {{> @partial-block .}}
+    {{#if input_button_icon}}
+        {{#if (eq input_type "filter-input") }}
+            {{> icon_button custom_classes="input-button input-close-filter-button" squared=true icon=input_button_icon intent="neutral" }}
+        {{else}}
+            {{> icon_button custom_classes="input-button" squared=true icon=input_button_icon intent="neutral" }}
+        {{/if}}
+    {{/if}}
+</div>

web/templates/components/membership_banner.hbs

@@ -0,0 +1,4 @@
+{{#> banner .}}
+    {{> ../user_group_settings/user_group_membership_request_result .}}
+{{/banner}}
+

web/templates/components/showroom/filter_input.hbs

@@ -0,0 +1,3 @@
+{{#> ../input_wrapper input_type="filter-input" icon="search" input_button_icon="close"}}
+    <input class="input-element" type="text" placeholder="{{t 'Filter component' }}" />
+{{/../input_wrapper}}

web/templates/components/subscription_banner.hbs

@@ -0,0 +1,4 @@
+{{#> banner .}}
+    {{> ../stream_settings/stream_subscription_request_result .}}
+{{/banner}}
+