[FEATURE] Add panel collapse icons

benjaminkott · benjaminkott · commit 5eb5f36586fd · 2025-12-05T12:58:34.000+01:00
diff --git a/dist/icons.json b/dist/icons.json
@@ -1981,6 +1981,34 @@
       "sprite": "sprites/actions.svg#actions-pagetree",
       "bidi": false
     },
+    "actions-panel-collapse-end": {
+      "identifier": "actions-panel-collapse-end",
+      "category": "actions",
+      "svg": "svgs/actions/actions-panel-collapse-end.svg",
+      "sprite": "sprites/actions.svg#actions-panel-collapse-end",
+      "bidi": true
+    },
+    "actions-panel-collapse-start": {
+      "identifier": "actions-panel-collapse-start",
+      "category": "actions",
+      "svg": "svgs/actions/actions-panel-collapse-start.svg",
+      "sprite": "sprites/actions.svg#actions-panel-collapse-start",
+      "bidi": true
+    },
+    "actions-panel-expand-end": {
+      "identifier": "actions-panel-expand-end",
+      "category": "actions",
+      "svg": "svgs/actions/actions-panel-expand-end.svg",
+      "sprite": "sprites/actions.svg#actions-panel-expand-end",
+      "bidi": true
+    },
+    "actions-panel-expand-start": {
+      "identifier": "actions-panel-expand-start",
+      "category": "actions",
+      "svg": "svgs/actions/actions-panel-expand-start.svg",
+      "sprite": "sprites/actions.svg#actions-panel-expand-start",
+      "bidi": true
+    },
     "actions-paperplane": {
       "identifier": "actions-paperplane",
       "category": "actions",
diff --git a/dist/scss/icons-variables-actions.scss b/dist/scss/icons-variables-actions.scss
@@ -281,6 +281,10 @@ $icon-actions-options: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2
 $icon-actions-package: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M8 0 5 1.5 2.5 2.8 0 4v8l8 4 8-4V4L8 0zm0 1.1 6.3 3.2-1.9.9-6.3-3.1 1.9-1zm-.5 13.5L1 11.4V5.1l6.5 3.2v6.3zM1.7 4.3l1.9-1 6.3 3.2-1.9.9-6.3-3.1zM15 11.4l-6.5 3.2V8.3l2-1v1.4L13 7.5V6.1l2-1v6.3z'/%3e%3c/g%3e%3c/svg%3e") !default;
 $icon-actions-pagetree: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M6 3h8v2H6zM6 6h8v2H6zM6 9h8v2H6zM6 12h8v2H6zM5 5V4H3V2H2v12h3v-1H3v-2h2v-1H3V8h2V7H3V5z'/%3e%3c/g%3e%3c/svg%3e") !default;
 $icon-actions-pagetree-mount: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M3 3h1v1H3zM3 5h1v1H3zM3 7h1v1H3zM3 9h1v1H3zM11 5h1v1h-1zM11 7h1v1h-1zM11 9h1v1h-1zM11 11h1v1h-1z'/%3e%3cpath d='M14.5 3h-5a.5.5 0 0 0-.5.5V4h5v10h-4V7H9v7.5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5zM6 8.5V12H2V2h4v.5l1-.75V1.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5V9.25L6 8.5z'/%3e%3cpath d='M10 5H8V2.5l-4 3 4 3V6h2z'/%3e%3c/g%3e%3c/svg%3e") !default;
+$icon-actions-panel-collapse-end: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M13 2H3a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2Zm-2 11V3h2c.551 0 1 .449 1 1v8c0 .551-.449 1-1 1h-2Zm-8 0c-.551 0-1-.449-1-1V4c0-.551.449-1 1-1h7v10H3Z'/%3e%3cpath d='M4.052 6.12v3.76c0 .536.76.818 1.239.46L7.617 8.6c.442-.33.442-.87 0-1.2L5.291 5.66c-.478-.358-1.24-.076-1.24.46Z'/%3e%3c/g%3e%3c/svg%3e") !default;
+$icon-actions-panel-collapse-start: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M13 2H3a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2ZM6 13V3h7c.551 0 1 .449 1 1v8c0 .551-.449 1-1 1H6Zm-3 0c-.551 0-1-.449-1-1V4c0-.551.449-1 1-1h2v10H3Z'/%3e%3cpath d='M11.948 6.12v3.76c0 .536-.76.818-1.239.46L8.383 8.6c-.442-.33-.442-.87 0-1.2l2.326-1.74c.478-.358 1.24-.076 1.24.46Z'/%3e%3c/g%3e%3c/svg%3e") !default;
+$icon-actions-panel-expand-end: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M3 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H3Zm0 11c-.551 0-1-.449-1-1V4c0-.551.449-1 1-1h7v10H3Zm8 0V3h2c.551 0 1 .449 1 1v8c0 .551-.449 1-1 1h-2Z'/%3e%3cpath d='M6.76 5.66 4.435 7.4c-.441.33-.441.87 0 1.2l2.327 1.74c.478.358 1.239.076 1.239-.46V6.12c0-.536-.761-.818-1.24-.46Z'/%3e%3c/g%3e%3c/svg%3e") !default;
+$icon-actions-panel-expand-start: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M13 2H3a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2ZM6 13V3h7c.551 0 1 .449 1 1v8c0 .551-.449 1-1 1H6Zm-3 0c-.551 0-1-.449-1-1V4c0-.551.449-1 1-1h2v10H3Z'/%3e%3cpath d='M8 6.12v3.76c0 .536.761.818 1.24.46l2.326-1.74c.441-.33.441-.87 0-1.2L9.239 5.66C8.761 5.302 8 5.584 8 6.12Z'/%3e%3c/g%3e%3c/svg%3e") !default;
 $icon-actions-paperplane: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M14.577 1.423a.752.752 0 0 0-.812-.165L.796 6.514a.745.745 0 0 0-.465.759c.028.33.264.6.588.67l5.866 1.272 1.273 5.867a.747.747 0 0 0 .734.59.747.747 0 0 0 .694-.468l5.255-12.969a.748.748 0 0 0-.164-.812zM1.922 7.137l10.482-4.249-5.359 5.36-5.123-1.111zm6.941 6.941-1.11-5.123 5.358-5.36-4.248 10.483z'/%3e%3c/g%3e%3c/svg%3e") !default;
 $icon-actions-paste-after: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M15 8v1H4V8h11Zm0-3v1H4V5h11Zm0-3v1H4V2h11Zm-7 9v3H1v-3h7Zm-6 1h5v1H2v-1Zm6.991.865v-.867H11V11c.052-.225.255-.338.412-.24l3.081 1.448a.235.235 0 0 1 0 .399l-3.08 1.59c-.158.097-.36-.015-.413-.2v-1.132H8.991Z'/%3e%3c/g%3e%3c/svg%3e") !default;
 $icon-actions-paste-before: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M15 13v1H4v-1h11Zm0-3v1H4v-1h11Zm0-3v1H4V7h11ZM8 2v3H1V2h7ZM2 3h5v1H2V3Zm6.991.865v-.867H11V2c.052-.225.255-.338.412-.24l3.081 1.448a.235.235 0 0 1 0 .399l-3.08 1.59c-.158.097-.36-.015-.413-.2V3.865H8.991Z'/%3e%3c/g%3e%3c/svg%3e") !default;
diff --git a/dist/sprites/actions.svg b/dist/sprites/actions.svg
diff --git a/dist/svgs/actions/actions-panel-collapse-end.svg b/dist/svgs/actions/actions-panel-collapse-end.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g fill="currentColor"><path d="M13 2H3a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2Zm-2 11V3h2c.551 0 1 .449 1 1v8c0 .551-.449 1-1 1h-2Zm-8 0c-.551 0-1-.449-1-1V4c0-.551.449-1 1-1h7v10H3Z"/><path d="M4.052 6.12v3.76c0 .536.76.818 1.239.46L7.617 8.6c.442-.33.442-.87 0-1.2L5.291 5.66c-.478-.358-1.24-.076-1.24.46Z"/></g></svg>
diff --git a/dist/svgs/actions/actions-panel-collapse-start.svg b/dist/svgs/actions/actions-panel-collapse-start.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g fill="currentColor"><path d="M13 2H3a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2ZM6 13V3h7c.551 0 1 .449 1 1v8c0 .551-.449 1-1 1H6Zm-3 0c-.551 0-1-.449-1-1V4c0-.551.449-1 1-1h2v10H3Z"/><path d="M11.948 6.12v3.76c0 .536-.76.818-1.239.46L8.383 8.6c-.442-.33-.442-.87 0-1.2l2.326-1.74c.478-.358 1.24-.076 1.24.46Z"/></g></svg>
diff --git a/dist/svgs/actions/actions-panel-expand-end.svg b/dist/svgs/actions/actions-panel-expand-end.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g fill="currentColor"><path d="M3 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H3Zm0 11c-.551 0-1-.449-1-1V4c0-.551.449-1 1-1h7v10H3Zm8 0V3h2c.551 0 1 .449 1 1v8c0 .551-.449 1-1 1h-2Z"/><path d="M6.76 5.66 4.435 7.4c-.441.33-.441.87 0 1.2l2.327 1.74c.478.358 1.239.076 1.239-.46V6.12c0-.536-.761-.818-1.24-.46Z"/></g></svg>
diff --git a/dist/svgs/actions/actions-panel-expand-start.svg b/dist/svgs/actions/actions-panel-expand-start.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g fill="currentColor"><path d="M13 2H3a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2ZM6 13V3h7c.551 0 1 .449 1 1v8c0 .551-.449 1-1 1H6Zm-3 0c-.551 0-1-.449-1-1V4c0-.551.449-1 1-1h2v10H3Z"/><path d="M8 6.12v3.76c0 .536.761.818 1.24.46l2.326-1.74c.441-.33.441-.87 0-1.2L9.239 5.66C8.761 5.302 8 5.584 8 6.12Z"/></g></svg>
diff --git a/meta/actions/actions-panel-collapse-end.yaml b/meta/actions/actions-panel-collapse-end.yaml
@@ -0,0 +1,11 @@
+alias: []
+changes: []
+tags:
+  - navigation
+  - logical
+  - bidi
+  - panel
+  - sidebar
+  - collapse
+  - expand
+bidi: true
diff --git a/meta/actions/actions-panel-collapse-start.yaml b/meta/actions/actions-panel-collapse-start.yaml
@@ -0,0 +1,12 @@
+alias: []
+changes: []
+tags:
+  - navigation
+  - logical
+  - bidi
+  - panel
+  - sidebar
+  - collapse
+  - expand
+bidi: true
+
diff --git a/meta/actions/actions-panel-expand-end.yaml b/meta/actions/actions-panel-expand-end.yaml
@@ -0,0 +1,11 @@
+alias: []
+changes: []
+tags:
+  - navigation
+  - logical
+  - bidi
+  - panel
+  - sidebar
+  - collapse
+  - expand
+bidi: true
diff --git a/meta/actions/actions-panel-expand-start.yaml b/meta/actions/actions-panel-expand-start.yaml
@@ -0,0 +1,11 @@
+alias: []
+changes: []
+tags:
+  - navigation
+  - logical
+  - bidi
+  - panel
+  - sidebar
+  - collapse
+  - expand
+bidi: true
diff --git a/src/actions/actions-panel-collapse-end.svg b/src/actions/actions-panel-collapse-end.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16">
+<g fill="currentColor">
+  <path d="M13,2H3c-1.10455,0-2,.8954496-2,2v8c0,1.1045499.89545,2,2,2h10c1.1045504,0,2-.8954501,2-2V4c0-1.1045504-.8954496-2-2-2h0ZM11,13V3h2c.5513897,0,1,.4486103,1,1v8c0,.5513899-.4486103,1-1,1h-2ZM3,13c-.5513899,0-1-.4486101-1-1V4c0-.5513897.4486101-1,1-1h7v10H3Z"/>
+  <path d="M4.0515512,6.1196422v3.7607155c0,.5351648.7611858.8176945,1.2394087.4600319l2.3262283-1.7397846c.4416808-.3303328.4416808-.8708773,0-1.2012101l-2.3262283-1.7397846c-.4782229-.3576626-1.2394087-.0751329-1.2394087.4600319Z"/>
+</g>
+</svg>
diff --git a/src/actions/actions-panel-collapse-start.svg b/src/actions/actions-panel-collapse-start.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16">
+<g fill="currentColor">
+  <path d="M13,2H3c-1.10455,0-2,.8954496-2,2v8c0,1.1045499.89545,2,2,2h10c1.1045504,0,2-.8954501,2-2V4c0-1.1045504-.8954496-2-2-2h0ZM6,13V3h7c.5513897,0,1,.4486103,1,1v8c0,.5513899-.4486103,1-1,1h-7ZM3,13c-.5513899,0-1-.4486101-1-1V4c0-.5513897.4486101-1,1-1h2v10h-2Z"/>
+  <path d="M11.9484488,6.1196422v3.7607155c0,.5351648-.7611858.8176945-1.2394087.4600319l-2.3262283-1.7397846c-.4416808-.3303328-.4416808-.8708773,0-1.2012101l2.3262283-1.7397846c.4782229-.3576626,1.2394087-.0751329,1.2394087.4600319Z"/>
+</g>
+</svg>
diff --git a/src/actions/actions-panel-expand-end.svg b/src/actions/actions-panel-expand-end.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16">
+<g fill="currentColor">
+  <path d="M3,1.9999957c-1.1045504,0-2,.8954496-2,2v8c0,1.1045494.8954496,2,2,2h10c1.10455,0,2-.8954506,2-2V3.9999957c0-1.1045504-.89545-2-2-2H3ZM3,12.9999957c-.5513897,0-1-.4486103-1-1V3.9999957c0-.5513897.4486103-1,1-1h7v10H3ZM11,12.9999957V2.9999957h2c.5513899,0,1,.4486103,1,1v8c0,.5513897-.4486101,1-1,1h-2Z"/>
+  <path d="M6.7605915,5.6596059l-2.3262281,1.7397847c-.4416809.3303328-.4416809.8708773,0,1.20121l2.3262281,1.7397842c.4782228.3576632,1.2394085.0751333,1.2394085-.4600315v-3.7607155c0-.5351648-.7611856-.8176947-1.2394085-.460032Z"/>
+</g>
+</svg>
diff --git a/src/actions/actions-panel-expand-start.svg b/src/actions/actions-panel-expand-start.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16">
+<g fill="currentColor">
+  <path d="M13,2H3c-1.10455,0-2,.8954496-2,2v8c0,1.1045499.89545,2,2,2h10c1.1045504,0,2-.8954501,2-2V4c0-1.1045504-.8954496-2-2-2h0ZM6,13V3h7c.5513897,0,1,.4486103,1,1v8c0,.5513899-.4486103,1-1,1h-7ZM3,13c-.5513899,0-1-.4486101-1-1V4c0-.5513897.4486101-1,1-1h2v10h-2Z"/>
+  <path d="M8,6.1196422v3.7607155c0,.5351648.7611858.8176945,1.2394087.4600319l2.3262283-1.7397846c.4416808-.3303328.4416808-.8708773,0-1.2012101l-2.3262283-1.7397846c-.4782229-.3576626-1.2394087-.0751329-1.2394087.4600319Z"/>
+</g>
+</svg>
